https://www.icyphoenix.com/viewtopic.php?f=36&t=5164&p=34802#p34802 ----------------------------------- Limun Sun 14 Dec, 2008 04:13 Post Details Border ----------------------------------- How to create borders around your post details: [b]Demo Picture[/b] [img]http://www.icyphoenix.com/files/images/3336/borders2.png[/img] [b]Pictured Tutorial[/b] [img]http://www.icyphoenix.com/files/images/3336/bordersc.png[/img] [color=#1900ff]DEMO:[/color] http://www.macommunity.net Open: [i]ip_root/templates/your_style/your_style.css[/i] [spoiler][b]PARTIAL FIND:[/b] [code linenumbers=false].post-details {[/code] You'll see something similar to this: [code linenumbers=false].post-details { text-align: center; margin: 5px; color: #666666; font-size: 10px; line-height: 1.4em; }[/code] [b]AFTER, ADD:[/b] [code linenumbers=false] #post_border_a { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } #post_border_b { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } #post_border_c { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } #post_border_d { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } #post_border_e { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } #post_border_f { border-bottom: 1px solid #838383; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #838383; } [/code][/spoiler] Open: [i]ip_root/templates/your_style/viewtopic_body.tpl[/i] [spoiler][b]Find:[/b] [code linenumbers=false] {postrow.POSTER_JOINED}
{postrow.POSTER_POSTS}
{postrow.POSTER_AGE} {postrow.POSTER_FROM}
{postrow.POSTER_NO}
{postrow.POSTER_LANG}[/code] [b]REPLACE WITH:[/b] [spoiler]
{postrow.POSTER_JOINED}
[color=red]
[/color]
{postrow.POSTER_POSTS}
[color=red]
[/color]
{postrow.POSTER_AGE}
[color=red]
[/color]
{postrow.POSTER_FROM}
[color=red]
[/color]
{postrow.POSTER_NO}
[color=red]
[/color]
{postrow.POSTER_LANG}
[/spoiler][/spoiler] Explanation: Where you see red [color=red]
[/color], this is a space between borders. You can change that with [code linenumbers=false][/code] to change space if you want less space in between borders. [b][color=darkgreen]Thanks a lot to Chaotic in creating this tutorial and post[/color][/b]