PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Sat Aug 24, 2019 6:16 pm

All times are UTC - 5 hours




Post new topic Reply to topic  [ 29 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: CSS templates
PostPosted: Wed Sep 07, 2005 7:12 pm 
Offline
DevNet Master

Joined: Thu Jan 30, 2003 9:26 pm
Posts: 2893
Location: Glasgow, Scotland
Got some links for CSS templates? Post here.

Due to the quirky implementation of css in various browsers, it can be very difficult to create a solid css-based layout which works for all. This sticky topic aims to provide a list of tried and tested css layouts to save you hours of frustration.

To kick it off:

- a great source of css info including links to css layouts.



Top
 Profile  
 
 Post subject:
PostPosted: Wed Sep 07, 2005 8:24 pm 
Offline
Tutorials Group

Joined: Sun Jan 04, 2004 11:30 pm
Posts: 2692


Top
 Profile  
 
 Post subject:
PostPosted: Wed Aug 09, 2006 4:18 am 
Offline
Forum Newbie

Joined: Fri Jul 21, 2006 9:44 am
Posts: 3
Location: Croatia
You can check http://www.getcsstemplates.com and download all css templates for free.


Top
 Profile  
 
 Post subject:
PostPosted: Tue Nov 21, 2006 3:32 am 
Offline
DevNet Resident
User avatar

Joined: Tue Mar 16, 2004 11:03 am
Posts: 1425
Location: Aachen, Germany
has some nice CSS features including menus. It's worth a look especially as the menus don't use any javascript.


Top
 Profile  
 
 Post subject:
PostPosted: Tue Nov 21, 2006 4:28 am 
Offline
Forum Regular
User avatar

Joined: Mon Nov 14, 2005 5:21 pm
Posts: 878


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Fri Apr 04, 2008 6:00 am 
Offline
Forum Commoner

Joined: Sun Mar 25, 2007 8:42 pm
Posts: 79
Have you tried Microsoft Expression Web? It's much more css orientated that dreamweaver. If you're happy with internal css you could probably design a whole static css site with the wysiwyg. I'm not an expert with it but I sometimes use it for debugging my css layout issues.

Back to the main topic:
I've been looking for good css templates for a while. I've bought a couple and been disappointed with them. They look very fancy which is important, but they aren't as customizable as you would expect a proper CSS site (that you paid for) to be. For example they use for text, so you need to photoshop the image to show your company name or whatever. They also use background images for boxes and boarders, forcing you to restrict the size of your content. I'm pretty new to CSS myself so let me know if I'm missing the point.

Anyway I've just checked and this is much more the sort of thing I'm looking for with good css layout/appearance. Only problem is there's not many templates. Does anyone know where I can get more of the sort of thing I'm looking for?


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sat May 24, 2008 12:14 am 
Offline
Forum Regular
User avatar

Joined: Wed Jan 16, 2008 10:04 am
Posts: 633
Location: Myrtle Beach, South Carolina, USA


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sat May 24, 2008 2:41 am 
Offline
DevNet Master

Joined: Thu Oct 06, 2005 3:57 pm
Posts: 3360
If you are using Blueprint you shouldn't need so many browser hacks. Even in general if you use CSS it shouldn't be necessary. The whole idea of using a "framework" or set of base stylesheets is that those hacks aren't needed anymore because you start with a solid foundation and the main cross-browser issues have been dealt with. I've never had one single problem in Opera for the last 4 years, so am surprised you need to have a separate stylesheet for that browser.

What I usually do is start with a reset (the one from Eric Meijer is pretty good), a base for the typography (maybe the rules from Blueprint if I want fonts in px), and then build my own grid rules. I tried the grid stylesheets of frameworks like Blueprint but it's a bit too much. It's like going back to mixing presentation and markup all over again, adding "span-6 column last" to every "block" in the HTML. Might as well just put a table in there (not that I have ever used that).

Using a grid stylesheet like Blueprints, if I want to change the way my site looks (presentation!) I have to go in the HTML itself and change all those "spans-X column-Y". While if I had written my own "semantic" html it's a matter of changing in my single stylesheet:
#maincontent { float:left;width:450px; } to #maincontent { float:right;width:400px; } and I never have to touch the HTML.


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sat May 24, 2008 4:53 pm 
Offline
Forum Regular
User avatar

Joined: Wed Jan 16, 2008 10:04 am
Posts: 633
Location: Myrtle Beach, South Carolina, USA
Ultimately it would be ideal to have an analyzer run on the XHTML and the various CSS files (Blueprint + your own) and determine one single CSS for all browsers (the default), and then one for IE7+, IE6, and Opera, leaving you with a consolidated, compact set of CSS in 4 CSS files, with the IE7, IE6, and Opera ones being very tiny and just tweaks specific to their platform.

I think Blueprint has some kind of analyzer script like that and I think it's a Ruby script -- haven't used it though. There's some kind of Ruby script that comes inside of Blueprint.

I use Blueprint, but then I nudge things off the grid slightly from that, or I do a float left or float right.


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sun May 25, 2008 2:43 pm 
Offline
DevNet Master

Joined: Thu Oct 06, 2005 3:57 pm
Posts: 3360
But the thing is, you don't need 4 files to start with. That's just not necessary. You do only need one small file to start with. A small set of reset rules, a few for typography and if you really want a few rules for layout (grid) to start. Absolutely no need for any browser hacks at that point.


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sun May 25, 2008 8:05 pm 
Offline
Forum Regular
User avatar

Joined: Wed Jan 16, 2008 10:04 am
Posts: 633
Location: Myrtle Beach, South Carolina, USA
Well, I haven't had that kind of luck. For the complex Web 2.0 graphic stuff I do for clients in a page, I've had to use 4 files, minimum: GENERAL.css (for all browsers), IE6.css, IE.css (IE7 and up), and OPERA.css. This is even when using Blueprint's built-in reset inside of GENERAL.css. I really, really, really don't want to do this, but I found that the positioning was not 100% exactly the same in each browser on some items unless I tweaked them up, down, left, or right with relative positioning.


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Mon May 26, 2008 1:25 am 
Offline
DevNet Master

Joined: Thu Oct 06, 2005 3:57 pm
Posts: 3360
Well, I don't think it's about luck. Maybe it's not the browsers, but the way you do things which could be further improved (to word it carefully, no offense ;) ). Maybe it's just that you have been unlucky. But in general pixel-perfect complex layouts with boxes in boxes of all sizes and shapes are possible cross-browser, without hacks.


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Wed Jul 09, 2008 5:27 pm 
Offline
Forum Newbie

Joined: Tue Oct 30, 2007 6:32 am
Posts: 18
Location: Iran (Semnan)


Top
 Profile  
 
 Post subject: CSS FAQ
PostPosted: Thu Sep 11, 2008 5:38 am 
Offline
Forum Newbie

Joined: Thu Sep 11, 2008 5:33 am
Posts: 1
My favorite programming cashing style sheet programming. I follow this website
http://www.css-faq.com/


Top
 Profile  
 
 Post subject: Re: CSS templates
PostPosted: Sat Jan 10, 2009 1:01 am 
Offline
Forum Regular
User avatar

Joined: Wed Jan 16, 2008 10:04 am
Posts: 633
Location: Myrtle Beach, South Carolina, USA


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 29 posts ]  Go to page 1, 2  Next

All times are UTC - 5 hours


Who is online

Users browsing this forum: Majestic-12 [Bot] and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group