28220 sujets

CSS et mise en forme, CSS3

Changer image background + menu onglet, recherche de tutos

Comment on fait pour faire ça ?
http://www.alistapart.com/about/
(modifier l'image en fonction du clic)

Ou pour changer toute la feuille de style
Quelqu'un a un tuto là-dessus ?
Merci.


Mon ami google ne m'a pas aidé (j'ai pas dû taper les bons mots-clés).
A priori, je voudrait juste changer l'image du header en cliquant sur un lien, sans que ça change l'entièreté de la feuille de styles ; et aussi faire un menu par onglet (en fait copier de fond en comble le site alistapart Smiley lol )


Merchi
Super Nizouille
pour ala, l'image en haut n'est pas un background mais bel et bien une image 


<img src="/i/h/3.gif" alt="A List Apart front page: HOME" border="0" height="75" width="597">


et ca c'est géré coté serveur, rien a voir avec les feuilles de styles pour le menu par onglet

et faire un menu par onglet ??

tu veux changer l'arriere plan au passage de la souris ? 


a{background-color:#F00;}
a:hover{background-color:#F0F;}


t'as aussi cet article (cache google car pompage.net en panne Smiley langue )
http://66.102.9.104/search?q=cache:JGVlr3Zs-RgJ:pompage.net/pompe/portescoulissantes2/+menu+onglet+site:pompage.net&hl=fr&client=firefox

l'adresse originale se trouve ici : http://www.alistapart.com/articles/slidingdoors2/ (en anglais)
Pas juste au survol, mais au clic. L'idéal est que ça reste peu importe les autres clics après à l'intérieur de la page ..
Je me fais bien comprendre ? Smiley smile
Et comment il font ça du côté serveur ... Je suis peut-être gogol sur ce coup-là mais je ne vois pas ...
À priori, je dirai qu'ils font un test (en PHP très probablement) du type :
<a href="articles/" [b]<?php if ($rubrique == 'articles') { echo 'class="selection"'; } ?>[/b]>articles</a>
<a href="about/" [b]<?php if ($rubrique == 'about') { echo 'class="selection"'; } ?>[/b]>about ala</a>
etc..

Dans ce cas en CSS on a :
a.selection { background: red; }

Voilà, même si tout cela n'est que suppositions Smiley cligne
Modifié par fwed (14 Jun 2005 - 14:38)
mais ça ne pourra s'appliquer que sur le texte du lien ça ?
Si je veux une image juste au dessus du lien par-exemple, que dois-je faire ?
En fait, le background ne s'applique pas partout, class="selection" n'est affiché que lors du echo en php avec l'instruction
<?php if ($rubrique == 'articles') { echo 'class="selection"'; } ?>

En CSS on a
a.selection { background: red; }

ce qui signifie que seuls les liens ayant pour classe "selection" ont un fond rouge... pas les autres ! Les liens normaux peuvent être de la forme
a { background: gray; }

Dans mon exemple on appelle une classe CSS avec PHP. Mais bon c'est juste un exemple Smiley confus
Sujet clos
Aller à