Hello,
I would like to change the {MAIN_MENU} layout from vertical to horizontal:
My gallery currently looks like this
(based on the Fruity theme):http://www.soundchilds.net/gallery/I´ve tried to find a way in
theme.php around row 25// HTML template for main menu
$template_main_menu = <<<EOT
<a name="top"> <span class="topmenu">
<!-- BEGIN album_list -->
<a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a>
<!-- END album_list -->
<!-- BEGIN my_gallery -->
<a href="{MY_GAL_TGT}" title="{MY_GAL_TITLE}">{MY_GAL_LNK}</a>
<!-- END my_gallery -->
<!-- BEGIN allow_memberlist -->
etc...
but without any results
I would only like to arrange the links like:
.:Album List:. .:My Gallery:. ... ...instead of
.:Album List:.
.:My Gallery:.
My other problem here are the links. Instead of showing black after visiting they remain red, hovering turns the
text into red instead of white...
Regarding the table where my {MAIN_MENU} is is laid out the code is:
<td height="20" valign="top" bgcolor="#FF0000" class="basictext_robg"><div align="center">{MAIN_MENU}</div></td>
where the class="basictext_robg" should create links like in the navigation bar at the top of the gallery site.
I have additionally set the class="topmenu" in the style.css as following:
.topmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
width:123px;
}
.topmenu a {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width:123px;
}
.topmenu a:active {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
.topmenu a: visited {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.topmenu a: link {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.topmenu a: hover {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
font-weight: bold;
}
Despite the above the links seem to display according to
a {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a:active {
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
a:visited {
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a:link {
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a:hover {
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
font-weight: bold;
}
Does anyone have ideas about what I should change to get the problems sorted?
Thanks for any thoughts!
-Mika