Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Need a good CSS tutorial related to silverstripe themes?


Reply


5 Posts   1438 Views

Avatar
Thermalzombie

Community Member, 27 Posts

14 July 2009 at 8:15pm

Hi could somebody please point me to a CSS tutorial so that I can understand the coding for Silverstripe themes.

As there does not seem to be much html I have used html and css before but this looks totally differant to what I have used I used to make pages out of html and add css for formatting but this does not seem to be how it works in these themes.

Also I was looking at the ssbits.com website and it has dissipated on me.

From my searches there seem to be many tutorials on css but they mostly deal with html pages using css not totally css driven.

If I am mistaken about the type of tutorial I should be looking for please let me no and thanks for reading.

Avatar
banal

Community Member, 901 Posts

14 July 2009 at 9:17pm

Edited: 14/07/2009 9:18pm

There's no difference in regular HTML & CSS compared to the way things are done in SilverStripe. The templates are used to generate HTML output and you style that output using CSS... that's all. There's no such thing as "totally CSS driven" (or maybe you dare to explain what you mean by that?)

Avatar
perla

Community Member, 6 Posts

14 July 2009 at 9:45pm

Take a look here http://www.mathias-wilhelm.de/silverstripe_tutorial/index.html

Avatar
Thermalzombie

Community Member, 27 Posts

14 July 2009 at 10:04pm

Thanks for the link will definatly raad through that and what I meant from totally css driven was that I from looking at the themes I have I couldnt see how to layout a theme I didnt see any html tables or much html at all mostly just div tags for css.

Avatar
banal

Community Member, 901 Posts

14 July 2009 at 10:14pm

Using tables for layout is a thing from the past and no longer considered good practice.
You should pick the HTML elements that seem semantically correct. Use <p> for paragraphs, <h1> - <h6> for headings, unordered lists for structured content like menus... this seems obvious but I have seen people doing things like that: <div class="title">Title</div> instead of <h1>Title</h1>

I usually check my sites with CSS disabled (using the webdeveloper toolbar for firefox) to see if the content is still well structured and readable.