Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #864

    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!

    #33172

    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">

    #33173

    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

    #33174

    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; }

    #33175

    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

    #33176

    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

    #33177

    Hi

    Is there any chance that you will help me with that?

    Thanx

    #33178

    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

    #33179

    Hi,

    Taking your advice I have finally resolved my problem.

    Thank you very much for your patience and help!

    #33180

    Glad that it works now.

    The Dude

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Creating upper links fot the website’ is closed to new replies.