7.3.1 rounded_corners - UBB.threads PHP Forum Software Community

You are not logged in. [Log In] UBB.threads PHP Forum Software Community » Forums » Managing & Customizing your Board » Style Downloads » 7.3.1 rounded_corners

Site Links

Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com

Top Posters (30 Days)

Ruben	51
Gizmo	24
DennyP	24
Dunny	15
SteveS	14
AllenAyres	12
SD	10
dbremer	10
drkknght00	9
doug	8

Latest Photos

Basildon Town Centre looking from the rounderbout

Page 1 of 3

Topic Options

#215761 - 07/23/08 04:25 AM

7.3.1 rounded_corners

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 75
Loc: Sunny island, Denmark

Hej

I would also like to share my style with you. This style generate rounded corners on boxes.

Attachments
rounded_corners_with_wrapper.txt (583 downloads)
rain(3).gif

_________________________

www.trosfrihed.dk
Custom Ubb 7.5.2

Top

Express Hosting

Express Hosting "We are the official hosting company of UBB.threads. Ask us about our free migration services to migrate your UBB.threads installation."

#215762 - 07/23/08 04:29 AM

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

That's a nice touch. I'll try it tonight

_________________________
Using version :: 7.5.6

Top

#215763 - 07/23/08 04:50 AM

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 75
Loc: Sunny island, Denmark

Thanks driv.

It was a style i'd made in UBB 7.2.2 which can be downloaded at UBBdev

enjoy!

_________________________

www.trosfrihed.dk
Custom Ubb 7.5.2

Top

#215764 - 07/23/08 05:01 AM

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

Should there be a 'rounded' image? Or is that somehow sorted in the style?

_________________________
Using version :: 7.5.6

Top

#215765 - 07/23/08 05:52 AM

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 75
Loc: Sunny island, Denmark

The rounded corners are made with CSS code in 'extra properties'

Html:

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

And being called in the wrappers 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>

Tables are as default generated with 90� corners. This style add a few pixels above and under the ordinary table, and if you make the ordinary table invisible and pad it all with the same colour or pattern, the table will appears as one unit with rounded corners.

_________________________

www.trosfrihed.dk
Custom Ubb 7.5.2

Top