How to: Smileys in Board description

Started by NanoSector, July 12, 2010, 08:06:55 AM

Previous topic - Next topic

NanoSector

What you need:
SMF
Internet
FTP (for confirmation only, if you know all Theme folders out of your head it isn't needed)

What we are gonna do:
- Add a smiley in a Board description. This is NOT done with just BBCode!
- Make actually use of the almost-neverused post icons.

Step 1: Making a board
Log in as the administator account.
Go to Admin > Forum > Boards.
Click "Add board" in General Category (or click Modify on an existing one)

Step 2: Checking that the Smileys are in place
*Skip when you know what you are doing only!
1. Open up your FTP client (I use FileZilla)
2. Go to your SMF installation (for me it is directly in public_html)
3. Go to your Themes folder.
4. Go to your default folder.
5. Go to your images folder.
6. Go to your post folder.
7. You should see alot of images. (If not, you are blind.)
These images are in there.

etc. (these icons are got from my site, so if they are down don't worry)

Step 3: Adding the icon to your board
Add the path to the icon in this code. This is plain HTML so it can't be used in posts if the administrator disabled it, use [img][/img] instead.
Code (Image code for Boards) Select

<img src="http://www.yoursite.com/forum/Themes/default/images/post/xx.gif" alt = "" />

Credits to cicka for the updated code!
You can add it just like that. You can also type more text, like information about the board, but nothing is required (well, a board without a title looks nasty...).

In 3 (and maybe 2) steps you have a smiley added to your board.
Lets hope your members enjoy it ;D

Regards,
Tools-series Project Leader, Yoshi2889

PS. BBCode won't work in boards
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

cicka

Quote from: Yoshi2889 on July 12, 2010, 08:06:55 AM
What you need:
SMF
Internet
FTP (for confirmation only, if you know all Theme folder out of your head it isn't needed)

What we are gonna do:
- Add a smiley in a Board description. This is NOT done with just BBCode!
- Make actually use of the almost-neverused post icons.

Step 1: Making a board
Log in as the administator account.
Go to Admin > Forum > Boards.
Click "Add board" in General Category (or click Modify on an existing one)

Step 2: Checking that the Smileys are in place
*Skip when you know what you are doing only!
1. Open up your FTP client (I use FileZilla)
2. Go to your SMF installation (for me it is directly in public_html)
3. Go to your Themes folder.
4. Go to your default folder.
5. Go to your images folder.
6. Go to your post folder.
7. You should see alot of images. (If not, you are blind.)
These images are in there.

etc. (these icons are got from my site, so if they are down don't worry)

Step 3: Adding the icon to your board
Add the path to the icon in this code. This is plain HTML so it can't be used in posts if the administrator disabled it, use [img][/img] instead.
Code (Image code for Boards) Select

<img src="http://www.yoursite.com/forum/Themes/default/images/post/xx.gif">

You can add it just like that. You can also type more text, like information about the board, but nothing is required (well, a board without a title looks nasty...).

In 3 (and maybe 2) steps you have a smiley added to your board.
Lets hope your members enjoy it ;D

Regards,
Tools-series Project Leader, Yoshi2889

PS. BBCode won't work in boards

Very nice guide. But your code is not xhtml strict and it needs to be corrected. First, it misses the required alt attribute and second, the img is an empty tag, meaning that it should be closed :)

This is how it should be

<img src="http://www.yoursite.com/forum/Themes/default/images/post/xx.gif" alt = "" />

NanoSector

Quote from: cicka on July 12, 2010, 10:50:36 AM
Quote from: Yoshi2889 on July 12, 2010, 08:06:55 AM
What you need:
SMF
Internet
FTP (for confirmation only, if you know all Theme folder out of your head it isn't needed)

What we are gonna do:
- Add a smiley in a Board description. This is NOT done with just BBCode!
- Make actually use of the almost-neverused post icons.

Step 1: Making a board
Log in as the administator account.
Go to Admin > Forum > Boards.
Click "Add board" in General Category (or click Modify on an existing one)

Step 2: Checking that the Smileys are in place
*Skip when you know what you are doing only!
1. Open up your FTP client (I use FileZilla)
2. Go to your SMF installation (for me it is directly in public_html)
3. Go to your Themes folder.
4. Go to your default folder.
5. Go to your images folder.
6. Go to your post folder.
7. You should see alot of images. (If not, you are blind.)
These images are in there.

etc. (these icons are got from my site, so if they are down don't worry)

Step 3: Adding the icon to your board
Add the path to the icon in this code. This is plain HTML so it can't be used in posts if the administrator disabled it, use [img][/img] instead.
Code (Image code for Boards) Select

<img src="http://www.yoursite.com/forum/Themes/default/images/post/xx.gif">

You can add it just like that. You can also type more text, like information about the board, but nothing is required (well, a board without a title looks nasty...).

In 3 (and maybe 2) steps you have a smiley added to your board.
Lets hope your members enjoy it ;D

Regards,
Tools-series Project Leader, Yoshi2889

PS. BBCode won't work in boards

Very nice guide. But your code is not xhtml strict and it needs to be corrected. First, it misses the required alt attribute and second, the img is an empty tag, meaning that it should be closed :)

This is how it should be

<img src="http://www.yoursite.com/forum/Themes/default/images/post/xx.gif" alt = "" />
Hm. I always use that.
Will replace it with yours, though.
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

cicka

The code you posted works, but I meant to make it xtml valid.

mirahalo

or you could  parse_bbc();  $board['description']  to directly put    :) :( :P    ;)

   <p>', parse_bbc($board['description']) , '</p>';

NanoSector

Quote from: cicka on July 12, 2010, 11:00:11 AM
The code you posted works, but I meant to make it xtml valid.
Yeah, it's ok.
I want to be valid xD
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

NanoSector

Quote from: 130860 on July 12, 2010, 11:01:05 AM
or you could  parse_bbc();  $board['description']  to directly put    :) :( :P    ;)

   <p>', parse_bbc($board['description']) , '</p>';
Hm? Never knew that. But this way you can add more images then just BBCode and smileys.
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

Advertisement: