PDA

View Full Version : Rounded top right hand corner


Neofreaks
10 Dec 2005, 23:57
This template modification will round off the top right hand corner.

Instructions

Downlaod the attached image (or create your own), name it rtop.gif, and upload it to the images/misc/ subdirectory of your forum directory.
In the CSS for the template in which you want to add this modification, add the following:
#round {
background: #FFF url(../../images/misc/rtop.gif) no-repeat top right;
}
In the 'header' template, find:
<!-- content table -->
Add above:
<div id="round"><br /></div>
In the 'navbar' template, find and remove the first <br /> tag.
Job done!

Enjoy! :D

michaelbenson
11 Dec 2005, 02:05
Why is this just the top right hand corner?
What did the left hand corner do to deserve such prejudice? :P

Tidy
11 Dec 2005, 04:51
On the stanard vBulletin 3.5.x or 3.0.x Style the Top Left is Already Rounded in a sense. Just the right hand corner is Square which looks stupid. This modification just cleans it up a bit.

harpez
11 Dec 2005, 10:17
I had never noticed that before, but know you come to mention it that square corner looks horrible!

Justdave
12 Dec 2005, 22:40
Where's the rtop.gif download?

Good idea, BTW.

Neofreaks
12 Dec 2005, 23:55
Where's the rtop.gif download?

Good idea, BTW.
To the right of the attached thumbnail. Look carefully.

mkdevo
17 Dec 2005, 01:23
great idea. thanks!

xeon
11 Jan 2006, 15:41
Nice little change, cleans the default top right up nicely.

GoNz00
16 Mar 2006, 09:36
cant figure out where to put this part In the CSS for the template in which you want to add this modification, add the following:

Code:
#round {
background: #FFF url(../../images/misc/rtop.gif) no-repeat top right;
}

any help please ?

im a tad nooby :)

GoNz00
18 Mar 2006, 07:55
bump, anyone ?