Joined: Oct 2006
Posts: 67
journeyman
journeyman
Joined: Oct 2006
Posts: 67
Hej
Attachments
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
Joined: Jan 2004
Posts: 2,474
Likes: 3
That's a nice touch. I'll try it tonight
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!
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
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'
.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:
<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:
</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.
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
Joined: Jan 2004
Posts: 2,474
Likes: 3
Sweet
I haven't seen it done like that before.
I'll try it when I finish work.
(You can see how busy I am
)
Joined: Dec 2003
Posts: 1,796
Pooh-Bah
Pooh-Bah
Joined: Dec 2003
Posts: 1,796
Thank you arentzen
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
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
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
Joined: Jan 2004
Posts: 2,474
Likes: 3
That'll be it
I'm not terribly bright at the best of times
Joined: Jun 2006
Posts: 956
Old Hand
Old Hand
Joined: Jun 2006
Posts: 956
Nice work. I see something else in a selfhtml tutorial.
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
Joined: Jan 2004
Posts: 2,474
Likes: 3
For your style: please use full urls for your graphics.
Thanks, that did it
Joined: Apr 2007
Posts: 3,940
Likes: 1
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
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.
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Pooh-Bah
Joined: Jan 2004
Posts: 2,474
Likes: 3
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
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
of course, you also need to upload the images to the yoursite.com/forums/styles/images/yourstylename/ directory too
Joined: Jun 2006
Posts: 16,372
Likes: 129
Joined: Jun 2006
Posts: 16,372
Likes: 129
I just use: images/yourstyname/whatever.png
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.
Joined: Apr 2007
Posts: 3,940
Likes: 1
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
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
---
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
Joined: Jun 2006
Posts: 956
Old Hand
Old Hand
Joined: Jun 2006
Posts: 956
SirDude, this works well too. Example:
Attachments
Joined: Apr 2007
Posts: 3,940
Likes: 1
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..
Joined: Jan 2008
Posts: 81
journeyman
journeyman
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
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
1 members (mavorg
Key:
Admin ,
Global Mod ,
Mod
)
![[Linked Image from sirdude.com]](http://sirdude.com/smileys/2c.gif)
