WordPress.org

Support

Support » Themes and Templates » [Resolved] Is this possible?

[Resolved] Is this possible?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    @alchymyth

    Forum Moderator

    I’m not that good at css so if you could give me a hand I would be for ever grateful.

    Michael

    @alchymyth

    Forum Moderator

    not with looking at images – possibly looking at the live site with the code for the button already in place.

    can you post a link to your site?

    okey, my site is http://www.fiveforms.org

    Michael

    @alchymyth

    Forum Moderator

    you could possibly add the code for the button into this place (header.php ?):

    <div id="header" class="bubbleTrigger">
    
                    <div class="special-button">SPECIAL FILE CODE</div>
    
          <div id="site-title" class="clear-block">

    and use this kind of style as a starting point for formatting:

    .special-button{
    display: block;
    position: absolute;
    z-index: 50;
    top: 170px;
    right: 100px;
    height: 20px;
    width: 100px;
    padding:10px;
    background: #555;
    color:#ddd;
    font-weight:bold;
    }

    okey! that seems worth trying! thanks 🙂 What will the “special file code” be? If I would like to link the button to a page?

    Michael

    @alchymyth

    Forum Moderator

    What will the “special file code” be? If I would like to link the button to a page?

    something like:

    <div class="special-button">
    <a href="<?php bloginfo('url'); ?>/pagename/" title="freebie">SPECIAL FILE<span><br/>freebie of the month</span></a>
    </div>

    with styles:

    .special-button{
    display: block;
    position: absolute;
    z-index: 50;
    top: 160px;
    right: 100px;
    height: 40px;
    width: 120px;
    padding:10px;
    background: #555;
    }
    .special-button a {
    color:#ddd;
    font-size: 17px;
    font-weight: bold;
    }
    .special-button a span {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    }

    —-
    or turn the button into a graphic (‘special-button.png’), and save it in the /images folder of your theme:

    <div class="special-button">
    <a href="<?php bloginfo('url'); ?>/pagename/" title="freebie"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/special-button.png" alt="freebie" /></a>
    </div>

    (untested)

    You are the best! thank you sooo much!! 😀

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Is this possible?’ is closed to new replies.
Skip to toolbar