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: 22
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 (119 downloads)

Rounded_corners_with_wrapper.txt (242 downloads)

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

_________________________
www.trosfrihed.dk
Custom Ubb 7.5.2

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: 25580 Loc: Texas	Very nice Peter, thank you! _________________________ - Allen - What Drives You?
Top

#317749 - 01/20/09 11:12 AM Re: Rounded corners on boxes 7.2.2 [Re: AllenAyres]
Pilgrim Enthusiast Registered: 06/17/00 Posts: 344 Loc: NH, USA	Total noob here, so could someone please explain in a step-by-step way how to create rounded corners for an existing stylesheet? (7.4.1) Also, I'm unsure if the OP's attachment is an entire stylesheet which I can simply import (how is that done?) after renaming the file extension from .txt to .css and changing the "background" path and/or image to my own?? Thanks for anyone's kind help. _________________________ Artificial Intelligence is no match for natural stupidity!
Top

#317784 - 02/01/09 04:53 PM Re: Rounded corners on boxes 7.2.2 [Re: Pilgrim]
DLWebmaestro Addict Registered: 08/08/00 Posts: 1802 Loc: North Carolina	I was about to answer, but then I took a look at your forums and it appears you already have it working. Good job! _________________________ Drumlines.org Marching Percussion Community
Top

#317793 - 02/08/09 01:16 AM Re: Rounded corners on boxes 7.2.2 [Re: DLWebmaestro]
sirdude Enthusiast Registered: 11/08/03 Posts: 490 Loc: SoCal	yah, i started him off with a little help _________________________
Top

Previous Topic

Index

Next Topic

Hop to: