Joomla Templates

Sorry I am a noob with joomla and webpage design but maybe you guys could help!

Basically what I want to add is something similar to the casenano.com/ site where it has the horizontal menu items along the top of the page (where it says Home | Case Nano 2G |Case Nano 3G | Case Nano 4G).

Here is the site im working on currently www.floorzoo.com/public_html/ as you can see it is blank there! Thanks a lot!:silly:

Sure arash,
I'm assuming you know where the module options are?
You'll need to open up the menu module you wish to publish. Publish it in position 'top-nav' with a class suffix of '-nav' see the image below on where to place the '-nav'.

thanks a lot!

Okay I think I'm gonna just keep asking questions as I go if that is okay with you :)

Next question is a 2 part one lol

1) How do i make that top-nav left justified or centered? Default is right justified.

2) Do you have any tips for the "feature" section? I got it to show an image but how do i make it slideshow and control the timer?

Thanks again and please forgive me for my noobness i'm just trying to learn! :(

again reference to what im currently working on is here:

www.floorzoo.com/public_html/

:) we all have to learn arash, I was asking the same questions not so long ago.

1) You'll have to get your hands dirty with a little CSS editing to change that. It's all doable from your joomla admin. The code starts around line 194 of your template.css file.

The following changes left or right position, just edit to read left or right which ever you desire.
#nav {
float: right;
}

The following controls the size of the menu text and it's position within each menu item. You can text align right, left, or center (note: you can't float things center only left or right. Text position is different)
#nav li {
float: left;
font-size: 12px;
text-align: center;
display: inline;
vertical-align: middle;
}

Now to edit the CSS go to your template options and click edit css as in the picture.Then select the template.css radio button and again click edit. This will open the file for editing. You should fell free to play around with the CSS file, it's a great chance to learn. Just copy and paste it all and save it in a word doc before editing so you have a back up.

2) This is a little easier in a sense. The template doesn't actually handle image fading; It just has room for a feature area what goes in the feature area is up to you. It's a module position so try some of the modules on joomla extensions extensions.joomla.org/component/ option,c..._id,2020/Itemid,35/. You should be able to find one that fits nicely into your feature area. If you have difficulty setting up the module I might be able to help you. But no guarantee :)

Hope that helps

Thanks again!

Slight problem though as you can tell from the site:
www.floorzoo.com/public_html/

I guess the top menu needs to be pushed a little to the right so the 'Home' menu item doesn't overlap outside the page.

I'm almost ready to start adding real content B)

Maybe down the road you can help me with setting up virtuemart! :woohoo:

Hmmmmmm :blush:
At least the Slide show looks good ;)

The menu popping over the left will be something to do with
(line 203)
#nav {
position: static;
margin-right: 36px;
Try making that margin-left: 36px;
or just making it 0px

I'm still working on the slid show popping out to the right

thanks again!

When i changed it to 0px it seemed to fix the 'feature' part to center it as well! you're the man :) now time to think of another question to ask you so i can upgrade it tomorrow haha :) thanks again you dont know how much i appreciate it!

I have another question! :)

How do I go about changing colors around the site?

For example the top-nav section with the gray background and black font i want to edit to something else!