AccueilFAQRechercherGroupesS'enregistrerConnexion
Les signatures de tonton Saturnin
Aller à la page : Précédent  1, 2, 3, 4  Suivant[Retour à l'index]  :: Naniteland :: Four au flood :: Chocol'Art
La soudoyée ¤ Assassin privée de Kami-sama
avatar
Féminin
Age : 24
Nombre de messages : 36417
Date d'inscription : 02/07/2010
Crédit avatar : crowvenchi

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeDalton (24)Navi (?)Pasha (23)Jem (21)Ryot (28)Emmett (41)
Nano. MondeX-MenADPChimèresZombielandAlpha PerduX-Men
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Mar 4 Jan 2011 - 16:06
Siparti a dit :
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


Voir le profil de l'utilisateur






Super Nanite
Nombre de messages : 3445
Date d'inscription : 07/07/2010

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âge
Nano. Monde
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 19 Fév 2011 - 15:30
Saturnin le Malin a dit :
En fait il aurait fallu que ce soit comme ça :

Code:
HTML : <class="careff" id="per1">
CSS : #per1 { blabla }

(Ouais, en fait, le truc tout con. Dans le id="" il faut juste pas mettre de #)
(Si ça peut te rassurer, ça m'arrive souvent d'en mettre et de m'arracher les cheveux car je comprends pas pourquoi la signature marche pas quoi que je fasse ><)


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 19 Fév 2011 - 22:37
Invité a dit :
Ah.... Ok.... *regard qui s'illumine*

Merci =)


Petite Langoustine au Caramel
avatar
Féminin
Age : 39
Nombre de messages : 18531
Date d'inscription : 07/07/2010
Crédit avatar : Studio Ghibli

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeSiv (25)Patya (17)Jez / Pencil (14)July (32)Unknown (??)
Nano. MondeAPChimèresX-MenX-MenZomzom
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Ven 25 Fév 2011 - 23:38
Alyaa a dit :
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*


Voir le profil de l'utilisateur


Sauve le poussin : vote !



avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 6 Mar 2011 - 18:41
Invité a dit :
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.


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Lun 7 Mar 2011 - 13:54
Invité a dit :
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


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 13 Mar 2011 - 15:26
Invité a dit :
Merci beaucoup pour ton tuto =)
Au début j'ai cru ne jamais y parvenir x)
Mais finalement j'ai réussis ! *Trop contente*
hinhineqfi8

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


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 13 Mar 2011 - 15:37
Invité a dit :
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
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 13 Mar 2011 - 15:39
Invité a dit :
Ok merci beaucoup !
J'essaye tout à l'heure =)


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:06
Invité a dit :
J'ai ABSOLUMENT rien compris. Pourtant je code un peu à mes heures perdues mais alors là!


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:41
Invité a dit :
Mouarf. On te le fait si tu veux. ^^ On héberge même. :p



Nanite Malade
avatar
Féminin
Age : 25
Nombre de messages : 12983
Date d'inscription : 05/07/2010
Crédit avatar : Azul Piñeiro

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeAdPZombieland
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:43
Firea a dit :
Comme a dit Loan, on peut t'aider sans problème =)


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:44
Invité a dit :
Firea, elle est plus balèse. Elle met des images de fond.

Je suis codeur, pas graphiste. xD


Nanite Malade
avatar
Féminin
Age : 25
Nombre de messages : 12983
Date d'inscription : 05/07/2010
Crédit avatar : Azul Piñeiro

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeAdPZombieland
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:55
Firea a dit :
C'est pas bien dur les images de fond XD des images transparentes avec un brush dessus :p


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 12:56
Invité a dit :
Ouais, mais je sais jamais ou trouver les brushs sympas. C'est toujours des sites pourries.


Nanite Malade
avatar
Féminin
Age : 25
Nombre de messages : 12983
Date d'inscription : 05/07/2010
Crédit avatar : Azul Piñeiro

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeAdPZombieland
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 13:03
Firea a dit :
DeviantART est ton ami ! \o/


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 13:05
Invité a dit :
Ya des brushs la dessus? °°

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


La soudoyée ¤ Assassin privée de Kami-sama
avatar
Féminin
Age : 24
Nombre de messages : 36417
Date d'inscription : 02/07/2010
Crédit avatar : crowvenchi

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeDalton (24)Navi (?)Pasha (23)Jem (21)Ryot (28)Emmett (41)
Nano. MondeX-MenADPChimèresZombielandAlpha PerduX-Men
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 13:52
Siparti a dit :
Y'a tout *O*
DA c'est une source divine.


Voir le profil de l'utilisateur





Nanite Malade
avatar
Féminin
Age : 25
Nombre de messages : 12983
Date d'inscription : 05/07/2010
Crédit avatar : Azul Piñeiro

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeAdPZombieland
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 7 Mai 2011 - 14:29
Firea a dit :
Exactement. ♥ dans la rubrique Resources & Stock images y a des textures, des brushes...


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 14 Mai 2011 - 22:12
Invité a dit :
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 ._. -


Nanite Malade
avatar
Féminin
Age : 25
Nombre de messages : 12983
Date d'inscription : 05/07/2010
Crédit avatar : Azul Piñeiro

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âgeFirea Sharparrow (21)Lena V. Klokovna (19)
Nano. MondeAdPZombieland
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 14 Mai 2011 - 22:18
Firea a dit :
Avec plaisir =) t'as du mal avec ta signature ?


Voir le profil de l'utilisateur
avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 14 Mai 2011 - 22:21
Invité a dit :
EDIT : En fait,c'est bon,j'y suis arriver ! Merci quand même !


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 22 Mai 2011 - 16:53
Invité a dit :
Omg je comprend rien ;w;


Super Nanite
avatar
Masculin
Age : 26
Nombre de messages : 3445
Date d'inscription : 07/07/2010
Crédit avatar : Vitrée

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âge
Nano. Monde
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 22 Mai 2011 - 16:55
Saturnin le Malin a dit :
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)


Voir le profil de l'utilisateur



avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 22 Mai 2011 - 17:43
Invité a dit :
Enh merci mon Z *^*
Je t'envoie ca par mp :3


avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Sam 28 Mai 2011 - 0:16
Invité a dit :
Ceci est un SOS... Je cherche une bonne âme pour aider une pauvre petite nouvelle... hinhineqfi8

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 : http://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... bg98h

Quelqu'un a une idée?


Super Nanite
avatar
Masculin
Age : 26
Nombre de messages : 3445
Date d'inscription : 07/07/2010
Crédit avatar : Vitrée

Vos Personnages
Personnages:
PersonnagesPerso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8
Prénom & âge
Nano. Monde
Avatar
MessageSujet: Re: Les signatures de tonton Saturnin   Dim 29 Mai 2011 - 10:31
Saturnin le Malin a dit :
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 :)


Voir le profil de l'utilisateur



[Retour à l'index]  :: Naniteland :: Four au flood :: Chocol'Art
Page 3 sur 4

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum