resolved
semczi
Member
Hi
I would like to add some text and two links at the top of the website to be dispayed on every page. I know I should add some code in editing mode but will appreciate some help with that. I would like it to look like thet: http://semczi.home.pl/PRtest/upper_links.jpg
and I would like to control color and size of the text and links.
Thanx for help :-) This is really a Great Theme!
Is the screenshot of your own site because it looks like the links are already there?
If not, the links need to be added to header.php - to appear where they are in the screenshot, you should add the link code just under this code:
<div class="wrapper" id='wrapper_head'>
<div class="center">
semczi
Member
Hi
I have only created that screen in Photoshop, just to show you, what I want to achieve. I have no idea what to add to the code, to control color and position of the links.
I have added My link just below the code you told me, but now my link looks like that:
http://semczi.home.pl/PRtest/link.jpg
Can you help me to do it like on the first screenshot?
Thanx
Ok, the code should be above this code in header.php (not below):
<div class="wrapper" id='wrapper_head'>
<div class="center">You can use this example code to get you started:
<div class="my-links">
<a href="MY-LINK-URL">MY LINK TEXT</a>
<a href="MY-LINK-URL">MY LINK TEXT</a>
<a href="MY-LINK-URL">MY LINK TEXT</a>
</div>Change the text in CAPITALS to your link text.
You also need to add this to the end of style.css:
.my-links { float: right; }
.my-links a { font-size: 12px; font-weight: bold; }
.my-links a:hover { text-decoration: underline; }
semczi
Member
Hi
I did what you have told me to do and this is a result: http://szkolenia.kreator-premium.pl
I think that links are hidden behind the menu and we have to move the whole page down a bit to see them.
How can we do that?
Thanx for helping out.
Semczi
semczi
Member
To be more specific, I have created two screenshots - one with the new code added to the header.php and one without the new code (in both cases I have added code to the CSS). You can see the difference here:
wihout code: http://kreator-premium.pl/images/without_code.png
with code: http://kreator-premium.pl/images/with_code.png
If you want the links to appear above your boxed layout like in your mockup (first screenshot in your first post) you need to paste in your link code between
<body id='top'>and
<div id='wrap_all' class='boxed'>so it looks like:
<body id='top'>
<div class="center" style="margin-left:1000px;"><a href="">Link</a></div>
<div id='wrap_all' class='boxed'>Note: You can change margin left to any value you like. You can also create a new class in css and delete the style declaration.
If you want to solve the problem with float:right; (which is much better) you need to change the .boxed class in style.css - you're right the boxed content overlaps the link div, so that you can't see it anymore. So change:
.boxed{
position: relative;
margin:15px auto;
width:1000px;
}to something like:
.boxed{
position: relative;
margin:45px auto 15px;
width:1000px;
}The Dude
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
