Rappel du premier message :

J'ai RIEN compris XD
Mais merci pour l'essaie de rendre sa compréhensible.

Au moins c'est confirmé que je suis une grosse naze blonde qui pige rien aux codes 8D

Ah.... Ok.... *regard qui s'illumine*

Merci =)

Trop classe l'effet **

Tu sais quoi Oncle Sign' ?! Tu devrais presque ajouter un sommaire dans ton premier post, avec aperçu des différents modèles de signatures que tu proposes et le numéro de la page (ou le lien) pour trouver l'explication *w*

J'ai hébergé tout les fichiers sur mon serveur à l'adresse suivant :
http://arythea.rd-h.fr/nano/

Contient les fichiers JQuery necessaires :
jquery-1.5.1.js
adresse : http://arythea.rd-h.fr/nano/jquery-1.5.1.js

jquery.easing.1.3.js
adresse : http://arythea.rd-h.fr/nano/jquery.easing.1.3.js

js.Dialog_0.1.3.js
adresse : http://arythea.rd-h.fr/nano/js.Dialog_0.1.3.js

Et le fichier css :
sec.css
adresse : http://arythea.rd-h.fr/nano/sec.css

Si le serveur à Saturnin est pas très stable. Vous n'aurez qu'à changer pour le mien, il suffira de changer les quatres lignes de scripts du début par :

Code:


<link rel="stylesheet" href="http://arythea.rd-h.fr/nano/sec.css" />
<script src="http://arythea.rd-h.fr/nano/jquery-1.5.1.js"></script>
<script src="http://arythea.rd-h.fr/nano/jquery.easing.1.3.js "></script>
<script src="http://arythea.rd-h.fr/nano/js.Dialog_0.1.3.js"></script>

Si besoin d'un autre script Jquery, me demander ici et je le rajouterais à la liste du dossier nano.

Au sujet du Float:left;

Moi je l'utilise pas. J'utilise le position:absolute/relative.

Example avec une webradio dont j'ai fait le menu (Je l'ai intentionnellement éloigné pour que tu comprennes) :



La structure du CSS est ainsi :



Il faut un "Parent" avec dans la fiche CSS instauré en position absolute.
Et les enfants en position relative.

Comme ceci :

#parent {
position: absolute;
margin-left: 76%;
margin-top: 200px;
height: auto;
}

#enfant1 {
background: #121D24;
position : relative;
list-style: none;
margin-left:70px;
margin-top:0px;
padding: 0px;
width: 18em;
outline: none;
}

L'enfant 1 sera positionné sur la page par rapport à l'élément Parent, qui lui même sera positionné par rapport à son élément parent. (Correspondant à la hiérarchie supérieur de l'endroit du forum ou il est implanté.. je sais pas, inventons;. disons que la div signature du forum est gérée par la classe #signature. La position de #Parent se fera par rapport à celle de #signature.

Donc, tu peux aussi tenter de mettre les deux en positions relatives...

Voila.. des questions? :D Suis-je clair!?

PS : En lien, les fichiers de la webradio que j'avais crée. Si tu veux un exemple plus concret :
http://arythea.rd-h.fr/testing/radio/Signatures.rar

J'utilise ici, IdTabs pour le tableau en Jquery : http://www.sunsean.com/idTabs/

Et t'as un exemple du menu webradio implémenté en bas de la page d'Arythea. Je te conseille d'utiliser Firebug de Firefox pour étudier le parent de

Code:

<Div id="webradio">

pour bien comprendre. ^^
http://arythea.rd-h.fr/

http://arythea.rd-h.fr/testing/radio/webradiostructure2.jpg

Ici, H3 est le parent de Webradio. Contrairement au float qui te fait pouvoir le balader partout.. ce qui est désagréable car suivant les résolutions d'écran c'est jamais pareil. l'attribut position permet de garder ton div à un endroit précis... même si l'utilisateur change d'écran. Il apparait la ou tu le veux.. tu peux toujours le balader partout mais jamais plus haut que le parent.

Exemple de positionning Absolute/relative avec que des DIVs! :D



http://arythea.rd-h.fr/testing/pub/pubstructure.jpg

Fichers dispos, ici :

http://arythea.rd-h.fr/testing/pub/

Sample.html est la page avec un tableau HTML basique.
Sample2.html est la page avec que des DIVs, beaucoup moins lourd et plus simple à coder. ^^
Bon j'avais la fleme de structurer le tableau HTML... donc, faut imaginer que ca rend pareil a la fin. ^^"

Apres, si tu tiens a faire du Float:left.... essaie ca : http://openweb.eu.org/IMG/article52/annexe1.html#ex4

Merci beaucoup pour ton tuto =)
Au début j'ai cru ne jamais y parvenir x)
Mais finalement j'ai réussis ! *Trop contente* :gf8q:

