cherche exemple de petits boutons...

Le
Une Bévue
je cherche un site donnant des exemples de petits boutons, pour
l'instant j'ai ça :
<http://cjoint.com/11sp/AIjg4HTY4Um_Capture-offset-limit-buttons.png>

et je voudrais ça :
<http://cjoint.com/11sp/AIjhlO1RQYh_Capture-offset-limit-buttons-voeux.png>

c'est à dire avec tous les < a href/> partageant le même fond en image


les numéros corresppondent à des pages de résultat
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
SAM
Le #23741931
Le 09/09/11 07:13, Une Bévue a écrit :
je cherche un site donnant des exemples de petits boutons, pour
l'instant j'ai ça :

et je voudrais ça :

c'est à dire avec tous les < a href/> partageant le même fond en image...



Oui ?
Et ?

Tu ne sais faire ?

Voir les "portes coulissantes" chez Google.

les numéros corresppondent à des pages de résultat...



Combien de Nº faut-il ?

Bon, le [ + ] sera à part (btp.png)

Pour la rangée des Nº il faut, comme tu as fait
- image arrondi de gauche (btg.png)
- image arrondi de droite (btd.png)
- image de fond d'un bouton de Nº (btf.png)


images à charger :
CSS :
====
body { font-family: geneva, arial }

#boutons { background: #FF0000; height: 24px; padding: 4px;
border: 2px solid green }
#boutons ul { list-style: none; margin: 0 10px; padding: 0 }
#boutons a,
#boutons li { margin: 0; padding: 0; float: left; }
#boutons a { text-decoration: none; color: black; text-align: center;
background: url(btp.png) no-repeat center center;
display: block; width: 40px; height: 17px;
padding: 3px 0; margin: 0 10px; }
#boutons li a { background: url(btf.png) repeat-x left center;
width: 20px; float: none; margin: 0 }

#boutons a:hover { color: red }



HTML :
=====
<div id="boutons">
<a href="javascript:plus()"> + </a>
<ul>
<li><a href="javascript:add(this)">1</a></li>
<li><a href="javascript:add(this)">2</a></li>
<li><a href="javascript:add(this)">3</a></li>
</ul>
</div>

--
Stéphane Moriaux avec/with iMac-intel

* Malais - détecté
* Anglais
* Français
* Espagnol

* Anglais
* Français
* Espagnol

<javascript:void(0);>
SAM
Le #23742051
Le 09/09/11 10:39, SAM a écrit :

Voir les "portes coulissantes" chez Google.



"javascript portes coulissantes"
ce sera mieux ...


--
Stéphane Moriaux avec/with iMac-intel
SAM
Le #23742191
Le 09/09/11 10:39, SAM a écrit :
Le 09/09/11 07:13, Une Bévue a écrit :

et je voudrais ça :








--
Stéphane Moriaux avec/with iMac-intel
Une Bévue
Le #23744601
On 09/09/2011 10:39, SAM wrote:
Combien de Nº faut-il ?




bon en fait j'interroge une base qui a actuellement 230 entrées, sur une
page disons que je ne peux en visualiser (le label seulement) que 20, ce
qui fait 12 pages ou +, plus tard.

comme le numéro de page est dans ma seconde colonne de la page, qui est
à 25 % de la largeur de fenêtre disons que je serai restreint à ne
visualiser disons que 10 pages en tout, enfin, là je parle du numéro non
de la page elle-même, par exemple supposons que j'ai 15 pages à
référencer sur la seule page de mon appli (les DIVs changent par xhr).

je démarrerais comme ça :

1 2 3 4 5 6 7 8 9 >

ce qui supposerait que j'ai assez de place, dans les 25 % pour
visualiser 10 références de page, ici bien sûr le ">" indique qu'il y a
d'autres pages, en cliquant dessus, je pourrais, par exemple, proposer :

< 3 4 5 6 7 8 9 10 >

et ainsi de suite jusqu'à :

< 9 10 11 12 13 14 15


Bon, le [ + ] sera à part (btp.png)

Pour la rangée des Nº il faut, comme tu as fait
- image arrondi de gauche (btg.png)
- image arrondi de droite (btd.png)
- image de fond d'un bouton de Nº (btf.png)


images à charger :


ouais, c'est super, merci beaucoup, ça ressemble en effet tout à fait à
la page que tu donnes en référence :


les sprites, je découvre, je n'ai jamais essayé, peut-être que je
pourrais mettre tous mes boutons : états de boutons sur la même image,
bon, c'est c'est du détail au niveau où j'en suis.

en tk merci beaucoup pour ton aide !!!
Publicité
Poster une réponse
Anonyme