PhpBB3 BBCodes

Posted: **07 Mar 2010, 22:04**

Link Icons BBCode

Author: Corey
Description: This BBCode allows you to represent different types of links with an icon.

Attached file:

linkicons.zip: (4.29 KiB) Downloaded 433 times

Download, unzip and upload the entire linkicons folder to your themes images folder (theme/images).

Instructions:
Open styles/prosilver/theme/colours.css
At the bottom add:

Code: Select all

a.folder {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/folder.png") 0 40% no-repeat;
}

a.file {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/file.png") 0 40% no-repeat;
}

a.download {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/download.png") 0 40% no-repeat;
}

a.external {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/external.png") 0 40% no-repeat;
}

a.pdf {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/pdf.png") 0 40% no-repeat;
}

Open styles/subsilver2/theme/stylesheet.css
At the bottom add:

Code: Select all

a.folder {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/folder.png") 0 40% no-repeat;
}

a.file {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/file.png") 0 40% no-repeat;
}

a.download {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/download.png") 0 40% no-repeat;
}

a.external {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/external.png") 0 40% no-repeat;
}

a.pdf {
        padding-left: 17px;
        background: url("{T_THEME_PATH}/images/linkicons/pdf.png") 0 40% no-repeat;
}

BBCode:

Code: Select all

[link={SIMPLETEXT}]{URL}[/link]

HTML:

Code: Select all

<a href="{URL}" class="{SIMPLETEXT}">{URL}</a>

Helpline:

Code: Select all

Link: [link=class]URL[/link]

Example:

Code: Select all

[link=folder]http://www.google.com[/link]
[link=file]http://www.google.com[/link]
[link=download]http://www.google.com[/link]
[link=external]http://www.google.com[/link]
[link=pdf]http://www.google.com[/link]

Demo:

: linkicons.png (3.04 KiB) Viewed 4540 times