View Full Version : Awesome Round Header Design
Ok ive come across this awesome round header design can anybody please tell me how i would be able to do the same?
Cheers!
danward
09-17-2007, 07:21 AM
The rounded part at the top is almost definitely an image. You need to go into your header template and create a table to accomodate the new rounded header image. You may also find it useful to modify the footer template accordingly.
The rounded part at the top is almost definitely an image. You need to go into your header template and create a table to accomodate the new rounded header image. You may also find it useful to modify the footer template accordingly.
Could you kindly advise me please on how i could go about doing this? Just a few tips to put me on the right tracks would help.
Cheers!
wengi
09-19-2007, 04:24 PM
That is a 3image banner ... left-right nd background tht fills the empty space in between
it is all added 2gether wth coding in header and as said once you do it i suggest you do smthn similar to the footer
Regards
Wengi
That is a 3image banner ... left-right nd background tht fills the empty space in between
it is all added 2gether wth coding in header and as said once you do it i suggest you do smthn similar to the footer
Regards
Wengi
Anytips on how i go about doing it.. what template do i make changes to..?
Spank
09-19-2007, 11:06 PM
Wouldn't creating a rounded image with transparent background be easiest?
Wouldn't creating a rounded image with transparent background be easiest?
But when you view it at a different resoloution the banner could move..
Xtrato
09-20-2007, 04:29 PM
ok well, what software do you use? , if you dont use any you can download a trial of photoshop and do it.
you have several tools, a "Shape TOOL" is essential to creating this type of image.
hmm you can go here to find a few tutorials : https://vborg.vbsupport.ru/showthread.php?t=114816
it shouldnt be hard, maybe the layer effects are.
But play around with it
ok well, what software do you use? , if you dont use any you can download a trial of photoshop and do it.
you have several tools, a "Shape TOOL" is essential to creating this type of image.
hmm you can go here to find a few tutorials : https://vborg.vbsupport.ru/showthread.php?t=114816
it shouldnt be hard, maybe the layer effects are.
But play around with it
LOL the funny thing is i make websites, i have photoshop and the lot not much of a noob.. what i dont know is how am i to apply the tables in the header area without ruining anything?
Cheers
Lizard King
09-21-2007, 06:55 AM
Slice the image before saving , and when you need to save the image , save it as html. Then copy the code and you are ready to go.
Shelley_c
09-21-2007, 10:55 AM
Slice it in 3 parts with the center image usually being the repeating image so it expands/collapses to all resolutions. Normally, the center image would be 1px in width but different designs call for different kind of slices but 1px width for the center (and whatever height) should be safe and work without any issues. :)
Slice it in 3 parts with the center image usually being the repeating image so it expands/collapses to all resolutions. Normally, the center image would be 1px in width but different designs call for different kind of slices but 1px width for the center (and whatever height) should be safe and work without any issues. :)
After i have sliced it where or how do i place them in the header? which css do i look at? Cheers!
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.