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	13
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

#215766 - 07/23/08 05:59 AM

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

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

)

_________________________
Using version :: 7.5.6

Top

#215781 - 07/23/08 02:07 PM

Re: 7.3.1 rounded_corners [Re: driv]

AllenAyres Offline

Registered: 12/29/03
Posts: 1995
Loc: Texas

Thank you arentzen

_________________________
- Allen
- ThreadsDev | PraiseCafe

Top

#215786 - 07/23/08 04:08 PM

Re: 7.3.1 rounded_corners [Re: AllenAyres]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

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

_________________________
Using version :: 7.5.6

Top

#215789 - 07/23/08 05:05 PM

Re: 7.3.1 rounded_corners [Re: driv]

arentzen Offline

journeyman

Registered: 10/01/06
Posts: 75
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 (221 downloads)
wrapperset.JPG (179 downloads)
Description: wrapper set

_________________________

www.trosfrihed.dk
Custom Ubb 7.5.2

Top

#215792 - 07/23/08 05:27 PM

Re: 7.3.1 rounded_corners [Re: arentzen]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

That'll be it

I'm not terribly bright at the best of times

_________________________
Using version :: 7.5.6

Top

#215804 - 07/24/08 08:18 AM

Re: 7.3.1 rounded_corners [Re: driv]

Zarzal Offline

old hand

Registered: 06/05/06
Posts: 1142
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 10:33 AM

Re: 7.3.1 rounded_corners [Re: Zarzal]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

Originally Posted By: Zarzal

For your style: please use full urls for your graphics.

Thanks, that did it

_________________________
Using version :: 7.5.6

Top

#215810 - 07/24/08 12:19 PM

Re: 7.3.1 rounded_corners [Re: driv]

SD	Registered: 04/19/07 Posts: 4056 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

_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I

you, click this link as to why

Top

#215811 - 07/24/08 12:54 PM

Re: 7.3.1 rounded_corners [Re: SD]

Zarzal Offline

old hand

Registered: 06/05/06
Posts: 1142
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 02:25 PM

Re: 7.3.1 rounded_corners [Re: SD]

driv

Pooh-Bah

Registered: 01/10/04
Posts: 2377

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.

_________________________
Using version :: 7.5.6

Top

#215821 - 07/24/08 05:42 PM

Re: 7.3.1 rounded_corners [Re: driv]

SD	Registered: 04/19/07 Posts: 4056 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

_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I

you, click this link as to why

Top

#215824 - 07/24/08 09:13 PM

Re: 7.3.1 rounded_corners [Re: SD]

Gizmo

Registered: 06/05/06
Posts: 14995
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...

_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!

Top

#215836 - 07/25/08 04:11 AM

Re: 7.3.1 rounded_corners [Re: Gizmo]

Zarzal Offline

old hand

Registered: 06/05/06
Posts: 1142
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 11:27 PM

Re: 7.3.1 rounded_corners [Re: Zarzal]

SD	Registered: 04/19/07 Posts: 4056 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

_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I

you, click this link as to why

Top

#215909 - 07/27/08 03:41 AM

Re: 7.3.1 rounded_corners [Re: SD]

Zarzal Offline

old hand

Registered: 06/05/06
Posts: 1142
Loc: Berlin, Germany

SirDude, this works well too. Example:

Attachments
sample.jpg (172 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 11:43 AM

Re: 7.3.1 rounded_corners [Re: Zarzal]

SD	Registered: 04/19/07 Posts: 4056 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..

_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I

you, click this link as to why

Top