>
HautBas
Le Deal du moment : -34%
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 ...
Voir le deal
919 €

Les signatures de tonton Saturnin

Siparti

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeDalton (24)Emmett (41)Navi (?)Zenkûga (54)Jem (21)Ryot (28)Oksana (25)Pasha (23)Pavel (35)J'hésite
Nano. MondeNano. MondeX-MenX-MenADPADPZombielandAlpha PerduChimèresChimèresChimèresLockwood
AvatarAvatarDaltonEmmettNaviZenJemRyotOksanaPashapavel
La soudoyée ¤ Assassin privée de Kami-sama
Siparti
Messages : 45443
Crédit avatar : svnddlsnts
OnlineEn ligne
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


X-Men

Anonymous
Invité
OnlineEn ligne
Ah.... Ok.... *regard qui s'illumine*

Merci =)
Alyaa

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeSiv (25)Patya (18)July (32)Jez / Pencil (14)Unknown (2X)Susan (21)
Nano. MondeNano. MondeAPChimèresX-MenX-MenZomzomLockwood
AvatarAvatarSivPatyaJulyJezUnknownPico.P
Petite Langoustine au Caramel
Alyaa
Messages : 27047
Crédit avatar : Ghibli
OnlineEn ligne
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*



Les signatures de tonton Saturnin - Page 3 Alyaa_10Les signatures de tonton Saturnin - Page 3 Alyaa_10Les signatures de tonton Saturnin - Page 3 Alyaa_10
Les signatures de tonton Saturnin - Page 3 Alyaa_11

Les signatures de tonton Saturnin - Page 3 Poi_ro10
Anonymous
Invité
OnlineEn ligne
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.
Anonymous
Invité
OnlineEn ligne
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 :

Les signatures de tonton Saturnin - Page 3 Webradiostructure

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
Anonymous
Invité
OnlineEn ligne
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
Anonymous
Invité
OnlineEn ligne
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.


Dernière édition par Loan le Dim 13 Mar 2011, 15:42, édité 2 fois
Anonymous
Invité
OnlineEn ligne
Ok merci beaucoup !
J'essaye tout à l'heure =)
Anonymous
Invité
OnlineEn ligne
J'ai ABSOLUMENT rien compris. Pourtant je code un peu à mes heures perdues mais alors là!
Anonymous
Invité
OnlineEn ligne
Mouarf. On te le fait si tu veux. ^^ On héberge même. :p

Firea

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeNano. MondeAdPZombieland
AvatarAvatar
Nanite Malade
Firea
Messages : 12983
Crédit avatar : Azul Piñeiro
OnlineEn ligne
Comme a dit Loan, on peut t'aider sans problème =)


Anonymous
Invité
OnlineEn ligne
Firea, elle est plus balèse. Elle met des images de fond.

Je suis codeur, pas graphiste. xD
Firea

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeNano. MondeAdPZombieland
AvatarAvatar
Nanite Malade
Firea
Messages : 12983
Crédit avatar : Azul Piñeiro
OnlineEn ligne
C'est pas bien dur les images de fond XD des images transparentes avec un brush dessus :p


Anonymous
Invité
OnlineEn ligne
Ouais, mais je sais jamais ou trouver les brushs sympas. C'est toujours des sites pourries.
Firea

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeNano. MondeAdPZombieland
AvatarAvatar
Nanite Malade
Firea
Messages : 12983
Crédit avatar : Azul Piñeiro
OnlineEn ligne
DeviantART est ton ami ! \o/


Anonymous
Invité
OnlineEn ligne
Ya des brushs la dessus? °°

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

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeDalton (24)Emmett (41)Navi (?)Zenkûga (54)Jem (21)Ryot (28)Oksana (25)Pasha (23)Pavel (35)J'hésite
Nano. MondeNano. MondeX-MenX-MenADPADPZombielandAlpha PerduChimèresChimèresChimèresLockwood
AvatarAvatarDaltonEmmettNaviZenJemRyotOksanaPashapavel
La soudoyée ¤ Assassin privée de Kami-sama
Siparti
Messages : 45443
Crédit avatar : svnddlsnts
OnlineEn ligne
Y'a tout *O*
DA c'est une source divine.


X-Men
Firea

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeNano. MondeAdPZombieland
AvatarAvatar
Nanite Malade
Firea
Messages : 12983
Crédit avatar : Azul Piñeiro
OnlineEn ligne
Exactement. ♥ dans la rubrique Resources & Stock images y a des textures, des brushes...


Anonymous
Invité
OnlineEn ligne
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 ._. -
Firea

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeNano. MondeAdPZombieland
AvatarAvatar
Nanite Malade
Firea
Messages : 12983
Crédit avatar : Azul Piñeiro
OnlineEn ligne
Avec plaisir =) t'as du mal avec ta signature ?


Anonymous
Invité
OnlineEn ligne
EDIT : En fait,c'est bon,j'y suis arriver ! Merci quand même !
Anonymous
Invité
OnlineEn ligne
Omg je comprend rien ;w;
Saturnin le Malin

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âge
Nano. MondeNano. Monde
AvatarAvatar
Super Nanite
Saturnin le Malin
Messages : 3460
Crédit avatar : Vitrée
OnlineEn ligne
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)


Les signatures de tonton Saturnin - Page 3 855640blasonamour
Les signatures de tonton Saturnin - Page 3 2le6hib
Anonymous
Invité
OnlineEn ligne
Enh merci mon Z *^*
Je t'envoie ca par mp :3
Anonymous
Invité
OnlineEn ligne
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?
Saturnin le Malin

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 1Perso 2Perso 2Perso 3Perso 3Perso 4Perso 4Perso 5Perso 5Perso 6Perso 6Perso 7Perso 7Perso 8Perso 8Perso 9Perso 9Pico. PersoPico. Perso
Prénom & âgePrénom & âge
Nano. MondeNano. Monde
AvatarAvatar
Super Nanite
Saturnin le Malin
Messages : 3460
Crédit avatar : Vitrée
OnlineEn ligne
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 :)


Les signatures de tonton Saturnin - Page 3 855640blasonamour
Les signatures de tonton Saturnin - Page 3 2le6hib
Contenu sponsorisé
OnlineEn ligne