The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    Christmas icons

    Mariami
    Mariami
    Forumember


    Posts : 106
    Reputation : 1
    Language : english

    Christmas icons Empty Christmas icons

    Post by Mariami Fri Dec 19, 2014 11:01 am

    pleasee put me these codes tu make a new Javascript Codes


    Christmas icons Zkv2l



    Christmas icons Ukrnb



    Christmas icons 7qox5



    Christmas icons W6k0i
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Christmas icons Empty Re: Christmas icons

    Post by _Twisted_Mods_ Fri Dec 19, 2014 12:04 pm

    javascript

    Code:
    $(function(){
    $('#phpbb').prepend('<div id="xmasholder"></div>');
    });

    css

    Code:
    #xmasholder{
      background: url(linkyoyourimage);
     display: block;
          background-repeat: no-repeat;
      background-position:50%;
    height:160px;
        width:100%;
      position:absolute;
    }


    change linktoyourimage with one of the url links to the images you provided

    to change if the image is left,right,center ..change
    Code:
      background-position:50%;

    0% = left
    50% = center
    100% = right
    Mariami
    Mariami
    Forumember


    Posts : 106
    Reputation : 1
    Language : english

    Christmas icons Empty Re: Christmas icons

    Post by Mariami Fri Dec 19, 2014 12:20 pm

    it does not work
    Mariami
    Mariami
    Forumember


    Posts : 106
    Reputation : 1
    Language : english

    Christmas icons Empty Re: Christmas icons

    Post by Mariami Fri Dec 19, 2014 6:57 pm

    please help me
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Christmas icons Empty Re: Christmas icons

    Post by Mati Fri Dec 19, 2014 7:09 pm

    Hello

    Go to Administration Panel -> Display -> Templates --> General overall_header and add below <head> this code save and Publish.

    Code:
    <div id="xmasholder"></div>

    Code:
    #xmasholder {
        background: url(http://b.pix.ge:81/c/w6k0i.gif) ;
        height: 150px;
        position: absolute;
        width: 100%;
        top: 0;
    }
    Mariami
    Mariami
    Forumember


    Posts : 106
    Reputation : 1
    Language : english

    Christmas icons Empty Re: Christmas icons

    Post by Mariami Fri Dec 19, 2014 7:40 pm

    sorry,it doesnt work Sad
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Christmas icons Empty Re: Christmas icons

    Post by _Twisted_Mods_ Fri Dec 19, 2014 7:50 pm

    i think your doing something wrong

    goto acp>modules>javascript managment

    turn on javascript save

    create a new javascript

    title =  what ever you like
    placement = in all pages
    code =


    Code:
    $(function(){
    $('#phpbb').prepend('<div id="xmasholder"></div>');
    });


    Submit


    goto

    acp>display>pictures&colors>colors>css tab

    add



    Code:
    #xmasholder{
      background: url(http://a.pix.ge/a/ukrnb.gif);
     display: block;
          background-repeat: no-repeat;
      background-position:50%;
    height:160px;
        width:100%;
      position:absolute;
    }


    Submit
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Christmas icons Empty Re: Christmas icons

    Post by Mati Fri Dec 19, 2014 7:50 pm

    Are you sure you do it current ?
    Mariami
    Mariami
    Forumember


    Posts : 106
    Reputation : 1
    Language : english

    Christmas icons Empty Re: Christmas icons

    Post by Mariami Fri Dec 19, 2014 8:22 pm

    thank you very much,I did it <33
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19437
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    Christmas icons Empty Re: Christmas icons

    Post by Ape Fri Dec 19, 2014 10:35 pm

    @Mariami  
    Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead!
    First Warning



    Christmas icons Left1212Christmas icons Center11Christmas icons Right112
    Christmas icons Ape_b110
    Christmas icons Ape1010

      Current date/time is Thu Nov 14, 2024 8:05 pm