Web Design Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignWeb Design Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old March 10th, 2004, 03:33 PM
dangerousjohnny dangerousjohnny is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2003
Posts: 109 dangerousjohnny User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 25 m 18 sec
Reputation Power: 5
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.

Reply With Quote
  #2  
Old March 10th, 2004, 05:57 PM
Clan admin's Avatar
Clan admin Clan admin is offline
AZbb founder
Dev Shed Novice (500 - 999 posts)
 
Join Date: Jan 2004
Location: London, UK
Posts: 843 Clan admin User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 52 m 44 sec
Reputation Power: 5
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

Reply With Quote
  #3  
Old March 10th, 2004, 07:13 PM
Executive's Avatar
Executive Executive is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Posts: 147 Executive User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
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?

Reply With Quote
  #4  
Old March 11th, 2004, 07:25 AM
dangerousjohnny dangerousjohnny is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2003
Posts: 109 dangerousjohnny User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 25 m 18 sec
Reputation Power: 5
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?

Reply With Quote
  #5  
Old March 11th, 2004, 08:28 AM
digit4l digit4l is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 2 digit4l User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
i would think using Stroke (in photoshop) 1px

Reply With Quote
  #6  
Old March 15th, 2004, 11:57 PM
cliffhanger9's Avatar
cliffhanger9 cliffhanger9 is offline
fortin bra?
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2003
Location: city of sin, state of the art
Posts: 416 cliffhanger9 Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 18 h 22 m 19 sec
Reputation Power: 0
Send a message via ICQ to cliffhanger9 Send a message via AIM to cliffhanger9 Send a message via MSN to cliffhanger9 Send a message via Yahoo to cliffhanger9
Lightbulb

Quote:
Originally Posted by dangerousjohnny
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?


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.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignWeb Design Help > web site navigation/design


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway