• 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>
     
     
    Pseudo
    Texte




     
     

    Fiche 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> &nbsp;-&nbsp;
    <a href="#2" title="" target=""><font color="#666666">TITRE PARTIE 2</font></a> &nbsp;- &nbsp;
    <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>
      
     
    Pseudo
     
    Titre Partie 1
    Texte
    Titre Partie 2
    Texte
    Titre Partie 3
    Texte
     
     
     
    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) :
     

    Lollipop style


  • Commentaires

    1
    Bella20
    Dimanche 5 Juillet 2015 à 21:21

    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!

    2
    RENARD
    Mercredi 15 Juillet 2015 à 10:22

    J'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:31
    Je voudrais l'image moi si possible
    4
    cerιѕe
    Dimanche 19 Juillet 2015 à 09:06
    Je 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 aide
    5
    enomar1
    Lundi 20 Juillet 2015 à 17:14

    Super! Mais je n'arrive pas à faire de scrollbar dedans.


     


    Ps: Salut Kit'!

    6
    Emilie
    Mardi 21 Juillet 2015 à 20:06

    Je sais pas comment Cliquer sur les partie 2 et 3 Quant je restaure ma fiche erf

      • Selmy
        Mercredi 17 Février 2016 à 18:36

        Sa me fait la meme chose ... Sa saoul...... :(

    7
    Dimanche 26 Juillet 2015 à 15:26

    J'aimerais bien mettre un ascenceur dans celui des sommaires dans toutes les parties comment je fais?

    edit : ah na c'bon

    8
    Eulalie.
    Samedi 1er Août 2015 à 12:42

    Emilie, je crois qu'il faut que tu descende (très mal expliquer)

     

     

    9
    Bella20
    Dimanche 9 Août 2015 à 19:09

    Emilie, 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 ...

    10
    Jeudi 27 Août 2015 à 22:12

    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

    11
    lilou42
    Jeudi 5 Novembre 2015 à 11:58

    Salut! 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éwink2

        ♥coucou♥

    12
    Jeudi 21 Juillet 2016 à 22:21

    Merci beaucoup, très bien comme base !

    13
    JustAVisitor
    Mardi 6 Décembre 2016 à 19:29

    Alors 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)

    14
    pikachunette
    Mercredi 25 Janvier à 12:47

    supercool

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :