Site Links
Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com
Who's Online
4 registered (driv, A-GATE, Iann128, GregK), 40 Guests and 16 Spiders online.
Key: Admin, Global Mod, Mod
Featured Member
Registered: 04/09/11
Posts: 140
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
OK Corral Shoot Out
Testing
Basildon Train Station
Basildon Town Centre looking from the rounderbout
Basildon Town Square
Page 1 of 3 1 2 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

rainbg.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 Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
That's a nice touch. I'll try it tonight smile
_________________________
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! smile
_________________________

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 Online   censored

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 Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
Sweet smile I haven't seen it done like that before.
I'll try it when I finish work. smile

(You can see how busy I am wink )
_________________________
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 smile
_________________________
- Allen
- ThreadsDev | PraiseCafe
Top
#215786 - 07/23/08 04:08 PM Re: 7.3.1 rounded_corners [Re: AllenAyres]
driv Online   censored

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 confused
_________________________
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 Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
That'll be it smile
I'm not terribly bright at the best of times frown
_________________________
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 Online   censored

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 smile
_________________________
Using version :: 7.5.6
Top
#215810 - 07/24/08 12:19 PM Re: 7.3.1 rounded_corners [Re: driv]
SD Offline
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 wink
_________________________

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 Online   censored

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 Offline
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 wink

of course, you also need to upload the images to the yoursite.com/forums/styles/images/yourstylename/ directory too laugh
_________________________

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 Offline

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 Offline
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 wink

---

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 smile

_________________________

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 Offline
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..

smile
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
#233994 - 01/20/10 09:47 PM Re: 7.3.1 rounded_corners [Re: SD]
DougMM Offline
journeyman
Registered: 01/30/08
Posts: 81
Loc: Austin TX
Who would like to help me get this done on my page?
_________________________
CentralTexasStangs.com





Top
#233995 - 01/20/10 10:12 PM Re: 7.3.1 rounded_corners [Re: DougMM]
SD Offline
Registered: 04/19/07
Posts: 4056
Loc: SoCal, USA
i can help.. just PM me and we can get you fixed up wink
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
Page 1 of 3 1 2 3 >



Moderator:  AllenAyres, Harold, Ian, Ron M 
Shout Box

Today's Birthdays
No Birthdays
Recent Topics
Temporary Password email not being received
by
05/24/12 10:02 PM
Ability to "like" individual posts (not Facebook "likes)
by doug
05/23/12 09:03 AM
Island Permissions
by ThreadsUser
05/22/12 03:03 PM
streaming video
by prkrgrp
05/20/12 07:02 PM
New Posts Corrupted? Can someone help?
by PianoWorld
05/19/12 09:41 AM
Forum Stats
10492 Members
36 Forums
33842 Topics
181709 Posts

Max Online: 978 @ 06/24/07 11:19 PM
Random Image