View Full Version : IPB styled boxes for Pro


SxGz
28th July 2004, 03:03 AM
the CSS:

/* ***** TehRu.org New Quote Boxes - Thanks IPB ***** */
.quotetop
{
margin: 8px auto 0px auto;
padding: 3px;
border-left: 4px solid #919B9C;
border-top: 1px dotted #919B9C;
border-right: 1px dotted #919B9C;
}
.quoteword
{
font-weight:bold;
font-size:12px;
}
.quotequotes
{
font-weight:bold;
font-size:18px;
}
.quotemain
{
border-left: 4px solid #919B9C;
border-right: 1px dotted #919B9C;
border-top: 1px solid #919B9C;
border-bottom: 1px dotted #919B9C;
padding: 4px;
margin: 0px auto 8px auto;
}
.codetop,
.phptop,
.htmltop
{
margin: 8px auto 0px auto;
padding: 3px;
border-left: 4px solid #919B9C;
border-top: 1px dotted #919B9C;
border-right: 1px dotted #919B9C;
}
.codemain,
.phpmain,
.htmlmain
{
color: #000;
background-color: #FFFFFF;
border-left: 4px solid #919B9C;
border-right: 1px dotted #919B9C;
border-top: 1px solid #919B9C;
border-bottom: 1px dotted #919B9C;
padding: 2px;
margin: 0px auto 0px auto;
white-space: pre;
overflow: auto;
}

Code:

<div style="margin:20px; margin-top:5px">
<div class="codetop">
<table width="100%" border="0">
<tr>
<td align="left" valign="bottom"><div class='quoteword'>$vbphrase[code]:</div></td>
<td align="right"><div class='quotequotes'>&lt;?code</div></td>
</tr>
</table>
</div>
<div class="codemain">$code</div>
</div>

Html:

<div style="margin:20px; margin-top:5px">
<div class="htmltop">
<table width="100%" border="0">
<tr>
<td align="left" valign="bottom"><div class='quoteword'>$vbphrase[html_code]:</div></td>
<td align="right"><div class='quotequotes'>&lt;?html</div></td>
</tr>
</table>
</div>
<div class="htmlmain">$code</div>
</div>

Php:

<div style="margin:20px; margin-top:5px">
<div class="phptop">
<table width="100%" border="0">
<tr>
<td align="left" valign="bottom"><div class='quoteword'>$vbphrase[php_code]:</div></td>
<td align="right"><div class='quotequotes'>&lt;?php</div></td>
</tr>
</table>
</div>
<div class="htmlmain">$code</div>
</div>

Quote:

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
<div class='quotetop'>
<table width="100%" border="0">
<tr>
<td align="left" valign="bottom"><div class='quoteword'>$vbphrase[quote]:<if condition="$show['username']"><phrase 1="$username">&nbsp;($vbphrase[originally_posted_by_x])</phrase></if></div></td>
<td align="right"><div class='quotequotes'>“„</div></td>
</tr>
</table>
</div>
<div class='quotemain'><if condition="$show['username']"><div style="font-style:italic">$message</div><else />$message</if>
</div>

no images(like ipb), I feel they look very clean, so I felt like sharing them.

Floris
28th July 2004, 07:38 AM
Cool stuff, thank you for sharing! :) Karma++

omgli3k
28th July 2004, 01:55 PM
very nice! thanks!k++

acers
21st March 2005, 11:30 PM
while its quite superb if there is only one quote in a post, if you have multiple quotes in a post it just screws up big time with each quote being alligned rightwards,,,,
see attachment...

Anyway to fix this right shifting with each new quote?
Also I want to add the posted on: date/time feature to this. Like

Quote: (Originally Posted by XYZ) on XX at YY

Any idea how to do that?

acers
21st March 2005, 11:31 PM
oops forgot to post the attachment :D

detalhe
21st April 2005, 01:55 AM
Not that I'll install it now, but if it was the case, what would I do with all that code? I mean, why not telling where to put it or change it? :confused: Not everyone is a VB guru :p

Disjunto
21st April 2005, 05:37 PM
while its quite superb if there is only one quote in a post, if you have multiple quotes in a post it just screws up big time with each quote being alligned rightwards,,,,
see attachment...

Anyway to fix this right shifting with each new quote?
Also I want to add the posted on: date/time feature to this. Like

Quote: (Originally Posted by XYZ) on XX at YY

Any idea how to do that?
theres a </div> missing in the code, so the margin stays there, just add </div> to the end :)

acers
24th May 2005, 07:00 PM
damn.. thanks for amking my day :P
i feel like an idiot now.. missing that :P

thanks big time

reteep
25th May 2005, 09:58 AM
Thanks, I like that!

teamrocketman
6th June 2005, 05:59 PM
I think i could benefit from this, thank you!

SxGz
20th October 2005, 03:37 PM
thanks for the fix on the ,div. ;)

ariefwahyudi
24th November 2005, 11:12 AM
;) good n simple

thanks you:)

netzoner
25th December 2005, 12:10 AM
thanks nice stuff

Robert
25th December 2005, 02:37 AM
Wow, cool. I really need to spend some more time sifting through the older posts I haven't read.

Try and make it a holiday task. :)