| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
shad
Inscrit le: 15 Déc 2004
Messages: 519
Localisation: lyon
|
 Posté le: 23 Juil 2008 à 4:13 Sujet du message: |
 |
|
et tous les ans le père shad ressort son vieux site !
www.paintball-savoie.fr
je me suis offert un nom de domaine.
un collègue m'a fait un petit javascript pour afficher les images en petit mais cliquable pour les avoir en plus grand.
les images ont toutes été retouchées.
tout marche à peu de chose prêt, même sir les frames sont toujours là.
j'ai rajoutée une tartine de meta pour aider au référencement.
je recherche deux choses, mais je ne sais pas trop ou et comment chercher. j'ai épluché des pages et des pages de google toute la journée sans arriver à ce que je veux :
1. des icônes qui ressemblent à quelques chose, mes .pgn sont tout moche et pas unifiés.
2. un bout de code et surtout savoir quel genre de code utiliser pour reproduire ce genre de FAQ avec question cliquable dépliante pour accéder à la réponse.
pour le reste du site, la suppression des frames engendrerait une refonte complète du site et j'ai pas le temps de tout me retaper en ce moment. mais j'y pense, j'y pense.
si vous avez des tuyaux, des infos, des liens, quoi que ce soit pour mes deux soucis, je suis preneur.
merci d'avance
_________________
L'avenir appartient à ceux qui se lèvent tôt, mais ce sont ceux qui se couchent tard qui le construisent. |
|
| Revenir en haut de page |
|
 |
nevel
Inscrit le: 08 Mar 2008
Messages: 166
|
| Posté le: 23 Juil 2008 à 12:28 Sujet du message: |
|
|
Salut Shad,
Pour les icônes, tu as le fameux pack d'icônes famfamfam, mais aussi d'autres pack du même genre (attention à la licence pour ces derniers).
Pour la FAQ, je t'ai fait un petit JavaScript (attention : fait assez vite, il y a beaucoup plus propre et moins "intrusif, mais c'est déjà pas mal  ).
Voilà le javascript en question (à insérer entre <head> et </head> :
| Citation: |
<script type="text/javascript">
<!--
function switchBox(para) {
div = document.getElementById(para);
if (div.style.display == "none") {
div.style.display = 'block';
}
else {
div.style.display = 'none';
}
}
-->
</script> |
et un exemple d'utilisation :
| Code: |
<h1>
<a href="#" onclick="switchBox('para1');">Paragraphe 1</a>
</h1>
<div id="para1">
paragraphe 1, blabla blabla.
</div>
<h1>
<a href="#" onclick="switchBox('para2');">Paragraphe 2</a>
</h1>
<div id="para2">
paragraphe 2, blabla blabla.
</div> |
Du moment que t'a un conteneur avec un ID et que dans un lien tu appelle switchBox avec ce même ID, ca devrait fonctionner. A toi d'adapter selon ce que tu veux faire (par exemple masquer dans le CSS par défaut les paragraphes, etc).
bonne journée !
_________________
What we've got here is failure to communicate. |
|
| Revenir en haut de page |
|
|
shad
Inscrit le: 15 Déc 2004
Messages: 519
Localisation: lyon
|
| Posté le: 23 Juil 2008 à 15:33 Sujet du message: |
|
|
merci beaucoup pour le code neveldo c'est presque ce que je voulais, "presque" parce que par défaut la box est ouverte et que je la voulais fermée (avec ouverture si le mec clique). c'est beaucoup de modif à faire ?
_________________
L'avenir appartient à ceux qui se lèvent tôt, mais ce sont ceux qui se couchent tard qui le construisent. |
|
| Revenir en haut de page |
|
|
nevel
Inscrit le: 08 Mar 2008
Messages: 166
|
| Posté le: 23 Juil 2008 à 19:24 Sujet du message: |
|
|
Re-salut,
pour ça, "autour" de la liste des questions, rajoute un DIV avec un ID quelconque (ex : "mon_id").
Ensuite, dans ta feuille de style CSS , tu rajoute cela pour dire au autres div contenu dans "mon_id" d'être masqué :
| Code: |
#mon_id div {
display:none;
} |
voilà voilà
_________________
What we've got here is failure to communicate. |
|
| Revenir en haut de page |
|
|
shad
Inscrit le: 15 Déc 2004
Messages: 519
Localisation: lyon
|
| Posté le: 24 Juil 2008 à 15:02 Sujet du message: |
|
|
ça marche !!!! merci beaucoup
edit : ha non y'a une couille dans le potage, faut cliquer deux fois pour que le lien s'ouvre 
_________________
L'avenir appartient à ceux qui se lèvent tôt, mais ce sont ceux qui se couchent tard qui le construisent. |
|
| Revenir en haut de page |
|
|
nevel
Inscrit le: 08 Mar 2008
Messages: 166
|
| Posté le: 24 Juil 2008 à 16:16 Sujet du message: |
|
|
Et si tu attribues la propriété display:none; à tous les div contenant les questions (genre : #qn1, #qn2, #qn2 { display:none; } ) , ca donne quoi ?
_________________
What we've got here is failure to communicate. |
|
| Revenir en haut de page |
|
|
shad
Inscrit le: 15 Déc 2004
Messages: 519
Localisation: lyon
|
| Posté le: 25 Juil 2008 à 8:14 Sujet du message: |
|
|
je potasse mon bouquin de CSS, j'essaye de comprendre de quoi tu me parles, je teste et je te dis ça 
_________________
L'avenir appartient à ceux qui se lèvent tôt, mais ce sont ceux qui se couchent tard qui le construisent. |
|
| Revenir en haut de page |
|
|
nevel
Inscrit le: 08 Mar 2008
Messages: 166
|
| Posté le: 25 Juil 2008 à 10:09 Sujet du message: |
|
|
han, je t'ai donné un exemple tout simple
tient nous au courant
_________________
What we've got here is failure to communicate. |
|
| Revenir en haut de page |
|
|
shad
Inscrit le: 15 Déc 2004
Messages: 519
Localisation: lyon
|
| Posté le: 29 Juil 2008 à 7:52 Sujet du message: |
|
|
ayééé, je maitrise les id et class, j'ai essayé de passer les div en display:none, j'ai toujours un double clique pour ouvrir le lien 
_________________
L'avenir appartient à ceux qui se lèvent tôt, mais ce sont ceux qui se couchent tard qui le construisent. |
|
| Revenir en haut de page |
|
|
Ajouter à : 
|
|
Ce que nous vous conseillons :
