This website can use cookies to improve the user experience

This website can use cookies to improve the user experience and to provide certain services and functions to users. Cookies contain small amounts of information (such as login information and user preferences) and will be stored on your device.

Enable All Cookies Privacy Policy

Menu Customization


avatar
cajazzer 2
From: -
Menu Customization

I just installed Contenteller (great install). I now want to move the main menu to the top of the page like the way your website displays it. I have not yet discovered a way to do this. Also, I get the feeling that there is some very powerful capabilities with this product, but I have not found any concept documentation that explains the relationships between modules, blocks, templates and categories. A little overview would go a long way towards getting new developers up to speed. Thanks for any help.

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.

Responses to this topic


1 Re: Menu Customization
avatar
135
From: -
Got it. Somehow when I was "updating the template set" it wasn't updating in the Manage Template => Template Set => Site => site_header. Looks like everything is normal now.

Thank you for the help.

ReviewStud Smiling Face with Sunglasses
1 Re: Menu Customization
avatar
Editor
0
From: -
Look like you copied the HTML code in the site_header template twice.
1 Re: Menu Customization
avatar
135
From: -
Thanks for the CSS code, but could you look into a "minor" problem on my index page. Either the site_header page I've been updating is corrupt or my site has gremlins (I'll go with the gremlins theory).

The address is index.

I've tried to editing the site_header with Dreamweaver and then updating the template, but it doesn't seem to be changing when I refresh in IE. I see the new code, but don't see what is going wrong.

Thanks Philipp,
1 Re: Menu Customization
avatar
Editor
0
From: -
Here it is:

.headerlinks ul 

{
margin:0px;
padding-top:10px;
}
.headerlinks li
{
float:right;
list-style-type:none;
width:80px;
height:25px;
text-align:center;
background-color: rgb(109, 127, 143);
background-image: url(images/footerbg.gif);
border-left:1px solid rgb(255, 255, 255);
padding-top:4px;
}
.headerlinks a
{
font-family: Verdana, Sans-Serif;
font-size:11px;
color:rgb(255, 255, 255);
font-weight:normal;
text-decoration:none;
}
.headerlinks a:hover
{
font-family: Verdana, Sans-Serif;
font-size:11px;
color:rgb(255, 255, 255);
font-weight:normal;
text-decoration:underline;
}
1 Re: Menu Customization
avatar
135
From: -
Philipp,

I've been looking at the CT.com index.php code. I'm attempting to add and modify a horizontal menu like what cajazzer is doing, but I can't figure out what is getting the links to line up horizontally.

Is there anyway you could tell me what is in you <div class="headerlinks"> CSS style? I'm missing some minor (but key) piece of CSS style code and it is driving me nuts.

Thanks Philipp,

ReviewStud Smiling Face with Sunglasses
1 Re: Menu Customization
avatar
OP 2
From: -
Most Helpful

Thanks so much for the help
1 Re: Menu Customization
avatar
Editor
0
From: -
I just installed Contenteller (great install). I now want to move the main menu to the top of the page like the way your website displays it. I have not yet discovered a way to do this.

The blocks are limited to the left or right side of your website. To add a menu on the top of page you need to edit the site_header template directly. The site_header and site_footer templates contain the main HTML output of the website.

Here an example of a top menu in site_header.

Replace:
 <h2>{$insert['site_logo_subtext']}</h2>


with:
 <h2><div style="text-align: center;"><a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}news">News</a> &middot;  <a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}articles">Articles</a> &middot; <a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}files">Files</a> &middot; <a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}content">Content</a> &middot; <a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}compatdb">CompatDB</a> &middot; <a href="https://www.contentteller.com/contentteller{$insert['param_ext']}{$insert['param_ct']}links">Links</a></div></h2>


Also, I get the feeling that there is some very powerful capabilities with this product, but I have not found any concept documentation that explains the relationships between modules, blocks, templates and categories. A little overview would go a long way towards getting new developers up to speed. Thanks for any help.


modules
This are the CMS modules such as news (for news/blog websites) or files (for download websites). Each module is fully independent from each other and serves a specific purpose.

blocks
Blocks are the side blocks that will show up on the left and right side of your website. Blocks can contain HTML/PHP code. A number of preconfigured blocks are included in Contentteller.

templates
The templates contain the HTML output of the website. With the templates it is possible to port any web design to Contentteller. Additionally, Contentteller support multiple template sets, so could even offer multiple designs to your visitors

categories
Many modules allow sorting their content by categories. This makes it easier for your visitors to find information. For example, you can categorize downloads by tools or updates etc.

Notice

This topic is archived. New comments cannot be posted and votes cannot be cast.