Site Links
Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com
Who's Online Now
2 registered members (Zarzal, TheBrit), 99 guests, and 215 spiders.
Key: Admin, Global Mod, Mod
Member Spotlight
PrplPplEater
PrplPplEater
Cleveland, Ohio
Posts: 27
Joined: September 2006
Show All Member Profiles 
Top Posters(30 Days)
Gizmo 16
isaac 16
TheBrit 10
Zarzal 9
SteveS 8
jorb 4
Ruben 4
Latest Photos
Test
Testing to drag photos
Comfortable Cats
Test
BSA photos
Previous Thread
Next Thread
Print Thread
[7.3.1] rounded_corners #215761
07/23/08 03:25 AM
07/23/08 03:25 AM
arentzen  Offline OP
journeyman
Joined: Oct 2006
Posts: 76
Sunny island, Denmark
Hej

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

Attached Files rain(3).gifrainbg.gif

trosfrihed.dk
Custom Ubb 7.5.2
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."
Re: [7.3.1] rounded_corners [Re: arentzen] #215762
07/23/08 03:29 AM
07/23/08 03:29 AM
driv  Offline

Joined: Jan 2004
Posts: 2,656
That's a nice touch. I'll try it tonight smile


Using version :: 7.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215763
07/23/08 03:50 AM
07/23/08 03:50 AM
arentzen  Offline OP
journeyman
Joined: Oct 2006
Posts: 76
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


trosfrihed.dk
Custom Ubb 7.5.2
Re: [7.3.1] rounded_corners [Re: arentzen] #215764
07/23/08 04:01 AM
07/23/08 04:01 AM
driv  Offline

Joined: Jan 2004
Posts: 2,656
Should there be a 'rounded' image? Or is that somehow sorted in the style?


Using version :: 7.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215765
07/23/08 04:52 AM
07/23/08 04:52 AM
arentzen  Offline OP
journeyman
Joined: Oct 2006
Posts: 76
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
Re: [7.3.1] rounded_corners [Re: arentzen] #215766
07/23/08 04:59 AM
07/23/08 04:59 AM
driv  Offline

Joined: Jan 2004
Posts: 2,656
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.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215781
07/23/08 01:07 PM
07/23/08 01:07 PM
AllenAyres  Offline
Pooh-Bah
Joined: Dec 2003
Posts: 2,046
Texas
Thank you arentzen smile


- Allen
- ThreadsDev | PraiseCafe
Re: [7.3.1] rounded_corners [Re: AllenAyres] #215786
07/23/08 03:08 PM
07/23/08 03:08 PM
driv  Offline

Joined: Jan 2004
Posts: 2,656
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.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215789
07/23/08 04:05 PM
07/23/08 04:05 PM
arentzen  Offline OP
journeyman
Joined: Oct 2006
Posts: 76
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

Attached Files wrapper.JPGwrapperset.JPG

trosfrihed.dk
Custom Ubb 7.5.2
Re: [7.3.1] rounded_corners [Re: arentzen] #215792
07/23/08 04:27 PM
07/23/08 04:27 PM
driv  Offline

Joined: Jan 2004
Posts: 2,656
That'll be it smile
I'm not terribly bright at the best of times frown


Using version :: 7.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215804
07/24/08 07:18 AM
07/24/08 07:18 AM
Zarzal  Online Sleepy
Old Hand
Joined: Jun 2006
Posts: 1,157
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.dragonclan-forum.de
my hobby: http://www.biker-reise.de
Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Re: [7.3.1] rounded_corners [Re: Zarzal] #215805
07/24/08 09:33 AM
07/24/08 09:33 AM
driv  Offline

Joined: Jan 2004
Posts: 2,656
Originally Posted by Zarzal
For your style: please use full urls for your graphics.


Thanks, that did it smile


Using version :: 7.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215810
07/24/08 11:19 AM
07/24/08 11:19 AM
SD  Offline
Former Developer
Joined: Apr 2007
Posts: 4,313
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

