Page 1 of 1
Link in header
Posted: Sun Oct 02, 2005 5:23 pm
by aacircle
Hello,
Does anyone know how to put a link in the header? I have created my own style using style.css.
Where would I go in style.css file to add a text link in the header area?
Posted: Sun Oct 02, 2005 7:44 pm
by aacircle
Ok, found the answer. Edited the index.tpl file. But couldn't get the fonts looking the way I wanted.
My code in the index.tpl is:
Code: Select all
<div id="serendipity_banner">
<h1><a class="homelink1" href="{$serendipityBaseURL}">{$head_title|@default:$blogTitle}</a></h1>
<h2><a class="homelink2" href="{$serendipityBaseURL}">{$head_subtitle|@default:$blogDescription}</a></h2>
<h3><p align="right">
<a href="http://www.mydomain.com">Link1</a> |
<a href="http://www.mydomain.com">Link2</a> |
<a href="http://www.mydomain.com">Link3</a></h3></p>
</div>
<table id="mainpane">
Basically I would like to get Link1, Link2 and Link3 pushed up a little higher, or even the same line as <h2>. Also, how would I override the fonts to choose a specific font and color for these links?
Any feedback would be much appreciated.
Thank you.
Posted: Sun Oct 02, 2005 8:13 pm
by aacircle
Hey don't worry everyone... worked it out.
Code: Select all
<h3 style="color: #2A415B; text-align: right">
Posted: Tue Oct 04, 2005 3:58 pm
by garvinhicking
Great
However a more elegant solution would be to edit your style.css template file and put:
Code: Select all
h3 {
color: #2A415B;
text-align: right;
}
inside that file. Then you wouldn't swamp your HTML file with design things.
Regards,
Garvin
Posted: Tue Oct 04, 2005 7:03 pm
by aacircle
Nice suggestion Gavin.
However, I would only like this attribute for <h3> tags in the header.
So I used:
Code: Select all
a.homelink3,
a.homelink3:hover,
a.homelink3:link,
a.homelink3:visited,
#serendipity_banner h3 {
color: #2A415B;
text-align: right;
text-decoration: none;
}
However, it doesn't pickup the color for the links. Instead it uses the color that is default for the rest of the site's links. It only picks up the color for non-link <h3> tags in the header.
Posted: Tue Oct 04, 2005 7:29 pm
by garvinhicking
You must address it like this:
Code: Select all
a.homelink3,
a.homelink3:hover,
a.homelink3:link,
a.homelink3:visited,
#serendipity_banner h3,
#serendipity_banner h3 a {
color: #2A415B;
text-align: right;
text-decoration: none;
}
Regards,
Garvin
Posted: Tue Oct 04, 2005 8:44 pm
by aacircle
Garvin! You are a GENIUS. Many many thanks. The support you give to these forums is much appreciated.
We love you!
Posted: Tue Oct 04, 2005 10:51 pm
by garvinhicking
LOL. Thanks a lot; you're welcome
Regards,
Garvin