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 August 1st, 2004, 11:39 AM
ashwns ashwns is offline
Ashwin
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2004
Posts: 35 ashwns User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Lightbulb Ideas on Skinning

I am trying to develop a "skinned" website (static). I am totally new to the concept but have done a bit of googling on skinning and have checked out the "invision board" skins.

I understand it will involve separating the content from the design/UI.
Does this mean images go in the images folder and css/javascripts are referenced externally and go in the scripts folder etc. or is there more to it?

I am really stumped on where to start.

Any ideas, suggestions or resources?

Thanks,
Ashwin

Reply With Quote
  #2  
Old August 1st, 2004, 11:44 AM
BonRouge's Avatar
BonRouge BonRouge is offline
Winemaster
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Sendai, Japan
Posts: 1,354 BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Weeks 3 Days 2 h 52 m 6 sec
Reputation Power: 85
If you're talking about what I think you are then - yes. You reference the css and js files.

You want a kind of template but with different content, yeah? You want to be able to change the template and for it to be reflected in all your pages? Then you have to do exactly what you said.

Reply With Quote
  #3  
Old August 1st, 2004, 12:11 PM
ashwns ashwns is offline
Ashwin
Dev Shed Newbie (0 - 499 posts)
 
Join Date: May 2004
Posts: 35 ashwns User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Any Resources

I would really like a few resources to mull over if you have any.
That would really help

Ashwin

Reply With Quote
  #4  
Old August 1st, 2004, 12:29 PM
BonRouge's Avatar
BonRouge BonRouge is offline
Winemaster
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Sendai, Japan
Posts: 1,354 BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Weeks 3 Days 2 h 52 m 6 sec
Reputation Power: 85
Do you want to copy someone else's design or are you OK with the whole design thing?

Basically, if you can make a style sheet that you like, you can put that in a .css file and put a link too it in tour pages. It looks like this : <link href="classes.css" rel="stylesheet" type="text/css" /> (this is from my site which is here : http://cheers-sendai.com (we have a small English school)).

As far as your style sheet and pages go, your content will be in DIVs and you'll have one that you want to change on each site - the content. Call that something like 'content' or 'text' and it'll be easy to remember.

So that's your style sheet.

For javascript, you do the same thing in a .js file. The link to the js might look like this : <script type="text/javascript" src="newlayers.js"></script> .

If there's html that you want to have on all your pages, one way to do it is to change it to javascript and save it to a .js file. You can easily convert html to javascript here :
http://www.cis.nctu.edu.tw/~is84034/works/mclee_tools/html2js.php. Link it in the same way as above.

I'm really know expert, but I hope this helps you out a little.

Reply With Quote
  #5  
Old August 1st, 2004, 12:33 PM
BonRouge's Avatar
BonRouge BonRouge is offline
Winemaster
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Sendai, Japan
Posts: 1,354 BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Weeks 3 Days 2 h 52 m 6 sec
Reputation Power: 85
Style sheets

By the way - if you need ideas for/ help with style sheets, I really like this guy's stuff : http://www.stunicholls.myby.co.uk/layouts/index.html

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignWeb Design Help > Ideas on Skinning


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