• Triple cadre

     -Code pour les fiches Lapino.-

    Cadres

    ★ Trois cadres :

    <div style="background-color: NomDeLaCouleur*; width: 500px; height : 435px; margin: auto;">
    <div style="text-align: center;"><br></div>
    <div style="float: left; width: 40%;">
    <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 10px 10px 10px 10px; width: 130px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
    <div style="height: 131px; width: 131px; overflow: auto;">
    <div style="text-align: center;">Texte / image<br></div>
    </div>
    </div>
    <div style="text-align: center;"><br></div>
    </div>
    <div style="float: right; width: 60%;">
    <div style="background-color: rgba(255, 255, 255, 1); margin: left; padding: 10px 10px 10px 10px; width: 254px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
    <div style="height: 130px; width: 254px; overflow: auto;">
    <div style="text-align: center;">Texte / image</div>
    </div>
    </div>
    <div style="text-align: center;"><br></div>
    </div>
    <div style="float: left; width: 100%;">
    <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 15px 15px 15px 15px; width: 420px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
    <div style="height: 200px; width: 420px; overflow: auto;">
    <div style="text-align: center;">Texte / image</div>
    </div>
    </div></div></div>

     

    *J'ai mis le nom des toutes les couleurs ICI

     

     
     
    Texte / image
     
    Texte / image
     
    Texte / image

  • Commentaires

    1
    Mercredi 20 Août 2014 à 11:36
    Super code *o* merci ! ;)
    2
    Mercredi 20 Août 2014 à 18:47

    Ouais bravo !cool

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    3
    Mercredi 20 Août 2014 à 20:08

    Ouaw, je prend :D

    4
    Mercredi 20 Août 2014 à 23:09

    Wow ! *-*

     

    Dans  2 semaines, tout le monde va avoir une fiche comme ça. x)

    5
    Tini2002
    Jeudi 21 Août 2014 à 09:48

    Super, le code, mais je n'arrive pas a mettre en couleur, si quelqu'un pouvait m'aider ce serait gentil !

    6
    Jeudi 21 Août 2014 à 10:43

    Ont ne peut pas mettre une image et écrire dans l'image ces dommage ouch

    7
    Hugo.
    Vendredi 22 Août 2014 à 11:26

    Ouah ! Super code 

    8
    Lundi 25 Août 2014 à 15:28

    Nyba: Oui on peut, mais ça va faire une LONGUE série de codes HTML. yes

    9
    Le Machin
    Mardi 26 Août 2014 à 15:20

    J'ai réussi à mettre une image en fond mais je ne sais pas comment j'ai fait je me suis trompée en plaçant le code sûrement. x) 

    10
    Le Machin
    Mercredi 27 Août 2014 à 16:52

    Je voulais demander comment ça se fait que sur les fiches le cadre est coupé alors que là non. Est-ce qu'on peut changer ça ? Merci d'avance d'votre réponse ! :p

    11
    Mercredi 27 Août 2014 à 19:59

    Le cadre est coupé ?

    12
    Ouaw
    Jeudi 28 Août 2014 à 08:57

    il est coupé que quand on l'édite dès qu'il est enregistré il est parfait :D et faut enlever l'étoile pour changer la couleur :p

    13
    Samedi 30 Août 2014 à 20:23

    Au secours cry  quand je mes une couleur et ben sa ne met pas la couleur Gold que j'ai demander ont peut m'aider frown

    14
    Dimanche 31 Août 2014 à 09:47

    Non ces bon Ouaw ma dit comment faire

    15
    Dimanche 31 Août 2014 à 13:02

    Ouaw comment on fait ? 

    16
    Dimanche 31 Août 2014 à 13:29
    17
    Dimanche 31 Août 2014 à 13:56

    Et bien pour mettre une image, il suffit de remplacer background-color: NomDeLaCouleur; par background-image: url(URL DU FOND);

    18
    Dimanche 31 Août 2014 à 14:27

    Moi je les pas faite comme sa lisefleur et il te manque une couleur transparent moi j'ai mis transparent sur ma fiche

    19
    Samedi 6 Septembre 2014 à 15:27

    Bonjour Lise, 

    J'ai échanger la couleur avec l'image du fond. Maintenant pourrait tu me dire comment faire pour changer les couleurs de l'intérieur (là où que l'on écrit) ! Parce que moi j'ai chercher, j'ai choisis ma couleurs, avec cette chose (je sais pas comment ça s'appelle) background-color: rgba , j'ai choisis ma couleur puis copier coller en replacent le code par le nouveau. Et rien j'ai même plus l'intérieur blanc on voit juste m'on fond.

    Pourrais-tu m'aider ? :)

    A bientôt ! 

    Taïs. / Fantasy.

    20
    Samedi 6 Septembre 2014 à 15:49

    merci tu m'as trop aider cool

     

    21
    .....
    Vendredi 12 Septembre 2014 à 17:34

    La fiche à onglets pour bientôt ?...

    22
    Ouaw
    Mercredi 17 Septembre 2014 à 16:56

    Hellow j'ai remplacé les 3 background-color: rgba(255, 255, 255, 1) par
    background-image: url(URL DU FOND) Et j'ai pu mettre une image dans chaque cadre (sur ma fiche j'ai mis une image noire)

    23
    Mercredi 22 Octobre 2014 à 13:49

    Merci beaucoup, je prend ce code ! :)

    24
    Mercredi 22 Octobre 2014 à 18:50

    merci pour ce code ! :)

    25
    Samedi 25 Octobre 2014 à 22:41

    J'adore,merci :)

    26
    Dimanche 2 Novembre 2014 à 15:38

    Merci !

    27
    Vendredi 26 Décembre 2014 à 10:19

    Merci beaucoup !

    28
    camomille33
    Lundi 16 Février 2015 à 10:40

    J'ai tjrs pas compris :'(

    29
    Fani71
    Samedi 7 Mars 2015 à 21:05

    C'est magique merci !!

    30
    Chacha2612
    Mardi 14 Avril 2015 à 22:35

    top !!!

    31
    grosminet
    Dimanche 7 Février 2016 à 14:12

    Je n'arrive pas a mettre la couleur ! Pouvez-vous m'aider ?!? yes c'est avec le code 3 cadres que j'ai un bug de couleur.

    32
    Jeudi 5 Mai 2016 à 10:17

    J'adore ton site ! Mais, sur ma fiche, j'ai voulu mettre une musique, j'ai entrer le code, l'URL de la vidéo, et, j'ai cliquer sur valider, sauf que quand j'ai cliquer sur valider, cela m'a mis un gros trou blanc ... Peux-tu m'aider ?

    Le code pour mettre une musique qui se lance toute seule ... Il faut le mettre au tot début, ou à la fin ?

      • Jeudi 5 Mai 2016 à 10:18

        Le trou blanc est partie ! Mais la musique ...frown

    33
    Dimanche 18 Juin 2017 à 00:51

    J'aimerai que quelqun fasse un blog comme sa mais pour les personne qui peut pas aller sur leur fiche je suis disponibles tout les jour' sur'lapino

    34
    Mercredi 25 Décembre 2019 à 14:43
    Bonjour
    J'aime beaucoup ce que tu fait, mais j'aimerais pouvoir mettre une image à la place de la couleur en fond... Peut tu me dire si c'est possible ou comment faire ?
    Merci
      • Lundi 1er Mars 2021 à 14:32

        Le code avec l'image à la place du fond :

         

        <div style=background-image: url(URL DU FOND); width: 500px; height : 435px; margin: auto;">
        <div style="text-align: center;"><br></div>
        <div style="float: left; width: 40%;">
        <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 10px 10px 10px 10px; width: 130px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
        <div style="height: 131px; width: 131px; overflow: auto;">
        <div style="text-align: center;">Texte / image<br></div>
        </div>
        </div>
        <div style="text-align: center;"><br></div>
        </div>
        <div style="float: right; width: 60%;">
        <div style="background-color: rgba(255, 255, 255, 1); margin: left; padding: 10px 10px 10px 10px; width: 254px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
        <div style="height: 130px; width: 254px; overflow: auto;">
        <div style="text-align: center;">Texte / image</div>
        </div>
        </div>
        <div style="text-align: center;"><br></div>
        </div>
        <div style="float: left; width: 100%;">
        <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 15px 15px 15px 15px; width: 420px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
        <div style="height: 200px; width: 420px; overflow: auto;">
        <div style="text-align: center;">Texte / image</div>
        </div>
        </div></div></div>

      • Lundi 1er Mars 2021 à 14:44

        Ah oki yes merci ;)

    35
    Lundi 1er Mars 2021 à 14:51

    Tu peux faire ça sur tout les codes, il faut juste changer URL ou COLOR en fonction de ce que tu veux faire :)

    36
    Lundi 1er Mars 2021 à 14:54

    <div style="background-image: url('URL DE L'IMAGE'); width: 500px; height : 435px; margin: auto;">

    <div style="text-align: center;"><br></div>

    <div style="float: left; width: 40%;">

    <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 10px 10px 10px 10px; width: 130px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">

    <div style="height: 131px; width: 131px; overflow: auto;">

    <div style="text-align: center;">Texte / image<br></div>

    </div>

    </div>

    <div style="text-align: center;"><br></div>

    </div>

    <div style="float: right; width: 60%;">

    <div style="background-color: rgba(255, 255, 255, 1); margin: left; padding: 10px 10px 10px 10px; width: 254px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">

    <div style="height: 130px; width: 254px; overflow: auto;">

    <div style="text-align: center;">Texte / image</div>

    </div>

    </div>

    <div style="text-align: center;"><br></div>

    </div>

    <div style="float: left; width: 100%;">

    <div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 15px 15px 15px 15px; width: 420px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">

    <div style="height: 200px; width: 420px; overflow: auto;">

    <div style="text-align: center;">Texte / image</div>

    </div>

    </div></div></div>

    Essaye et laisse bien les deux        ' 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :