|
Aku
{ Membre }
Messages : 52
| I'm toujours à poster des questions hein? xD
Tout d'abord, bonjour/Bonsoir
Voilà j'aurais encore quelques petites questions. Pour ne pas simplement copier/coller des screens pris sur d'autres forums, je vais essayer de faire des esquisses, bien que pour certaines choses j'aurais du mal...Donc avant de poser mes questions je voudrais savoir si il est toujours possible de vous faire parvenir le lien du forum qui ont les choses qui nous intéressent? Si oui cela me faciliterais beaucoup la tâche!
Première question:
Comment placer le forum à droite?
Deuxième question:
Comment faire une image à gauche du forum (hors du cadre du forum et des catégories) qui, une fois que l'on passe la souris dessus affiche un texte?
En cas de besoin je fournirais une esquisse comme déjà dit.
Troisième question...
Des catégories à gauche du forum et donc hors du cadre du forum et des catégories. En fait ce seraient des catégories à part qui serviraient par exemple à afficher un lecteur exportable, ou les partenaires et les top sites...
Dernière question:
J'ai vue sur pas mal de forums dernièrement, un bout de "page plièe" au niveau du fond...Au passage de la souris la page se plie d'avantage et dévoile une autre image qui se trouve en dessous...Et en y cliquant comme par magie ça nous ramène sur css actif xD Comment faire?
Je pense que cela sera tout pour aujourd'hui! =) Merci d'avance!^^ | | |
|
| |
Aku
{ Membre }
Messages : 52
| En fait je pense que je vais placer ceci dans les commandes...Vue que je n'ai pas de codes à fournir...C'est bien comme ça que je dois faire non?^^ | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Alors....
- Pour ta première question, je cherche, je cherche.... Je l'ai su mais comme j'ai pas une mémoire d'enfer, je ne sais plus u_u'
- Je veux bien une "esquisse", parce que je ne suis pas certain d'avoir compris correctement xD
- Tu veux quelque comme ceci : [Here] ?
- Ça, excellente question. J'me suis aussi demandé. Je chercherai =] Mais si quelqu'un d'autre sait, autant le dire tout de suite =P xD
| | |
|
| |
Aku
{ Membre }
Messages : 52
| Hey hello! xD
Au moins je vois que je ne pose pas de questions bêtes *_*
3. Plus ou moins mais en plus gros *_* image: http://host.image.files.free.fr/host/4b44ca193ea69cat.jpg
Je vais essayer de poster des images explicatives en éditant ce message dés que je les aurait fait^^
Merci à toi de consacrer du temps à mes petits soucis *câline*
Edit:
image intéractive... image 1 (la petite souris n'est pas encore passée): http://host.image.files.free.fr/host/4b44ca4365fb8img1.jpg Image 2 (oh tiens ça réagit quand la souris passe dessus xD): http://host.image.files.free.fr/host/4b44ca6368111img2.jpg | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Je t'explique ça dans la soirée =] | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Alors.... Pour ta question, il suffit que tu suives exactement les instructions de Poussette. Mais par contre.... Si tu ne vois vraiment pas comment faire, poste une demande de code !! =)
Pour l'autre question, il suffit de poster une infobulle dans les Templates > index_body. Touuuuut à la fin, mais vraiment à la fin, après {AUTO_DST*}, tu fais ton infobulle avec ton image comme contenu de la division, comme expliqué très bien [Here] =D | | |
|
| |
Aku
{ Membre }
Messages : 52
| Les instructions de poussette? >.< Edit: je dois placer ça: - Code:
-
<a href="#" class="infobulle">Texte</a>
<a href="#" class="infobulle"><img src="IMAGE"></a> (après avoir rempli) Tout à la fin, c'est ça?^^ Juste ce code? | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| A la fin de ton template, tu mets : ((l'exemple que je te donne est un exemple simple pour mettre une simple division sur le côté))
- Spoiler:
- Code:
-
<div class="truc_sur_coté"> CONTENU DE CE QUI IRA SUR LE CÔTE </div>
- Spoiler:
- Code:
-
.truc_sur_coté { position: absolute; left: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD GAUCHEpx; top: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD DU HAUTpx; }
| | |
|
| |
Aku
{ Membre }
Messages : 52
| Ce que tu viens me donner c'est pour la catégorie c'est ça?^^ *s'y perd à fond* ou le truc pour l'info bulle?
(En tout cas merci hein, j'oublie pas la politesse xd) | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| - Pour l'image avec l'infobulle. Tu mets ce qui suit et à la place de "CONTENU DE CE QUI IRA SUR LE CÔTE", tu suis le tutoriel de Lilypad [Here] pour faire une infobulle. Normalement, ça devrait marcher.
- Spoiler:
- Code:
-
<div class="truc_sur_coté"> CONTENU DE CE QUI IRA SUR LE CÔTE </div>
- Spoiler:
- Code:
-
.truc_sur_coté { position: absolute; left: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD GAUCHEpx; top: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD DU HAUTpx; }
- Pour le truc sur le côté, tu mets ce qui suit au même endroit, après ton code pour l'infobulle. Et à la place de "CONTENU DE CE QUI IRA SUR LE CÔTE", tu mets ce que tu veux voir dans la division qui sera sur le côté.... Je ne sais pas si tu comprends ce que je veux dire =S :
- Spoiler:
- Code:
-
<div class="autre_truc_sur_coté"> CONTENU DE CE QUI IRA SUR LE CÔTE </div>
- Spoiler:
- Code:
-
.autre_truc_sur_coté { position: absolute; left: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD GAUCHEpx; top: NOMBRE DE PIXELS A LAQUELLE SE TROUVE LA DIVISION A PARTIR DU BORD DU HAUTpx; }
| | |
|
| |
Aku
{ Membre }
Messages : 52
| contenu de ce qui ira sur le côté: - Code:
-
<a href="#" class="infobulle">Texte</a>
<a href="#" class="infobulle"><img src="IMAGE"></a> C'est ça?^^ si j'y arrive pas je pense que je vais passer commande xD | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Non, c'est ceci :
- Code:
-
<a href="#" class="infobulle"><img src="IMAGE"> <span>CONTENU DE L'INFOBULLE</span></a> Avec ceci en CSS :
- Spoiler:
- Code:
-
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px;
/* bordures de votre infobulle*/ border: 1px dotted black; border-left: 1px dotted black; }
Tu peux bien sûr changer la "class" et mettre ce que tu veux pour mieux t'y retrouver....
Sinon, oui, tu peux passer une commande. Je me ferai un plaisir de la prendre xD | | |
|
| |
Aku
{ Membre }
Messages : 52
| Je vais passer commande alors xDD
En tout cas toi je t'aime bien *_*
Merci quand même pour tes efforts, je suis totalement naze en codage, en voici la preuve xDDD | | |
|
| |
Boow
{ Membre actif }
Messages : 866
| Bah quand on n'y connait rien, c'est pas facile !! Je me souviens de mes débuts, va xD
Je déplace alors =D | | |
|
| |
Contenu sponsorisé
| |
| |
|