kynangtinhoc
07-03-2008, 10:00 PM
Yeah, before we start I want to show you what will you get to make your post's layout look like a CMS content:
Before:
http://img113.imageshack.us/img113/2231/26322725le9.gif
And After:
http://img111.imageshack.us/img111/6978/35514506py7.gif
You can look live demo HERE (http://www.kynangtinhoc.com/forum/showthread.php?t=1)
It's so easy. Now, let's start:
IN your Admincp, create a new custom BBcode to align right:
Title: hright
BB Code Tag Name: hright
Replacement:
<div style="position:relative;float:right;margin:5px;padding:5 px;z-index:1">
{param}
</div>
Example: content
Description: leave blank
Use {option}: NO
Button Image: http://www.kynangtinhoc.com/forum/images/editor/r.gif( you should download this images)
Remove Tag If Empty: YES
Disable BB Code Within This BB Code, Disable Smilies Within This BB Code, Disable Word Wrapping Within This BB Code: NO
Ok, finish the BBcode number1, let go to make a BBcode number2 to align left:
Title: hleft
BB Code Tag Name: hleft
Replacement:
<div style="position:relative;float:left;margin:5px;padding:5p x;z-index:1">
{param}
</div>
Example: content
Description: leave blank
Use {option}: NO
Button Image: http://www.kynangtinhoc.com/forum/images/editor/l.gif ( you should download this images)
Remove Tag If Empty: YES
Disable BB Code Within This BB Code, Disable Smilies Within This BB Code, Disable Word Wrapping Within This BB Code: NO
This is the end, let make it installed!!! :D
Before:
http://img113.imageshack.us/img113/2231/26322725le9.gif
And After:
http://img111.imageshack.us/img111/6978/35514506py7.gif
You can look live demo HERE (http://www.kynangtinhoc.com/forum/showthread.php?t=1)
It's so easy. Now, let's start:
IN your Admincp, create a new custom BBcode to align right:
Title: hright
BB Code Tag Name: hright
Replacement:
<div style="position:relative;float:right;margin:5px;padding:5 px;z-index:1">
{param}
</div>
Example: content
Description: leave blank
Use {option}: NO
Button Image: http://www.kynangtinhoc.com/forum/images/editor/r.gif( you should download this images)
Remove Tag If Empty: YES
Disable BB Code Within This BB Code, Disable Smilies Within This BB Code, Disable Word Wrapping Within This BB Code: NO
Ok, finish the BBcode number1, let go to make a BBcode number2 to align left:
Title: hleft
BB Code Tag Name: hleft
Replacement:
<div style="position:relative;float:left;margin:5px;padding:5p x;z-index:1">
{param}
</div>
Example: content
Description: leave blank
Use {option}: NO
Button Image: http://www.kynangtinhoc.com/forum/images/editor/l.gif ( you should download this images)
Remove Tag If Empty: YES
Disable BB Code Within This BB Code, Disable Smilies Within This BB Code, Disable Word Wrapping Within This BB Code: NO
This is the end, let make it installed!!! :D