7.3.1 rounded_corners - UBB.threads Community

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

Site Links

Home
Features
Documentation
Pricing & Order
Members Area
Support Options

Top Posters (30 Days)

Ruben Rocha	187
Gizmo	107
Rick	100
Thelockman	83
driv	41
AllenAyres	35
Sirdude	28
ntdoc	28
Ian	24
ScriptKeeper	18

Latest Photos

Page 1 of 3

Topic Options

Rate This Topic

#215761 - 07/23/08 01:25 AM 7.3.1 rounded_corners
arentzen newbie Registered: 10/01/06 Posts: 46 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 (204 downloads) _________________________ The road to hell is paved with promises of paradise! <=====================================> www.trosfrihed.dk
Top

#215762 - 07/23/08 01:29 AM Re: 7.3.1 rounded_corners [Re: arentzen]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	That's a nice touch. I'll try it tonight _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215763 - 07/23/08 01:50 AM Re: 7.3.1 rounded_corners [Re: driv]
arentzen newbie Registered: 10/01/06 Posts: 46 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! _________________________ The road to hell is paved with promises of paradise! <=====================================> www.trosfrihed.dk
Top

#215764 - 07/23/08 02:01 AM Re: 7.3.1 rounded_corners [Re: arentzen]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	Should there be a 'rounded' image? Or is that somehow sorted in the style? _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

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

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

newbie

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

_________________________
The road to hell is paved with promises of paradise!
<=====================================>
www.trosfrihed.dk

Top

#215766 - 07/23/08 02:59 AM Re: 7.3.1 rounded_corners [Re: arentzen]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	Sweet I haven't seen it done like that before. I'll try it when I finish work. (You can see how busy I am ) _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215781 - 07/23/08 11:07 AM Re: 7.3.1 rounded_corners [Re: driv]
AllenAyres Registered: 12/29/03 Posts: 1639 Loc: Texas	Thank you arentzen _________________________ - Allen - ThreadsDev \| PraiseCafe
Top

#215786 - 07/23/08 01:08 PM Re: 7.3.1 rounded_corners [Re: AllenAyres]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	I've just uploaded it - but I'm not seeing the rounded corners (on my site) that I see on yours. I'm sure I'm missing something _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215789 - 07/23/08 02:05 PM Re: 7.3.1 rounded_corners [Re: driv]
arentzen newbie Registered: 10/01/06 Posts: 46 Loc: Sunny island, Denmark	Check that you got a wrapper with rounded corners Check that your style in 'Style settings' use the wrapper named corners. Check that the CSS-code are placed in the 'Extra Properties' box in your style Attachments wrapper.JPG (58 downloads) wrapperset.JPG (39 downloads) Description: wrapper set _________________________ The road to hell is paved with promises of paradise! <=====================================> www.trosfrihed.dk
Top

#215792 - 07/23/08 02:27 PM Re: 7.3.1 rounded_corners [Re: arentzen]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	That'll be it I'm not terribly bright at the best of times _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215804 - 07/24/08 05:18 AM Re: 7.3.1 rounded_corners [Re: driv]
Zarzal old hand Registered: 06/05/06 Posts: 1091 Loc: Berlin, Germany	Nice work. I see something else in a selfhtml tutorial. For your style: please use full urls for your graphics. This made ist easyer to import it. _________________________ my board: http://www.dragon-clan.de my hobby: http://www.biker-reise.de Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Top

#215805 - 07/24/08 07:33 AM Re: 7.3.1 rounded_corners [Re: Zarzal]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	Originally Posted By: Zarzal For your style: please use full urls for your graphics. Thanks, that did it _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215810 - 07/24/08 09:19 AM Re: 7.3.1 rounded_corners [Re: driv]
Sirdude Registered: 04/19/07 Posts: 2083 Loc: SoCal, USA	i always use relative urls, so no change is necessary.. ie: url(../styles/images/mystyle/bleh.png) this makes the import with no changes at all _________________________
Top

