-
Lollipop style
-Code pour les fiches Lapino.-
Fiche Lollipop simple
<div style="background-image: url('URL DE L'IMAGE'); width: 500px; height:200px;"></div><div style="background-color: #199aca; width: 400px; padding: 10px 50px;"><div style="text-align: left;"><font size="6" color="#FFFFFF" face="arial">Pseudo</font></div></div><div style="position: relative; left: 375px; top: -100px; height:0px;"><img src="URL AVATAR" style="border: 2px solid #fff; width: 80px; height: 80px; border-radius: 80px;"></div><div style="background-color: #fff; width: 460px; padding: 20px;"><div style="text-align: center;"><font face="arial" color="#666666" size="2">Texte</font></div></div>PseudoTexteFiche Lollipop avec sommaire
<div style="background-image: url('URL DE L'IMAGE'); width: 500px; height:200px;"></div><div style="background-color: #199aca; width: 400px; padding: 10px 50px;"><div style="text-align: left;"><font size="6" color="#FFFFFF" face="arial">Pseudo</font></div></div><div style="position: relative; left: 375px; top: -100px; height:0px;"><img src="URL AVATAR" style="border: 2px solid #fff; width: 80px; height: 80px; border-radius: 80px;"></div><div style="background-color: #fff; width: 460px; padding: 20px;"><div style="text-align: center;"><font face="arial" color="#666666" size="3"><a href="#1" title="" target="" ><font color="#666666">TITRE PARTIE 1</font></a> - <a href="#2" title="" target=""><font color="#666666">TITRE PARTIE 2</font></a> - <a href="#3" title="" target=""><font color="#666666">TITRE PARTIE 3</font></a></font></div><div style="text-align: center;"><div style="border-bottom: 1px solid #bbb;"><br></div></div></div><div style="background-color: #fff; width: 500px; height:290px; overflow: hidden;"><div style="height: 240px; width: 450px; overflow: auto; padding:0px 25px 25px 25px; background-color: #fff;"><a name="1"></a><div style="text-align: center;"><font color="#666666">Titre Partie1</font></div><div style="text-align: left;"><font color="#666666">Texte</font></div></div><div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"><a name="2"></a><div style="text-align: center;"><font color="#666666">Titre Partie2</font></div><div style="text-align: left;"><font color="#666666">Texte</font></div></div><div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"><a name="3"></a><div style="text-align: center;"><font color="#666666">Titre Partie3</font></div><div style="text-align: left;"><font color="#666666">Texte</font></div></div><div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"></div></div>En savoir plus sur le sommaire cliquable.Voici quelques idées de couleurs pour la barre du pseudo (2e élément en rouge dans le code) :
-
Commentaires
2RENARDMercredi 15 Juillet 2015 à 10:22J'ai fais ma fiche avec ce code (celui à onglet) , (pseudo lapino : Kitsune) ! Allez la voir :)
J'adore ce code, tu es trop forte Lise :)
3♥Best Friend♥Vendredi 17 Juillet 2015 à 13:31Je voudrais l'image moi si possible4cerιѕeDimanche 19 Juillet 2015 à 09:06Je ne comprend pas le système des couleur pour la nouvelle fiche ducoup aller voir ma fiche C est cerιѕe j ai vraiment esoin d aide5enomar1Lundi 20 Juillet 2015 à 17:146EmilieMardi 21 Juillet 2015 à 20:06Je sais pas comment Cliquer sur les partie 2 et 3 Quant je restaure ma fiche
-
SelmyMercredi 17 Février 2016 à 18:36
Sa me fait la meme chose ... Sa saoul...... :(
-
J'aimerais bien mettre un ascenceur dans celui des sommaires dans toutes les parties comment je fais?
edit : ah na c'bon
8Eulalie.Samedi 1er Août 2015 à 12:429Bella20Dimanche 9 Août 2015 à 19:09Emilie, il faut que tu fasse la flèche du bas jusqu'à arriver à là où tu veux écrire. :) J'ai eu ce problème moi aussi ...
J'ai parfaitement réussi à changer les couleurs ainsi qu'à placer le code. Cependant quand je valide, ça s'affiche à gauche et je ne parviens pas à le placer à droite. Pourrais-tu m'aider ? :3
11lilou42Jeudi 5 Novembre 2015 à 11:58Salut! Je ne comprends pas les explications! Vous pouvez m'aider s'il vous plait!? *-*
-
♥coucou♥Dimanche 6 Décembre 2015 à 15:51
Tu vas sur ta fiche. En haut il y a HTML. Tu cliques dessus. Tu fais copier/coller le code que tu veux.
Après, tu changes ce qu'il y a à changer. Tu valides.
Tu écris ce que tu veux écrire dans la partie 1 (que tu auras renommée) et ensuite,
tu utilises la flèche du bas pour éditer les parties 2 et 3. J'espère t'avoir aidé
♥coucou♥
-
13JustAVisitorMardi 6 Décembre 2016 à 19:29Alors déjà, merci pour tous ses codes ~ <3 Ça sert vraiment !
Par contre, j'ai un petit problème... J'ai cherché, mais je n'ai pas trouvé. Après, l'article date donc je ne sais pas si quelqu'un répondra mais bon...
En fait, quand je souhaite mettre l'image de fond, ils me rajoutent "denied:" devant. Et j'ai beau l'enlever, il revient à chaque fois ! Donc, je me demandais s'il fallait le remplacer par autre chose... Mais quoi ?
Merci de m'avoir prêter attention si vous le faites ! x)
14pikachunetteMercredi 25 Janvier 2017 à 12:47
Ajouter un commentaire
Salut!
Je trouve ça très beau mais mon problème c'est que je ne sais pas changé de couleur ou de police ce qu'il y a écrit en partie 2 ou 3... Merci de m'aider!