28220 sujets

CSS et mise en forme, CSS3

Administrateur
Bonjour et bienvenu à toi sur ce Forum,

Je t'invite à passer sur le Topic des Présentations dans le Bar du Forum Smiley cligne

As-tu pensé à regarder le code source de cette page?
On y trouve au départ l'URL du fichier CSS (design.css, même répertoire)
et ensuite, je vois dans la page une news qui commence par "PC gamer", je recherche le texte dans le source et je tombe sur le nom des id="", suffit d'aller regarder dans le CSS ce qu'ils représentent. Ici "news_*" dont 2 avec des images.

http://www.teamati.jexiste.fr/design.css -->
/* CSS issue en partie des tutoriels  www.alsacreations.com/articles  - Merci ! */
[b]Ah ben à défaut d'être cité dans les liens, Alsa l'est dans le source, chouette un adepte de plus [smile][/b]
...

/* Et les news... */
#news_head {
background-image:url(images/head_bg_news.gif);
background-repeat:repeat-x;
width:100%;
color:#FFFFFF;
font-weight:bold;
height: 20px;
}

...

#news_foot {
background-image:url(images/foot_news.gif);
background-color:#CCCCCC;
color:#FFFFFF;
width: 400px;
margin: 0 0 0 0;
height:25px;
}

...


Bon ça c'est du décortiquage de site, utile mais avec un bon tuto c'est plusse mieux. Est-ce que celui-ci correspond à ce que tu recherches?
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Faire-un-cadre-arrondi-ou-graphique-en-CSS-et-XHTML

En complément de celui-ci: Smiley rolleyes
http://css.alsacreations.com/Bases-et-indispensables/XHTML-trop-de-div-tue-les-div

EDIT: après il faut le talent d'un graphiste pour ce qui est des images. Chacun ses goûts, ses attentes et son talent Smiley ravi
Modifié par Felipe (12 Apr 2005 - 03:28)