boring header to FAB haha

Discussion in 'Web Development and Programming' started by spongebob na warriors!!!, Nov 2, 2008.

  1. spongebob na warriors!!!

    spongebob na warriors!!! Regular Member

    Joined:
    Oct 31, 2008
    Messages:
    37
    Likes Received:
    0
    #1
    you need the images for the background of each header with text..
    sample: View attachment ai34.tinypic.com_98awwm.jpg

    #2
    how can you make images like that?
    tip: I'm using Microsoft Office Powerpoint for image editing
    ^ that is my secret..

    #3
    now if you already have the images , upload them all at your image hosting account.

    #4
    then you need the code for that..
    heres the complete codes
    just edit the IMAGE URL

    for controlpanel:
    .controlpanel h1{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for photos:
    .photos h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for blogs:
    .blogs h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for reviews:
    .reviews h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for more about:
    .moreabout h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for comments:
    .publiccomments h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for media box:
    .scrapbook h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for friends:
    .friends h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for groups:
    .groups h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]

    for fan of:
    .fan of h2{
    background-color:#000000;
    background-image: url(IMAGE URL);
    background-position:center;
    background-attachment:scroll;
    background-repeat:no-repeat;
    height:30px;
    font-size:0px;
    }[/spoiler:mpavo0rm]
    --------------------------------------------------------------------------------
    for addboxes just use this:
    addBox("RIGHT","[​IMG]</img>",code,"box1","15");


    just edit it for other addboxes...
    put it at the box's title part..


    credits: to mhedge


     

Share This Page