|
|
|
|
 Astuces pour vos fiches (2)
par laurine5096 en octobre 2013
|
3 249ème
717 points
|
En avril 2014
un inconnu
sa na marche pas
Oui car le lien est en bleu.
0
|
4 793ème
593 points
|
En avril 2014
Merci tout le monde *^* !
0
|
564ème
1 282 points
|
En avril 2014
ouaw
Je recherche un code pour mettre un musique qui marche
J'ai Mp moi 
0
|
|
non classé
|
En avril 2014
Pour mettre une image + un cadre transparent dessus :
<br></p>
<div class="columncenter">
<div style='margin: auto; padding: 5px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 520px; height: 213px; background-image: url("ADRESSE DE L'IMAGE"* );'>
<div align="left" style="margin: auto auto auto 15px; padding: 5px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 416px; height: 222px; background-color: rgba(255, 255, 255, 0.498039);">
Enlevez les étoiles :))
Voili, voillou !
0
|
|
non classé
|
En mai 2014
Le code anti copie ne marche pas, à moins que j'ai été assez nouille pour pas comprendre ou fait l'mettre, et je vais surement oubliez de revenir ici, pouvez vous m'aidez en mp ? ^^'
0
|
3 249ème
717 points
|
En mai 2014
Halfway
Le code anti copie ne marche pas, à moins que j'ai été assez nouille pour pas comprendre ou fait l'mettre, et je vais surement oubliez de revenir ici, pouvez vous m'aidez en mp ? ^^'
Ma chère half' , laurine insiste qu'on mets les astuces ici , donc je vais t'expliquez tout ici.
*tousse*
Les codes anti-copies et pleins d'autres codes ont été interdits pour une et seule raison dont je ne sais pas laquelle. Ce n'est pas la place mais Lapino , mais il y a plusieurs codes qui marchent toujours et d'autres mots qu'on peut mettre aussi : "embed" par exemple.
0
|
233ème
2 970 points
|
En mai 2014
☞. L'image de fond :
<div style="text-align: -webkit-auto; background-image: url(ICI LE LIEN DE TON IMAGE IL NE FAUT ENLEVER LES PRANTHESES); margin: 0px 0px 0px 0px; border: 1px solid rgb(102, 51, 51); width: 498px;">
Met juste le lien de ton image là où il faut :)
0
|
233ème
2 970 points
|
En mai 2014
Voici un petit récapitulatif. Tout ces codes sont trouvés sur les pages du topic, le but de ce message est de les regrouper pour permettre la recherche plus facile :P
Je vous conseil avant d'utiliser des codes, de sauvegarder votre fiche en HTML dans un document texte. Ainsi, même si le code supprime votre fiche vous pourrez tout de même la récupérer. :)
✎ SOMMAIRE :
☀ 1. Cadre cercle droite
☀ 2. Cadre cercle gauche
☀ 3. Écrire en dehors de sa fiche
☀ 4. Image de fond
☀ 5. Texte défilant
☀ 6. Cadre transparent
☀ 7. Texte à ascenseur
☀ 8. Bouton "j'aime"
☀ 9. Texte clignotant
☀ 10. Cadre à bords ronds
☀ 11. Cadre blanc opaque
☀ 12. Cadre couleur rouge
☀ 13. Cadre couleur verte
☀ 14. Texte à ascenseur
☀ 1. Cadre cercle (ici à droite) :
<div style="background-image: url(URL DE L'IMAGE DE FOND); width: 440px; margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); background-repeat: repeat repeat;">
Teste avant le rond
<div align="left" style="text-align: center; margin: auto auto auto 250px; background-image: url(URL DE L'IMAGE DU ROND); padding: 15px 20px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px dotted rgb(0, 0, 0); width: 190px;"><div>Texte dans le rond</div>
</div>
<div style="text-align: right;"><font size="1">Texte après le rond</font></div>
</div>
Il est possible de changer la position du rond en changeant les px de "margin: auto auto auto 250px"
☀ 2. Cadre cercle (ici à gauche)
<div style="background-image: url(http://smilylove.s.m.pic.centerblog.net/63643102.j[...] width: 440px; margin: auto; padding: 5px; border: 1px solid rgb(216, 216, 216); background-repeat: repeat repeat;"><div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium; ">Texte avant le rond</span></div>
<div align="left" style="text-align: center; margin: auto auto auto 10px; background-image: url(); padding: 15px 20px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px dotted rgb(0, 0, 0); width: 190px;"><div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium;">Texte dans le rond</span></div>
</div>
<div style="text-align: left;"><span class="Apple-style-span" style="font-size: medium;">Texte après le rond</span></div>
</div>
Il est possible de changer la position du rond en changeant les px de "margin: auto auto auto 250px"
☀ 3. Ecrire en dehors de la fiche :
<div class="uiScaledImageContainer profilePic"><br><font style="color: rgb(0, 0, 0);" size="10"><font size="1"><br></fon t>
<center style="left: 440px; top: 925px; margin-top: -275px; margin-left: 410px; position: absolute;">
<div style="text-align: center;"><p style="text-align: center;"><font style="color: rgb(0, 0, 0);" size="5"><font size="1"><font size="2">TON TEXTE ICI</font></font><br>& lt;/font></p><font style="color: rgb(0, 0, 0);" size="5"></font></ div></center></font></ div>
Il est possible de changer la position du texte en changeant les px.
☀ 4. Image de fond :
<div style=
"background: url(LIEN DE L'IMAGE ICI) no-repeat #806552; width: 435px; margin: auto; padding: 5px; border: 1px solid #d8d8d8; color: white;">
<br/>
☀ 5. Texte défilant :
<marquee>Ton Texte Défilant</marquee>
☀ 6. Cadre transparent :
<fieldset>
<legend>Le Titre</legend>
Le contenu
</fieldset>
☀ 7. Texte à ascenseur :
<br>
<div style="text-align: left; overflow: auto; max-height: 85px;" class="texteClair"><p> ;<span class="Apple-style-span" style="line-height: normal;">Le Texte<br><div style="text-align: auto;"><br><br></ div></span></p><p>& lt;font class="Apple-style-span" color="#00CC00"><b>&l t;br></b></font></p> ;</div><strong>
<br>
</strong>
☀ 8. Bouton "jaime" :
<input type="submit" id="voteJoueur" value="ECRIS ICI TON TEXTE !" />
☀ 9. Texte clignotant :
<blink>Ton Texte Clignotant</blink>
☀ 10. Cadre à bord ronds :
<div style="background: url(URL DE TON IMAGE ICI); padding: 15px 20px; border-radius: 0px 10px; border: 1px dotted rgb(0, 0, 0); width: 410px; color: rgb(0, 0, 0);"><span class="Apple-style-span" style="font-size: x-large;">Écris ici le texte que tu souhaites </span></div >
☀ 11. Cadre blanc opaque :
<div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"> </div><div style="text-align: center;"><div style="background: rgb(255, 255, 255); margin: auto; padding: 5px; border-radius: 5px; border: 1px solid rgb(196, 196, 196); width: 400px; color: black; font-family: Arial; box-shadow: 2px 2px 2px #969696; -webkit-box-shadow: #969696 2px 2px 2px;" class="bloc"><div style="text-indent: 20px; font-size: 18px; margin-bottom: 5px; border-bottom-color: rgb(128, 101, 82); border-bottom-width: 1px; border-bottom-style: dashed;" align="left"><font face="Times New Roman" size="4"><strong>< font face="Georgia">ICI LE TITRE</font></strong></fo nt></div><center><font face="Times New Roman" size="4"><font color="#000000" face="times new roman" size="2"><font color="#ff0000">ICI LE TEXTE</f ont></font></font></ce nter><!-- div--></div><div style="text-align: center;"><font face="Times New Roman" size="4"><font color="#000000" face="times new roman" size="2"> </fon t></font></div><br> </div></div></div>
☀ 12. Cadre couleur rouge :
<center> <div class="erreur"><font class="Apple-style-span" size="3"><span class="Apple-style-span" style="font-size: 13px;">ICI TON TEXTE</span></font></div& gt;</center>
☀ 13. Cadre couleur verte :
<div id="valideAmi" class="valide">TON TEXTE</div>
☀ 14. Texte à ascenseur transparent :
<div align="center" style="overflow: auto; width: 200px; height: 210px;"><span class="Apple-style-span" style="font-size: xx-large;">ÉCRIT CE QUE TU VEUX VOIR APPARAITRE DANS L'ASCENSEUR ICI</span></div>
Il est de possible de changer la taille de l'ascenseur en modifiant les px de "width: 200px; height: 210px;"
HEIGHT étant la hauteur et WIDTH la largeur.
J'en posterais d'autre plus tard  Il faut que je les test.
J'ai même pas fini la 1ère page Il y en avoir beaucoup !
0
|
|
non classé
|
En mai 2014
un inconnu
un inconnu
Le lien doit être entier (il ne doit pas y avoir [...] à la fin du lien).
Pour y remédier tu doit cliquer sur le lien, le copier entièrement, enlever du code html l'ancien lien et le remplacer par celui que tu viens de copier :)
Tu ne peux pas partager de code html par mp car les liens qui sont à l'intérieur ne passent pas, ils ne sont jamais entiers, si tu veux tout de même partager un code html, la personne à qui tu l'envoie doit remplacer le lien par le même lien, mais complet :)
Si c'est pas clair, n'hésite pas à le dire 
merci Life
0
|
4 793ème
593 points
|
En mai 2014
Up ^^
0
|
3 249ème
717 points
|
En mai 2014
Bonsoir ^^
Avec l'aide d'Auryana , on fais des fiches ensemble , on a aussi très bien appris à le faire ^^
0
|
3 249ème
717 points
|
En mai 2014
un inconnu
C'est cool Cyni :D
Mais s'il te plait, c'est pas très sympa de faire de la pub sur d'autres topics.
J'ai pas fais de pub , j'ai juste raconté :3
0
|
385ème
2 290 points
|
En mai 2014
Tsuki
J'ai pas fais de pub , j'ai juste raconté :3
Haha
Je suis d'accord avec toi, tu n'as pas fait de pub mais shuttt !! Ne le dis pas aux autres 
0
|
919ème
1 313 points
|
En mai 2014
Quelqu'un a le code du curseur ?
0
|
2 613ème
784 points
|
En mai 2014
Prewley
Quelqu'un a le code du curseur ?
Si tu parles de l'ascenseur voilà :
<div align="center" style="overflow: auto; width: 200px; height: 210px;"><span class="Apple-style-span" style="font-size: xx-large;">ÉCRIT ICI POUR DECOUVRIR L'ASCENSEUR</span></div> ;
0
|
333ème
2 502 points
|
En mai 2014
Prewley
Quelqu'un a le code du curseur ?
Moi je l'ai le code curseur
0
|
919ème
1 313 points
|
En mai 2014
laurelene29
Si tu parles de l'ascenseur voilà :
<div align="center" style="overflow: auto; width: 200px; height: 210px;"><span class="Apple-style-span" style="font-size: xx-large;">ÉCRIT ICI POUR DECOUVRIR L'ASCENSEUR</span></div> ;
Non je parle de la souris 
0
|
391ème
2 256 points
|
En mai 2014
Prewley
Quelqu'un a le code du curseur ?
★ Curseur :
Ça au début du HTML :
<div style="cursor: url('URL du curseur'), pointer;">
Et ça à la fin du HTML :
</div>
0
|
391ème
2 256 points
|
En mai 2014
★ Voici un code pour changer la police de votre texte :
<font color="#000000" face="Nom de la police" size="5">Texte</font>
Texte
★ Un autre code pour mettre de l'ombre derrière le texte :
<div style="text-shadow: rgb(119, 119, 119) 0px 0px 5px;" align="center">Texte<br& gt;</div>
Texte
★ Un texte qui défile :
<marquee>Texte</marquee>
★ Un texte qui bouge horizontalement :
<marquee behavior="alternate"><ma rquee="" width="150">Texte</marqu ee=""></marquee>
0
|
2 769ème
630 points
|
En mai 2014
Je cherche le code pour redimensionner une image
0
|
1 656ème
957 points
|
En mai 2014
Feather : Tu peux redimensionner une image il suffit de mettre
<img src="Lien de l'image" style="width: ***px; height: ***px;" />
Je t'explique. Le width c'est la largeur, et le height est la longueur, les *** doivent être remplacés par le nombre de pixels désiré.
Angelie : <div class="cursor: url('lien de l'image de ton curseur');">
et tu rajoutes
</div>
à la fin du code de ta fiche.
0
|
5 599ème
551 points
|
En mai 2014
mama76190
moi j'ai des astuce pour mettre les images en arrière plan pour pouvoir écrirre dessus
J'ai toujours voulut savoir comment faire!
0
|
1 656ème
957 points
|
En mai 2014
Lapinoune
J'ai toujours voulut savoir comment faire!
<div style="background: url('Lien de ton image');">Ton texte</div>
Tout simplement :)).
0
|
|
|
Aujourd'hui, à 15:09
Publicité
|
|
