Previous Thread
Next Thread
Print Thread
Hop To
[7.3.1] rounded_corners #215761 07/23/2008 3:25 AM
Joined: Oct 2006
Posts: 67
arentzen Offline OP
journeyman
OP Offline
journeyman
Joined: Oct 2006
Posts: 67
Hej

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

Attached Files
rounded_corners_with_wrapper.txt (15.82 KB, 909 downloads)
rain(3).gifrainbg.gif

trosfrihed.dk
Custom Ubb 7.5.2
Re: [7.3.1] rounded_corners [Re: arentzen] #215762 07/23/2008 3:29 AM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
That's a nice touch. I'll try it tonight smile


Using version :: 7.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215763 07/23/2008 3:50 AM
Joined: Oct 2006
Posts: 67
arentzen Offline OP
journeyman
OP Offline
journeyman
Joined: Oct 2006
Posts: 67
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/2008 4:01 AM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
Should there be a 'rounded' image? Or is that somehow sorted in the style?


Using version :: 7.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215765 07/23/2008 4:52 AM
Joined: Oct 2006
Posts: 67
arentzen Offline OP
journeyman
OP Offline
journeyman
Joined: Oct 2006
Posts: 67
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/2008 4:59 AM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
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.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215781 07/23/2008 1:07 PM
Joined: Dec 2003
Posts: 1,796
AllenAyres Offline
Pooh-Bah
Offline
Pooh-Bah
Joined: Dec 2003
Posts: 1,796
Thank you arentzen smile


- Allen
- ThreadsDev | PraiseCafe
Re: [7.3.1] rounded_corners [Re: AllenAyres] #215786 07/23/2008 3:08 PM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
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.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215789 07/23/2008 4:05 PM
Joined: Oct 2006
Posts: 67
arentzen Offline OP
journeyman
OP Offline
journeyman
Joined: Oct 2006
Posts: 67

  • 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/2008 4:27 PM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
That'll be it smile
I'm not terribly bright at the best of times frown


Using version :: 7.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215804 07/24/2008 7:18 AM
Joined: Jun 2006
Posts: 956
Zarzal Offline
Old Hand
Offline
Old Hand
Joined: Jun 2006
Posts: 956
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/2008 9:33 AM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
Originally Posted by Zarzal
For your style: please use full urls for your graphics.


Thanks, that did it smile


Using version :: 7.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215810 07/24/2008 11:19 AM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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/2008 11:54 AM
Joined: Jun 2006
Posts: 956
Zarzal Offline
Old Hand
Offline
Old Hand
Joined: Jun 2006
Posts: 956
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/2008 1:25 PM
Joined: Jan 2004
Posts: 2,468
driv Offline
Offline
Joined: Jan 2004
Posts: 2,468
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.7.2
Re: [7.3.1] rounded_corners [Re: driv] #215821 07/24/2008 4:42 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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/2008 8:13 PM
Joined: Jun 2006
Posts: 15,848
Gizmo Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,848
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/2008 3:11 AM
Joined: Jun 2006
Posts: 956
Zarzal Offline
Old Hand
Offline
Old Hand
Joined: Jun 2006
Posts: 956
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/2008 10:27 PM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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/2008 2:41 AM
Joined: Jun 2006
Posts: 956
Zarzal Offline
Old Hand
Offline
Old Hand
Joined: Jun 2006
Posts: 956
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/2008 10:43 AM
Joined: Apr 2007
Posts: 3,938
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,938
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/2010 9:47 PM
Joined: Jan 2008
Posts: 81
DougMM Offline
journeyman
Offline
journeyman
Joined: Jan 2008
Posts: 81
Who would like to help me get this done on my page?

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


Forum Search
ShoutChat Box
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Followed List v7.7.2 Question
by Ruben - 11/12/2019 12:22 PM
UBB Dev
by JAISP - 11/03/2019 11:01 AM
Exceeded Number of attachments
by rbrtgrmn - 11/02/2019 9:57 PM
Forum New User Registration
by kf6zpl - 10/25/2019 10:45 AM
Having issue with redirects to UBB classic URLs
by amciotola - 10/16/2019 12:11 AM
Who's Online Now
2 registered members (isaac, JAISP), 64 guests, and 445 spiders.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Amusing Terain Scenics
Amusing Terain Scenics
by isaac, August 19
Sky places
Sky places
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 7.7.4
(Snapshot build 20191023)