editing the header bar

  • Christine Crawford

    #807

    I’m trying to edit the top header bar, specifically to put some text next to the rss feed link in the upper left hand corner. Does anyone know where I can edit this are of the theme? Thank you ๐Ÿ˜‰

    Kim

    #13633

    Well, I know how to insert links & social icons right to the RSS icon (29x29px)

    So if You can use inserting 29x???px image with text, then that might be some solution.

    Kim

    Christine Crawford

    #13634

    that would work Kim, where can I do that at?

    Thank you ๐Ÿ˜‰

    Kim

    #13635

    If You look at my profile link. I start my Graphene Child Theme functions.php with:

    (Just a lot of links)

    <?php
    function graphene_social_icons(){ ?>
    <a href="/?page_id=861" title="Send en e-mail"><img src="/wp-content/uploads/m-4.png" /></a>
    <a target="_blank" href="/bbpress/" title="Kim Nรƒยธrrebo's Forum"><img src="/wp-content/uploads/b-wp.png" /></a>
    <a target="_blank" href="https://forum.graphene-theme.com/" title="Graphene Support Forum"><img src="/wp-content/uploads/b-wp3.png" /></a>
    <a target="_new" href="http://www.wordpress.org/" title="Wordpress.org"><img src="/wp-content/uploads/wp9.png" /></a>
    <a target="_new" href="http://da.wordpress.org/" title="Dansk WordPress"><img src="/wp-content/uploads/wp11.png" /></a>
    <a href="/wp-login.php?redirect_to=%2F" title="Login"><img src="/wp-content/uploads/login1.png" /></a>
    <a target="_blank" href="http://www.mozilla.com/" title="Mozilla Firefox"><img src="/wp-content/uploads/web1.png" /></a>
    <a target="_blank" href="http://www.4k-data.dk/" title="4K-DATA"><img src="/wp-content/uploads/web1.png" /></a>
    <?php
    }
    add_action('graphene_feed_icon', 'graphene_social_icons');

    Just remember, the last line in functions.php must be: ?>

    Then I address space between Icons/image in Child Theme style.css:

    #rss a {
    margin-left:10px;
    }

    #rss a.rss_link {
    margin-left:23px;
    }

    Please ask if You dont have Child Theme ๐Ÿ™‚

    Another tip:

    Bye the way if You right-click on one of the small calendar pictures

    and then show background picture you find: sprite_master.png

    Graphene Theme PSD’s are here: http://graphene.googlecode.com/svn/trunk/PSDs/

    Some icons are also here: http://www.iconfinder.com/search/?q=social

    Kim

    fuente_salus

    #13636

    Hi, Kim. I would like to have only the qtranslator widget on the top header bar.

    do you know how should I do?

    Kim

    #13637

    Hi Christine

    Then again, You just might look at Your top-bar css:

    #top-bar {
    background: url("images/sprite_h.png") repeat-x scroll left -196px #000000;
    height: 54px;
    margin-left: 16px;
    width: 900px;
    }

    If You make a 900x54px image called: sprite_hc.png

    #top-bar {
    background: url("images/sprite_hc.png");
    height: 54px;
    margin-left: 16px;
    width: 900px;
    }

    I mean change the image to one of Your liking.

    fuente_salus

    Sorry no comment on Qtranslator

    Kim

    Kim

    #13638

    Well, I jumped the CSS part and just uploaded a image.

    Then I put this in Child style.css:

    #top-bar {
    background: url("/wp-content/uploads/sprite_tb103.png");
    height: 46px;
    }

    I have to try this another day:

    http://webdesignerwall.com/tutorials/css-gradient-text-effect

    Kim

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

You must be logged in to reply to this topic.