Previous Thread
Next Thread
Print Thread
Hop To
#215761 07/23/2008 3: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 Images
rounded_corners_with_wrapper.txt (15.82 KB, 926 downloads)
rain(3).gif rainbg.gif

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


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


Using version :: 7.7.4
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Offline
Pooh-Bah
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 )


Using version :: 7.7.4
Joined: Dec 2003
Posts: 1,796
Pooh-Bah
Offline
Pooh-Bah
Joined: Dec 2003
Posts: 1,796
Thank you arentzen smile


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


Using version :: 7.7.4
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 Images
wrapper.JPG wrapperset.JPG

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


Using version :: 7.7.4
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Offline
Pooh-Bah
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


Using version :: 7.7.4
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

SD #215811 07/24/2008 11:54 AM
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
Joined: Jan 2004
Posts: 2,474
Likes: 3
Pooh-Bah
Offline
Pooh-Bah
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.


Using version :: 7.7.4
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

Joined: Jun 2006
Posts: 16,014
Likes: 58
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Jun 2006
Posts: 16,014
Likes: 58
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
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
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]

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


Attached Images
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
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

Joined: Jan 2008
Posts: 81
D
journeyman
Offline
journeyman
D
Joined: Jan 2008
Posts: 81
Who would like to help me get this done on my page?

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
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
v7.7.5 Active Topics Display Name Incorrect
by Jake - 11/17/2020 4:46 PM
custom islands in forums tool
by Ruben - 11/17/2020 3:21 PM
Captcha bug maybe?
by Morgan - 11/16/2020 8:34 AM
Facebook thumbnail issue
by DBryce - 11/08/2020 7:43 PM
No hop to menu in the category pages
by Morgan - 11/05/2020 4:19 PM
Who's Online Now
0 members (), 68 guests, and 76 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
gallery test
gallery test
by Mors, September 23
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Powered by UBB.threads™ PHP Forum Software 7.7.5