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	45
Bert	26
Gizmo	19
Rob Provencher	12
Rimex	9
SD	8
sw55	7
Eugene	5
TCS1	4
Matthias1976	4

Latest Photos

Page 1 of 3

Topic Options

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

7.3.1 rounded_corners

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 76
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 (614 downloads)
rain(3).gif

_________________________
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 03:29 AM

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Carpal Tunnel

Registered: 01/10/04
Posts: 2543

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

_________________________
Using version :: 7.5.7 ...sans SFS at the mo'

Top

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

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 76
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!

_________________________
trosfrihed.dk
Custom Ubb 7.5.2

Top

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

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Carpal Tunnel

Registered: 01/10/04
Posts: 2543

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

_________________________
Using version :: 7.5.7 ...sans SFS at the mo'

Top

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

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 76
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.

_________________________
trosfrihed.dk
Custom Ubb 7.5.2

Top