Previous Thread
Next Thread
Print Thread
Hop To
#215761 07/23/2008 4:25 AM
Joined: Oct 2006
Posts: 67
journeyman
journeyman
Joined: Oct 2006
Posts: 67
Hej

I would also like to share my style with you. This style generate rounded corners on boxes.
Attachments
rounded_corners_with_wrapper.txt (15.82 KB, 1010 downloads)
rain(3).gif rainbg.gif


trosfrihed.dk
Custom Ubb 7.5.2
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
That's a nice touch. I'll try it tonight smile

Joined: Oct 2006
Posts: 67
journeyman
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
Should there be a 'rounded' image? Or is that somehow sorted in the style?

Joined: Oct 2006
Posts: 67
journeyman
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
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 )

Joined: Dec 2003
Posts: 1,796
Pooh-Bah
Pooh-Bah
Joined: Dec 2003
Posts: 1,796
Thank you arentzen smile


- Allen
- ThreadsDev | PraiseCafe
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
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

Joined: Oct 2006
Posts: 67
journeyman
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
Attachments
wrapper.JPG wrapperset.JPG


trosfrihed.dk
Custom Ubb 7.5.2
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
That'll be it smile
I'm not terribly bright at the best of times frown

Joined: Jun 2006
Posts: 956
Old Hand
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
Originally Posted by Zarzal
For your style: please use full urls for your graphics.


Thanks, that did it smile

Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
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

SD #215811 07/24/2008 12:54 PM
Joined: Jun 2006
Posts: 956
Old Hand
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
D
Pooh-Bah
Pooh-Bah
D Offline
Joined: Jan 2004
Posts: 2,474
Likes: 3
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.

Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
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

Joined: Jun 2006
Posts: 16,292
Likes: 116
UBB.threads Developer
UBB.threads Developer
Joined: Jun 2006
Posts: 16,292
Likes: 116
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.
Do you need Forum Install or Upgrade Services?
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!
Joined: Jun 2006
Posts: 956
Old Hand
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
Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
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 from sirdude.com]

Joined: Jun 2006
Posts: 956
Old Hand
Old Hand
Joined: Jun 2006
Posts: 956
SirDude, this works well too. Example:

Attachments
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
Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
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

SD #233994 01/20/2010 10:47 PM
Joined: Jan 2008
Posts: 81
D
journeyman
journeyman
D Offline
Joined: Jan 2008
Posts: 81
Who would like to help me get this done on my page?

Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
i can help.. just PM me and we can get you fixed up wink


Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
spam issues
by ECNet - 03/19/2024 11:45 PM
Looking for a forum
by azr - 03/15/2024 11:26 PM
Editing Links in Post
by Outdoorking - 03/15/2024 9:31 AM
Question on barkrowler and the like
by Mors - 02/29/2024 6:51 PM
Member Permissions Help
by domspeak - 02/27/2024 6:31 PM
Who's Online Now
0 members (), 396 guests, and 110 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20230217)