Re: [7.3.1] rounded_corners [Re: SD] #215811
07/24/08 11:54 AM
07/24/08 11:54 AM
Zarzal  Online Sleepy
Old Hand
Joined: Jun 2006
Posts: 1,157
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.dragonclan-forum.de
my hobby: http://www.biker-reise.de
Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Re: [7.3.1] rounded_corners [Re: SD] #215812
07/24/08 01:25 PM
07/24/08 01:25 PM
driv  Offline

Joined: Jan 2004
Posts: 2,656
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.6.2
Re: [7.3.1] rounded_corners [Re: driv] #215821
07/24/08 04:42 PM
07/24/08 04:42 PM
SD  Offline
Former Developer
Joined: Apr 2007
Posts: 4,313
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

Re: [7.3.1] rounded_corners [Re: SD] #215824
07/24/08 08:13 PM
07/24/08 08:13 PM
Gizmo  Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 17,015
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...


I am a Web Development Contractor, I do not work for UBBCentral. I have provided free User to User Support since the beginning of these support forums.
Need to Upgrade?
Forums: A Gardeners Forum Scouters World
UBB.threads: UBBWiki, UBB Styles, UBB.Sitemaps
Longtime Supporter & Resident Post-A-Holic
VNC Web Services: Code Modifications, Upgrades, Styling, Coding Services, Disaster Recovery, and more!
Re: [7.3.1] rounded_corners [Re: Gizmo] #215836
07/25/08 03:11 AM
07/25/08 03:11 AM
Zarzal  Online Sleepy
Old Hand
Joined: Jun 2006
Posts: 1,157
Berlin, Germany
BTW: I used the round corners with the Koniro Style on my site, looks nice.


my board: http://www.dragonclan-forum.de
my hobby: http://www.biker-reise.de
Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Re: [7.3.1] rounded_corners [Re: Zarzal] #215907
07/26/08 10:27 PM
07/26/08 10:27 PM
SD  Offline
Former Developer
Joined: Apr 2007
Posts: 4,313
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

[Linked Image]

Re: [7.3.1] rounded_corners [Re: SD] #215909
07/27/08 02:41 AM
07/27/08 02:41 AM
Zarzal  Online Sleepy
Old Hand
Joined: Jun 2006
Posts: 1,157
Berlin, Germany
SirDude, this works well too. Example:


Attached Files sample.jpg

my board: http://www.dragonclan-forum.de
my hobby: http://www.biker-reise.de
Ich kann bei Fragen zu UBBthreads in Deutsch weiterhelfen oder es zumindest versuchen
Re: [7.3.1] rounded_corners [Re: Zarzal] #215912
07/27/08 10:43 AM
07/27/08 10:43 AM
SD  Offline
Former Developer
Joined: Apr 2007
Posts: 4,313
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

Re: [7.3.1] rounded_corners [Re: SD] #233994
01/20/10 09:47 PM
01/20/10 09:47 PM
D
DougMM  Offline
journeyman
Joined: Jan 2008
Posts: 81
Austin TX
Who would like to help me get this done on my page?

Re: [7.3.1] rounded_corners [Re: DougMM] #233995
01/20/10 10:12 PM
01/20/10 10:12 PM
SD  Offline
Former Developer
Joined: Apr 2007
Posts: 4,313
SoCal, USA
i can help.. just PM me and we can get you fixed up wink


Shout Box
Today's Birthdays
No Birthdays
Recent Topics
Speaking of Http to https, complaints from user
by PianoWorld. 12/16/18 03:40 PM
update multilanguage site problem
by Zarzal. 12/15/18 04:20 PM
Char coding utf-8 and older forums
by Zarzal. 12/15/18 03:59 PM
table issue
by TheBrit. 12/13/18 06:05 PM
testing table layout
by TheBrit. 12/13/18 11:16 AM
Forum Statistics
Forums36
Topics35,181
Posts191,685
Members12,122
Most Online978
Jun 24th, 2007
Random Image
Powered by UBB.threads™ PHP Forum Software 7.6.2