Mais juste une question... Comment on centre l'image?
J'avais mis [ center][ /center] au début et a la fin du code, mais ca a pas marché, faut faire un truc particulier?

Aussi, comment ca ce fait, quand je passe sur ma signe, c'est tout blanc? :/ Y'a plus le texte comme avant

Chercher la balise BODY

RAjouter ce code :

Code:

<body>
<div class="signcontainer">

. (Code à ne pas modifier, faut que la Div englobe tout le body)
.
.
   
</div>
</body>

Rajouter dans la feuille de style :

Code:

.signcontainer{
width: 420px;
margin: 0 auto;

}

Le Width doit être joué en Px, il correspond à la largeur de tes images aditionnées. (Si deux images à 100 px, ca revient à 200 px.) + Le margin. (Si il est de 5 a gauche et à droite, rajouter 10.) Je ne parle pas du Margin présent dans la DIV Signcontainer, mais du margin dans ta signature!

Mettre donc pour ton cas, avec un seul avatar et un margin de 5px. Mettre un width de 110 px pour la DIV signcontainer.

J'ai ABSOLUMENT rien compris. Pourtant je code un peu à mes heures perdues mais alors là!

Mouarf. On te le fait si tu veux. ^^ On héberge même. :p

Comme a dit Loan, on peut t'aider sans problème =)

Firea, elle est plus balèse. Elle met des images de fond.

Je suis codeur, pas graphiste. xD

C'est pas bien dur les images de fond XD des images transparentes avec un brush dessus :p

Ouais, mais je sais jamais ou trouver les brushs sympas. C'est toujours des sites pourries.

DeviantART est ton ami ! \o/

Ya des brushs la dessus? °°

Je l'utilise juste pour les images moi... :p

Y'a tout *O*
DA c'est une source divine.

Exactement. ♥ dans la rubrique Resources & Stock images y a des textures, des brushes...

Hum,bonjour -ou bonsoir- tout le monde,désolé de m'inscruster dans votre conversations,mais,j'ai un problème,et...C'était pour savoir si quelque pouvait m'aider ?
-Je prefère demander avant ._. -

Avec plaisir =) t'as du mal avec ta signature ?

EDIT : En fait,c'est bon,j'y suis arriver ! Merci quand même !

Omg je comprend rien ;w;

Si tu as besoin d'aide, je peux te la faire!
Faut juste que tu m'envoies les images en 100*100. (Parcontre, si je te le fais pas today, je pourrais pas te le faire avant jeudi)

Enh merci mon Z *^*
Je t'envoie ca par mp :3

Ceci est un SOS... Je cherche une bonne âme pour aider une pauvre petite nouvelle... :gf8q:

Enfin ce qu'il me faut c'est un codeur, je m'explique. Je voulais mettre dans ma signature l'image de mon perso (Alina) et que cette image se modifie lorsque l'on passe la sourie au dessus. J'ai trouvé cette jolie idée au même endroit que le forum ici. Le hic, c'est que ça ne fonctionne pas et que je ne sais pas pourquoi...

Le code à utiliser et le suivant :

Code:


<img src="ADRESSE IMAGE NORMALE" name="imgchange" onmouseover="imgchange.src='ADRESSE IMAGE SURVOLÉE'" onmouseout="imgchange.src='ADRESSE IMAGE NORMALE'" />

ADRESSE IMAGE NORMALE : https://nsa19.casimages.com/img/2011/05/27/110527112536138670.png
ADRESSE IMAGE SURVOLÉE : http://images.ados.fr/bd-manga/photo/3737829373/neko/sexy-2656902856.jpg

Le code serais donc :

Code:

<img src="http://nsa19.casimages.com/img/2011/05/27/110527112536138670.png" name="imgchange" onmouseover="imgchange.src='http://images.ados.fr/bd-manga/photo/3737829373/neko/sexy-2656902856.jpg'" onmouseout="imgchange.src='http://nsa19.casimages.com/img/2011/05/27/110527112536138670.png'" />

Mais si je le poste ça donne ça :


Pas de changement d'image... :f9hq:

Quelqu'un a une idée?

Salut!

J'ai pas encore lu le tutoriel que pour faire changer l'image, mais je pense savoir pourquoi ça ne marche pas. En fait, dans ton code onMouseOver et onMouseOut, tu fais appel à une fonction JavaScript qui n'est définie nulle part ailleurs en fait, et donc ton PC ne comprends pas vraiment ce que tu cherches à faire.

[[ D'ailleurs il faut s'identifier pour lire l'article et j'ai la flemme de m'inscrire... XD ]]

Donc si tu veux je peux te bidouiller un truc rapide pour que ton image change lorsque ta souris passe dessus (cf. signature de Nano.). Baaaah, je pense te le faire tout à l'heure, après la signature de Ako :)