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
5 posters

    How could i change these

    Mr DarkHaxers2
    Mr DarkHaxers2
    Mr DarkHaxers2
    Forumember


    Male Posts : 409
    Reputation : -17
    Language : English
    Location : Modesto,Cali
    • Post n°1

    Solved How could i change these

    Post by Mr DarkHaxers2 February 12th 2012, 7:08 am

    ok how could I change this Quick Reply up top from the Quick Reply here's a image wut im talking about:

    How could i change these Quick_10

    Need help cause i need the css code and i want to code it my self but idk the css name for it so pleas help me

    Forum Version: PhpBB2
    • Back to top
    Omu
    Omu
    Omu
    Active Poster


    Male Posts : 1021
    Reputation : 87
    Language : Romanian, English
    • Post n°2

    Solved Re: How could i change these

    Post by Omu February 12th 2012, 10:52 am

    You want to change the background at the quick reply buttons?
    Go to: ACP > Modules > Javascript codes management > Create a new code:
    Title: Quick Reply Buttons
    Place: In all pages.
    Javascript:
    Code:
    jQuery(document).ready(function() {
        jQuery('button img').each(function() {
            if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_bold.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/bold10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_italic.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/italic10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_underline.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/underl10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_strikethrough.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/strike10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_align_center.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_align_left.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_11.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_align_right.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/splashyIcons/comment_reply.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/page_white_code.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/i/smiles/icon_smile.gif') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/smiley.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/color_swatch.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/color-line.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/help.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/help10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/link.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/link10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/film.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/media10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_list_numbers.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/picture.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0700/picture.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/comments.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/splashyIcons/comment_reply.png');












     if(jQuery(this).attr('src') == '') jQuery(this).attr('src', '');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_list_bullets.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/unorde10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_align_justify.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/align_13.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/text_horizontalrule.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/text_h10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/table.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/table10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/picture_save.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0720/picture_link.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/page_white_flash.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/page_w10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/style.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/size10.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/font.png') jQuery(this).attr('src', 'http://cdn1.iconfinder.com/data/icons/oxygen/16x16/actions/color-line.png');

     if(jQuery(this).attr('src') == 'http://2img.net/i/fa/wysiwyg/separator.png') jQuery(this).attr('src', 'http://i26.servimg.com/u/f26/12/56/56/12/separa10.png');
        });
    })
    • Back to top
    pczone
    avatar
    pczone
    New Member


    Posts : 7
    Reputation : 2
    Language : English
    • Post n°3

    Solved Re: How could i change these

    Post by pczone February 12th 2012, 11:46 am

    I had the same problem but solved now Very Happy
    • Back to top
    LGforum
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK
    • Post n°4

    Solved Re: How could i change these

    Post by LGforum February 12th 2012, 3:15 pm

    This is both better javascript and easier to understand than the above code:

    Code:

    $(function(){

    var x=document.getElementById('text_edit').getElementsByTagName('button');
    x[0].firstChild.src="NEW IMAGE SRC";
    x[1].firstChild.src="NEW IMAGE SRC";
    x[2].firstChild.src="NEW IMAGE SRC";

    });

    See these bits 'x[0].firstChild.src="NEW IMAGE SRC";'
    These are the bits changing the images. 0 is the first button. So the bold button. 1 is the second button so the italic button, and so on... just keep duplicating that line and changing the number. Easy right?

    And as an FYI to people, using the jQuery attr() function to get a src or href is pointless. As displayed in my above script, it can be access just like that.
    'this.src' or 'this.href'


    Last edited by LGforum on February 12th 2012, 9:28 pm; edited 1 time in total
    • Back to top
    Mr DarkHaxers2
    Mr DarkHaxers2
    Mr DarkHaxers2
    Forumember


    Male Posts : 409
    Reputation : -17
    Language : English
    Location : Modesto,Cali
    • Post n°5

    Solved Re: How could i change these

    Post by Mr DarkHaxers2 February 12th 2012, 7:44 pm

    Now i want the name of the css code cause i want the round edges round but idk wuts the name of the css code it is

    Forum Version: PunBB2
    • Back to top
    LGforum
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK
    • Post n°6

    Solved Re: How could i change these

    Post by LGforum February 12th 2012, 9:27 pm

    Code:

    #text_edit button {
      border-radius: 6px;
    }
    • Back to top
    Mr DarkHaxers2
    Mr DarkHaxers2
    Mr DarkHaxers2
    Forumember


    Male Posts : 409
    Reputation : -17
    Language : English
    Location : Modesto,Cali
    • Post n°7

    Solved Re: How could i change these

    Post by Mr DarkHaxers2 February 12th 2012, 10:08 pm

    Thanks Problem solved
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51499
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°8

    Solved Re: How could i change these

    Post by SLGray February 12th 2012, 10:17 pm

    Mr DarkHaxers2 wrote:Thanks Problem solved

    Topic Solved & Locked





    How could i change these Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top

      Current date/time is September 23rd 2024, 11:27 pm