Rounded corners on boxes 7.2.2

You are not logged in. [Log In] ubbDev » Forums » UBB.Threads 7 Development » Addons and Modifications
» CSS Styles » Rounded corners on boxes 7.2.2

Topic Options

#316918 - 05/04/08 02:13 PM

Rounded corners on boxes 7.2.2

arentzen Offline

Newbie

Registered: 10/05/06
Posts: 18
Loc: Denmark

I've made a style with rounded corners on boxes for version7.2.2
Heres a how-to-do for those who wish to it manually:

The wrapper named 'corners' use following opening html:

Html:

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px">
<tr>
<td>
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="b4"></b>
<table width="100%" class="t_outer" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" class="t_inner" cellpadding="0" cellspacing="0">

And closing html:

Html:

</table>
</td>
</tr>
</table>

<b class="b4"></b>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>

</td>
</tr>
</table>

Put the following css-code into 'Extra Properties' in your style:

Code:

.b1, .b2, .b3, .b4 {
display:block; 
overflow:hidden;
height:1px;
}
.b1 {
background:#BFD2D7;
margin: 0 5px;
}
.b2, .b3, .b4 {
background:url('/forums/styles/images/fiber.gif');
border-style:solid;
border-color:#BFD2D7;
}
.b2 {
margin:0 3px; border-width:0 2px;
}
.b3 {
margin:0 2px; border-width:0 1px;
}
.b4 {
margin:0 1px;border-width:0 1px;
}

Upload 'fiber.gif' into [/yourdomain/forums/styles/images/] directory.

enjoy!

Attachments
fiber_canvas.JPG (38 downloads)

(177 downloads)
Rounded_corners_with_wrapper.txt (42 downloads)

Edited by arentzen (05/04/08 02:16 PM)

_________________________
Peter Arentzen
trosfrihed.dk

Top

#317100 - 05/29/08 10:08 PM Re: Rounded corners on boxes 7.2.2 [Re: arentzen]
AllenAyres I type Like navaho Registered: 03/10/00 Posts: 25366 Loc: Texas	Very nice Peter, thank you! _________________________ - Allen - What Drives You?
Top