Welcome to Geeklog, Anonymous Monday, December 23 2024 @ 10:05 am EST
Geeklog Forums
Themeing and CSS question
theophile
Anonymous
Hi all. I am modifying the Wintermute theme for color matching and I am pulling my hair out trying to figure out what I am doing wrong. The Wintermute theme, in the header.thtml file does not call {menu_elements} for the Geeklog menu. Instead, it has a series of static links. So I want to replaces the static links with {menu_elements} and override the default link colors due to the menu background color.
Here is the original section from the Wintermute header.thtml:
<TR>
<TD bgColor=#000000 colSpan=4><IMG height=1 alt="" hspace=0
src="{layout_url}/images/pixel.gif" width=1 border=0></TD></TR>
<TR vAlign=center bgColor=#2c3941>
<TD align=left width="75%" height=20 class=blocktitle> <B><A
class="blocktitle2"
href="{site_url}">Home</A> · <A class="blocktitle2"
href="{site_url}/submit.php?type=story">Submit news</A>
· <A class="blocktitle2"
href="{site_url}/links.php">Links</A>
· <A class=blocktitle2
href="{site_url}/pollbooth.php">Polls</A>
· <A class=blocktitle2
href="{site_url}/calendar.php">Calendar</A>
· <A class=blocktitle2
href="{site_url}/search.php">Advanced Search</A>
· <A class=blocktitle2
href="{site_url}/stats.php">Stats</A>
</B></FONT></TD>
And here is how I have modified it:
<TR>
<TD bgColor=#000000 colSpan=4><IMG height=1 alt="" hspace=0
src="{layout_url}/images/pixel.gif" width=1 border=0></TD></TR>
<TR vAlign=center bgColor=#152092>
<td align="left" width="70% height=20 valign="middle" class=blocktitle3><a class=blocktitle3>{menu_elements}</a></td>
In order to speficy how the menu links should appear, I have created sections in my style.css template for the following classes:
color: #FFFFFF;
background-color: #cccc5f;
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
}
a.blocktitle3:link {
color: #cccc5f;
background-color: #cccc5f;
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
}
a.blocktitle3:visited {
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
color: #000000;
text-decoration : none;
}
a.blocktitle3:hover {
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
color: #cccc5f;
text-decoration : none;
}
From what I understand, the above settings should be applied to links whenever the blocktitle3 class is specified. But no matter what I do to the color values in the above template, nothing changes in the page.
What am I doing wrong??
Thanks!
Here is the original section from the Wintermute header.thtml:
Text Formatted Code
<TBODY><TR>
<TD bgColor=#000000 colSpan=4><IMG height=1 alt="" hspace=0
src="{layout_url}/images/pixel.gif" width=1 border=0></TD></TR>
<TR vAlign=center bgColor=#2c3941>
<TD align=left width="75%" height=20 class=blocktitle> <B><A
class="blocktitle2"
href="{site_url}">Home</A> · <A class="blocktitle2"
href="{site_url}/submit.php?type=story">Submit news</A>
· <A class="blocktitle2"
href="{site_url}/links.php">Links</A>
· <A class=blocktitle2
href="{site_url}/pollbooth.php">Polls</A>
· <A class=blocktitle2
href="{site_url}/calendar.php">Calendar</A>
· <A class=blocktitle2
href="{site_url}/search.php">Advanced Search</A>
· <A class=blocktitle2
href="{site_url}/stats.php">Stats</A>
</B></FONT></TD>
And here is how I have modified it:
Text Formatted Code
<TBODY><TR>
<TD bgColor=#000000 colSpan=4><IMG height=1 alt="" hspace=0
src="{layout_url}/images/pixel.gif" width=1 border=0></TD></TR>
<TR vAlign=center bgColor=#152092>
<td align="left" width="70% height=20 valign="middle" class=blocktitle3><a class=blocktitle3>{menu_elements}</a></td>
In order to speficy how the menu links should appear, I have created sections in my style.css template for the following classes:
Text Formatted Code
.blocktitle3 {color: #FFFFFF;
background-color: #cccc5f;
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
}
a.blocktitle3:link {
color: #cccc5f;
background-color: #cccc5f;
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
}
a.blocktitle3:visited {
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
color: #000000;
text-decoration : none;
}
a.blocktitle3:hover {
font-family: trebuchet, verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
color: #cccc5f;
text-decoration : none;
}
From what I understand, the above settings should be applied to links whenever the blocktitle3 class is specified. But no matter what I do to the color values in the above template, nothing changes in the page.
What am I doing wrong??
Thanks!
7
8
Quote
theophile
Anonymous
Almost forgot, here's the site:
The Merediths.org
The Merediths.org
6
7
Quote
theophile
Anonymous
Sorry, bad code!
http://themerediths.org
http://themerediths.org
8
8
Quote
All times are EST. The time is now 10:05 am.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content