|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
web site navigation/design
Hi all,
Just wondering how does one get a design like this: http://www.egocube.net/ What tools are used for the graphics/lines/navigation bar on the right? Is it done in photoshop/fireworks? Many sites are like this and I'm wondering if there's some tutorial out there that shows how to design like this. |
|
#2
|
||||
|
||||
|
Look into the page source. All the clues are there.
Good luck ![]()
__________________
© AZ AZbb :: AZ Bulletin Board - Secure BBS script, Front page CMS, Chat, No database Simple Guide to Apache and PHP installation on Windows |
|
#3
|
||||
|
||||
|
Looks like a simple table with a background image set at no repeat - top.
Then the content.
__________________
Family Hosting, we treat you like family! United Web Site Award Givers, is your website worthy of an award? |
|
#4
|
|||
|
|||
|
But how about the lines? How are they done? It isn't a table border... is something like this designed in fireworks first? Or is it all done in Dreamweaver or something like that?
|
|
#5
|
|||
|
|||
|
i would think using Stroke (in photoshop) 1px
|
|
#6
|
||||
|
||||
|
Quote:
the lines could be either a border or an image... you are correct it isnt a table border...but it doenst matter you can give almost anything a border with CSS ![]() if you look at the source you ll notice that the text is in a div where class="sidetitle" upon viewing the CSS... Code:
.sidetitle {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #996600;
letter-spacing: 2px;
text-align: center;
word-spacing: 2px;
border: #5B6010;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px; margin-bottom: 2px
}
..you see that there is indeed a bottom border applied.. ![]() hope this helps! good lucky and rock on!! ![]()
__________________
"I hate quotations." -ralph waldo emerson- Last edited by cliffhanger9 : March 15th, 2004 at 11:59 PM. |
![]() |
| Viewing: Dev Shed Forums > Web Design > Web Design Help > web site navigation/design |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|