Bonjour et bienvenu à toi sur ce Forum,
Je t'invite à passer sur le
Topic des Présentations dans le Bar du Forum
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:
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
Modifié par Felipe (12 Apr 2005 - 03:28)