Astuces pour vos fiches (2)

Forums » Entraide


laurine5096
chat Astuces pour vos fiches (2)
par laurine5096 en octobre 2013

non classé
En avril 2014
un inconnu niveau/ experience
design/quote.png
Reine Tais. Voila


<div style=
"background: url(http://www.heberger-image.fr/data/images/66119_Cou[...] no-repeat #806552; width: 435px; margin: auto; padding: 5px; border: 1px solid #d8d8d8; color: white;">
<br />

sa na marche pas
Tsuki
3 107ème
717 points
En avril 2014
Tsuki niveau/7 experience 450 facteur
design/quote.png
un inconnu sa na marche pas

Oui car le lien est en bleu.
non classé
En avril 2014
un inconnu niveau/ experience
design/quote.png
un inconnu sa na marche pas

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 😉
laurine5096
4 649ème
593 points
En avril 2014
Merci tout le monde *^* !
Reine Tais.
564ème
1 282 points
En avril 2014
compte supprimé niveau/7 experience 320 facteur
design/quote.png
ouaw Je recherche un code pour mettre un musique qui marche

J'ai Mp moi 👍
louloute67
non classé
En avril 2014
compte supprimé niveau/6 experience 275 facteur
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 👍 !
SangEternel
1 125ème
1 123 points
En mai 2014
Si quelqu'un pouvait me donner le code pour faire un fond avec cette image http://www.google.fr/imgres?imgurl=http://auto.img[...]
Ce serait sympas ^^
(C'est pour mon autre compte )
Halfway
non classé
En mai 2014
compte supprimé niveau/7 experience 300 facteur
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 ? ^^'
Tsuki
3 107ème
717 points
En mai 2014
Tsuki niveau/7 experience 450 facteur
design/quote.png
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.
non classé
En mai 2014
un inconnu niveau/ experience
Bonjour, désoler de vous déranger mais je voulait vous demander est ce que vous savez mettre des vidéo sur des fiche car moi j y arrive mais elle trop grande elle ne passe pas sur la fiche ou elle s enlève . est ce vous pourriez m' aider s il vous plait ?
chenipoteun
213ème
3 023 points
En mai 2014
design/quote.png
SangEternel Si quelqu'un pouvait me donner le code pour faire un fond avec cette image http://www.google.fr/imgres?imgurl=http://auto.img[...]
Ce serait sympas ^^
(C'est pour mon autre compte )

☞. 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 :)
chenipoteun
213ème
3 023 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&nbsp;</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">&nbsp;</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 ! 👍
non classé
En mai 2014
un inconnu niveau/ experience
design/quote.png
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
laurine5096
4 649ème
593 points
En mai 2014
Up ^^
Tsuki
3 107ème
717 points
En mai 2014
Tsuki niveau/7 experience 450 facteur
Bonsoir ^^

Avec l'aide d'Auryana , on fais des fiches ensemble , on a aussi très bien appris à le faire ^^
non classé
En mai 2014
un inconnu niveau/ experience
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.
Tsuki
3 107ème
717 points
En mai 2014
Tsuki niveau/7 experience 450 facteur
design/quote.png
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
Asuna
346ème
2 290 points
En mai 2014
Asuna niveau/12 experience 1060 facteur
design/quote.png
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 🙂
Prewley
854ème
1 313 points
En mai 2014
Prewley niveau/12 experience 705 facteur
Quelqu'un a le code du curseur ? 🙂
laurelene29
2 495ème
784 points
En mai 2014
design/quote.png
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> ;


Hikari.
294ème
2 502 points
En mai 2014
Hikari. niveau/12 experience 1015 facteur
design/quote.png
Prewley Quelqu'un a le code du curseur ? 🙂

Moi je l'ai le code curseur 😋
Prewley
854ème
1 313 points
En mai 2014
Prewley niveau/12 experience 705 facteur
design/quote.png
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 😞
Dydouzz
355ème
2 256 points
En mai 2014
Dydouzz niveau/10 experience 730 facteur
design/quote.png
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>
Dydouzz
355ème
2 256 points
En mai 2014
Dydouzz niveau/10 experience 730 facteur
★ 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>
Feather
2 769ème
630 points
En mai 2014
compte supprimé niveau/7 experience 325 facteur
Je cherche le code pour redimensionner une image
non classé
En mai 2014
un inconnu niveau/ experience
coucou,j'aimerai bien savoir comment faire pour pouvoir mettre un curseur je n'y arrive pas du tout
Joao
1 567ème
957 points
En mai 2014
Joao niveau/10 experience 430 facteur
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.
Lapinoune
5 472ème
551 points
En mai 2014
Lapinoune niveau/6 experience 235 facteur
design/quote.png
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!
Joao
1 567ème
957 points
En mai 2014
Joao niveau/10 experience 430 facteur
design/quote.png
Lapinoune J'ai toujours voulut savoir comment faire!

<div style="background: url('Lien de ton image');">Ton texte</div>

Tout simplement :)).
Aujourd'hui, à 09:43
Publicité 1
scroll-top