-
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 / imageTexte / imageTexte / image
-
Commentaires
1Daisy90Mercredi 20 Août 2014 à 11:36Répondre5Tini2002Jeudi 21 Août 2014 à 09:48Super, le code, mais je n'arrive pas a mettre en couleur, si quelqu'un pouvait m'aider ce serait gentil !
7Hugo.Vendredi 22 Août 2014 à 11:269Le MachinMardi 26 Août 2014 à 15:20J'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)
10Le MachinMercredi 27 Août 2014 à 16:52Je 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
12OuawJeudi 28 Août 2014 à 08:57il 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
Au secours quand je mes une couleur et ben sa ne met pas la couleur Gold que j'ai demander ont peut m'aider
Et bien pour mettre une image, il suffit de remplacer background-color: NomDeLaCouleur; par background-image: url(URL DU FOND);
Moi je les pas faite comme sa lisefleur et il te manque une couleur transparent moi j'ai mis transparent sur ma fiche
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.
21.....Vendredi 12 Septembre 2014 à 17:3422OuawMercredi 17 Septembre 2014 à 16:56Hellow 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)28camomille33Lundi 16 Février 2015 à 10:4029Fani71Samedi 7 Mars 2015 à 21:0530Chacha2612Mardi 14 Avril 2015 à 22:3531grosminetDimanche 7 Février 2016 à 14:12Je n'arrive pas a mettre la couleur ! Pouvez-vous m'aider ?!? c'est avec le code 3 cadres que j'ai un bug de couleur.
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 ...
-
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
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
-
Tu peux faire ça sur tout les codes, il faut juste changer URL ou COLOR en fonction de ce que tu veux faire :)
-
Lundi 1er Mars 2021 à 14:53
-
<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 '
-
Lundi 1er Mars 2021 à 15:13
-
Ajouter un commentaire