#215811 - 07/24/08 09:54 AM Re: 7.3.1 rounded_corners [Re: Sirdude]
Zarzal old hand Registered: 06/05/06 Posts: 1091 Loc: Berlin, Germany	I guess full urls will be convertet by export and import to a placeholder. This placeholder match every configuration. _________________________ my board: http://www.dragon-clan.de my hobby: http://www.biker-reise.de Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Top

#215812 - 07/24/08 11:25 AM Re: 7.3.1 rounded_corners [Re: Sirdude]
driv Pooh-Bah Registered: 01/10/04 Posts: 1703 Loc: Essex, UK	Originally Posted By: Sirdude ie: url(../styles/images/mystyle/bleh.png Yeah it was the ".." that was missing. The full url did the trick but I would rather go 'relative' in the long run. _________________________ Oi Oi Saveloy! (Courtesy of Sd - well known Anglophile...!?!) My True star rating
Top

#215821 - 07/24/08 02:42 PM Re: 7.3.1 rounded_corners [Re: driv]
Sirdude Registered: 04/19/07 Posts: 2083 Loc: SoCal, USA	yeppers, if you always use ../styles/images/yourstyname/whatever.png then it's fully transportable and any images will auto linky poo in of course, you also need to upload the images to the yoursite.com/forums/styles/images/yourstylename/ directory too _________________________
Top

#215824 - 07/24/08 06:13 PM Re: 7.3.1 rounded_corners [Re: Sirdude]
Gizmo Registered: 06/04/06 Posts: 12008 Loc: Portland, OR; USA	I just use: images/yourstyname/whatever.png As the images are in a subdirectory of the styles directory already, theres no need to cd down then go into the styles directory... _________________________ UGN Security, Elite Web Gamers & VNC Web Design Owner Longtime UBB Supporter, UBB7 Beta Tester & Resident Post-A-Holic
Top

#215836 - 07/25/08 01:11 AM Re: 7.3.1 rounded_corners [Re: Gizmo]
Zarzal old hand Registered: 06/05/06 Posts: 1091 Loc: Berlin, Germany	BTW: I used the round corners with the Koniro Style on my site, looks nice. _________________________ my board: http://www.dragon-clan.de my hobby: http://www.biker-reise.de Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Top

#215907 - 07/26/08 08:27 PM Re: 7.3.1 rounded_corners [Re: Zarzal]
Sirdude Registered: 04/19/07 Posts: 2083 Loc: SoCal, USA	Originally Posted By: Giz-UNiT I just use: images/yourstyname/whatever.png That blows up, when you consider integrating into Joomla, so i use ../styles/images for compatibility and it actually working --- Linky Poo™ you can also make your own there, by just filling in 2 colors, a radius and name it.. no images necessary too.. Linky Poo2™ -- this is a solution with an image.. generates it for you _________________________
Top

#215909 - 07/27/08 12:41 AM Re: 7.3.1 rounded_corners [Re: Sirdude]
Zarzal old hand Registered: 06/05/06 Posts: 1091 Loc: Berlin, Germany	SirDude, this works well too. Example: Attachments sample.jpg (38 downloads) Description: exaple how it looks with spiffy corners without extra images in css _________________________ my board: http://www.dragon-clan.de my hobby: http://www.biker-reise.de Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Top

#215912 - 07/27/08 08:43 AM Re: 7.3.1 rounded_corners [Re: Zarzal]
Sirdude Registered: 04/19/07 Posts: 2083 Loc: SoCal, USA	yah, i've been using spiffy corners on most of my sites that want the roundie look.. also one that i really like is This one -- it's more javascript intensive, but since i have prototype and scriptaculous installed, it's a snap to add all kindsa rounding.. _________________________
Top

Page 1 of 3

Previous Topic

Index

Next Topic

Hop to:

Moderator: AllenAyres, Gizmo, Harold, Ian, Ian Spence, Ron M, Sirdude, usrbingeek