Skin Twitter HTML et CSS

Question

Je construis une application twitter et je voudrais utiliser la structure de leur page d'accueil. Quelqu'un peut-il suggérer comment s'y prendre, ou indiquer une référence qui fait cela?

Je n'ai pas l'intention d'utiliser des images qui seraient considérées comme des droits d'auteur, je veux juste utiliser la disposition de colonne unique, avec le panneau latéral, en-tête, pied de page.

Merci!

Answer 1

Depuis ce taggés est haml, je suppose que vous faites cela sur des rails et connaître votre chemin à travers haml. Vous pouvez utiliser Compass pour faciliter le style, il utilise une combinaison de plans, 960 et yui et les ports pour sass.

Vous pouvez structurer votre code html avec

#container 
    #header 
    #main 
    #content 
    #sidebar 
    #footer 

alors votre SASS avec:

#container, 
#header, 
#footer 
    +container 

#main 
    +container 
    #content 
    +column(16) 
    #sidebar 
    +column(8, true) 

des thats une mise en page d'une colonne de base avec une barre latérale droite. Vous pouvez ensuite personnaliser comme vous le souhaitez. Lisez également le wiki Compass pour plus d'informations sur le style/l'installation, etc.

Answer 2

Voici un tutoriel pour faire une mise en page sur deux colonnes avec en-tête et pied de page:

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/