Previous Thread
Next Thread
Print Thread
Hop To
[7.3.1] rounded_corners
#215761 07/23/2008 4:25 AM
Joined: Oct 2006
Posts: 67
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, 918 downloads)
rain(3).gifrainbg.gif

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


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


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


- Allen
- ThreadsDev | PraiseCafe
Re: [7.3.1] rounded_corners
AllenAyres #215786 07/23/2008 4:08 PM
Joined: Jan 2004
Posts: 2,469
Offline
Joined: Jan 2004
Posts: 2,469
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.4
Re: [7.3.1] rounded_corners
driv #215789 07/23/2008 5:05 PM
Joined: Oct 2006
Posts: 67
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
arentzen #215792 07/23/2008 5:27 PM
Joined: Jan 2004
Posts: 2,469
Offline
Joined: Jan 2004
Posts: 2,469
That'll be it smile
I'm not terribly bright at the best of times frown


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


Thanks, that did it smile


Using version :: 7.7.4
Re: [7.3.1] rounded_corners
driv #215810 07/24/2008 12:19 PM
Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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
SD #215811 07/24/2008 12:54 PM
Joined: Jun 2006
Posts: 956
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
SD #215812 07/24/2008 2:25 PM
Joined: Jan 2004
Posts: 2,469
Offline
Joined: Jan 2004
Posts: 2,469
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.4
Re: [7.3.1] rounded_corners
driv #215821 07/24/2008 5:42 PM
Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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
SD #215824 07/24/2008 9:13 PM
Joined: Jun 2006
Posts: 15,937
Likes: 27
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 15,937
Likes: 27
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, I Find Rocks, 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
Gizmo #215836 07/25/2008 4:11 AM
Joined: Jun 2006
Posts: 956
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
Zarzal #215907 07/26/2008 11:27 PM
Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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]

Re: [7.3.1] rounded_corners
SD #215909 07/27/2008 3:41 AM
Joined: Jun 2006
Posts: 956
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
Zarzal #215912 07/27/2008 11:43 AM
Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
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
SD #233994 01/20/2010 10:47 PM
Joined: Jan 2008
Posts: 81
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
DougMM #233995 01/20/2010 11:12 PM
Joined: Apr 2007
Posts: 3,940
SD Offline
Former Developer
Offline
Former Developer
Joined: Apr 2007
Posts: 3,940
i can help.. just PM me and we can get you fixed up wink


Link Copied to Clipboard
ShoutChat Box
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Unread posts no longer tracked per user...
by KirkW - 06/16/2020 12:21 AM
Max Image file size upload
by jjjjj - 06/10/2020 10:25 PM
Error on Inert into POSTS
by jjjjj - 06/07/2020 8:09 PM
YouTube embedding
by jjjjj - 06/06/2020 6:14 PM
PHP Version
by DennyP - 05/18/2020 1:40 PM
Who's Online Now
1 members (JAISP), 73 guests, and 43 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
3D Creations
3D Creations
by JAISP, December 30
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