Edit BBcode frame images

Description

Edit the images of the frame in the BBcode buttons

Set up

It is really simple. You have just to paste the code related to the image you want to edit:

Paste an image-link:

Code:

#img img {
display: none;
}

#img {
padding-left: 15px;
background: url(picture.png);
background-position: 3px 12px;
background-repeat: no-repeat;
}

Paste an URL:

Code:

[code]#url img {
display: none;
}

#url {
padding-left: 15px;
background: url(picture.png);
background-position: 3px 12px;
background-repeat: no-repeat;
}[/code]

Customize the tutorial

You have just to edit "PICTURE.png" with the image you want

Demonstration

Technical problems

The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting. Thanks, the staff

For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

Friendly,
The team of the Forum of Codes.