-
St Valentin (nouvelle structure ke j'ai conçue)
St Valentin le 14 Février
Ecrire ici
<div style="margin-bottom: 10px; padding-top: 50px;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); width: auto; padding: 5px; border-radius: 85px 85px 0px 0px; background-repeat: repeat; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; padding-right: 20px; padding-top: 20px; border-radius: 80px 80px 0px 0px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); box-shadow: 1px 1px 5px #; padding-left: 2px; padding-right: 2px; border-radius: 80px 80px 0px 0px; height: 100%;">
<div style="background-image: url('fond'); border-radius: 80px 80px 0px 0px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;">
<div style="background-image: url('http://ekladata.com/86b3hbm_dT11YhxoCjjFfleWxJI.gif'); box-shadow: inset 1px 1px 15px #; padding-left: 22px; padding-right: 22px; border-radius: 80px 80px 0px 0px; height: 100%;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); padding-left: 2px; padding-right: 2px; border-radius: 80px 80px 0px 0px; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; border-radius: 80px 80px 0px 0px; padding-right: 20px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); box-shadow: 1px 1px 5px #; border-radius: 80px 80px 0px 0px; padding-left: 5px; padding-top: 5px; padding-right: 5px; height: 100%;">
<div style="background-image: url('http://ekladata.com/HkTjlSnCj__EfEXerOr66Nsfzl4@120x120.jpg'); border-radius: 75px 75px 0px 0px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;">
<div style="padding-top: 10px; padding-bottom: 1px;">
<p> </p>
<p style="text-align: center; text-shadow: 5px 5px 5px #E42103; font-family: Arial; color: #fff;"><span style="font-size: 36pt;">St Valentin le 14 Février</span></p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="padding: 0px 0px 0px 0px;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); width: auto; padding: 5px; background-repeat: repeat; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; padding-right: 20px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); box-shadow: 1px 1px 5px #; padding-left: 2px; padding-right: 2px; height: 100%;">
<div style="background-image: url('fond'); border-radius: 0px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;">
<div style="background-image: url('http://ekladata.com/86b3hbm_dT11YhxoCjjFfleWxJI.gif'); box-shadow: inset 1px 1px 15px #; padding-left: 22px; padding-right: 22px; height: 100%;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); padding-left: 2px; padding-right: 2px; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; padding-right: 20px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); box-shadow: 1px 1px 5px #; padding-left: 5px; padding-right: 5px; height: 100%;">
<div style="background-image: url('http://ekladata.com/HkTjlSnCj__EfEXerOr66Nsfzl4@120x120.jpg'); border-radius: 0px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;"><img style="margin-top: -65px; drop-shadow: opacity:1; filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));" src="http://ekladata.com/ZYtLr0tnwBhLg2eMviZZinhjg3w.png" alt="" align="middle" />
<div style="padding-top: 10px; padding-bottom: 1px;">
<p> </p>
<p style="text-align: center; font-family: Arial; color: #fff;">Ecrire ici</p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p style="text-align: center; font-family: Arial; color: #fff;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 10px; padding-bottom: 50px;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); width: auto; padding: 5px; border-radius: 0px 0px 80px 80px; background-repeat: repeat; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; padding-right: 20px; padding-bottom: 20px; border-radius: 0px 0px 80px 80px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); box-shadow: 1px 1px 5px #; padding-left: 2px; padding-right: 2px; border-radius: 0px 0px 75px 75px; height: 100%;">
<div style="background-image: url('fond'); border-radius: 0px 0px 80px 80px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;">
<div style="background-image: url('http://ekladata.com/86b3hbm_dT11YhxoCjjFfleWxJI.gif'); box-shadow: inset 1px 1px 15px #; padding-left: 22px; padding-right: 22px; border-radius: 0px 0px 80px 80px; height: 100%;">
<div style="background-image: url('http://ekladata.com/9KoAMu3cNJz8P-u_4zjf4gJF_UA.jpg'); padding-left: 2px; padding-right: 2px; border-radius: 0px 0px 80px 80px; height: 100%;">
<div style="background-image: url('http://ekladata.com/-4XDj1tyFb-ARHMGxvT7_AnHngM@150x150.jpg'); padding-left: 20px; padding-right: 20px; border-radius: 0px 0px 80px 80px; <!--?php //© 220761 ?--> height: 100%; background-color: #000;">
<div style="background-image: url('http://ekladata.com/FUp0AbyQE5_c1vzej5898gib3K8.png'); box-shadow: 1px 1px 5px #; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; border-radius: 0px 0px 80px 80px; height: 100%;">
<div style="background-image: url('http://ekladata.com/HkTjlSnCj__EfEXerOr66Nsfzl4@120x120.jpg'); border-radius: 0px 0px 75px 75px; background-color: #000; box-shadow: inset 1px 1px 10px #000000; height: 100%;"><img style="margin-top: -140px; drop-shadow: opacity:1; filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));" src="http://ekladata.com/Zbn6s-n6fl1er125nbYvMJTvlZc.png" alt="" align="middle" />
<div style="padding-top: 10px; padding-bottom: 1px;">
<div style="text-align: right; padding-bottom: 10px; padding-right: 80px;"><a href="http://www.copyrightdepot.com/cd74/00055130.htm" target="_blank"><img src="http://ekladata.com/USbZ0Eomig_uy1e8O1TFUGc24hI.png" alt=""/></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
Commentaires
C'est vraiment magnifique, superbe !
j'aime beaucoup ces cadres !
j'ai essayé de comprendre comment les réaliser mais sans succès !
un grand bravo !!
bon week end, amicalement.
bravo bravo ma Dalila
c'est ++++ que beau
très belle structure
tu as le droit de te reposer ce week-end
et je te le souhaite magnifique
bisous bisous
Magnifique !! Tu es très douée !
Je vais t'envoyer un code pour cadre en espérant que tu puisses le modifier.
J'aimerais qu'il s'adapte automatiquement aux publications comme tu sais si bien le faire.
Bon weekend ma belle
Gros bisous
Bonsoir Madame la créatrice !
Dis-donc, en regardant des sites de codes HTML, je tome sur un, désormais accepté sur Friefox35:
resize: il permet au visiteur d'agrandir un cadre, dans ton article; exemple:
http://pourquoi-pas-732.eklablog.com/resize-a114384016
Cela peut permettre un texte explicatif qui tient peu de place dans l'article.
Bonne soirée.
Gilbert
Bonsoir.
Merci pour la remarque !
Je viens d'ajouter une scroll barr à mon exemple en modifiant:
overflow:hidden; par overflow:auto;
et ça fonctionne !
Gilbert
Oui , madame la technicienne , dis moi que ferai-je sans toi , si il suffit de te donner des idées et que toi aussitôt tu arrive a les mètre en pratiques , tu est vraiment très forte , je n'aurais certainement pas aboutit a un résultat aussi somptueux , c'est vraiment magnifique , j'adore le résultat .
merci a toi de nous donner des petites étoiles dans les yeux
UN GRAND BRAVO !!!
Hé oui Manola , en me demandant si c'etait possible de faire tel ou tel chose,
et bien pour moi c'est kome relever un défi, même si ça existe pas , il faut ke je trouve!!!!
je suis kome toi tres contente du résultat !!!!!
Maintenant ya plus ka faire d'autres cadres dans le même genre de structure lol
bonne soirée et merci à vous toutes..;♥
Je viens de ton site russe mais, malgré mon année de russe, je n'ai pas osé ouvrir le site.
Je suis du genre ceinture et bretelles et je me méfie des sites inconnus.
Si je comprends bien, tu voudrais que l'agrandissement passe au dessus des autres cadres (?)
Moi, je travaille en position absolute: le positionnement en profondeur se fait par z-index:1; et plus le chiffre est élevé, plus l'élément passe au premier plan.
Ainsi, un élément z-index:10; qui s'agrandit passe au dessus d'un élement absolute, z-index:9;, par exemple.
En position relative, l'agrandissement pousse l'autre: logique.
Est-ce que cela répond à ta question ?
Gilbert
Vraiment superbe , bravo ma belle !
merci pour tout , tu es géniale et Manola aussi :
bises.
Osiris3.
Super ton code car il s'ouvre pas seulement dans un coté, comme le mien !
Le z-index peut te servir si tu as un autre cadre et que tu veuilles agrandir le premier dessus, il faut jouer sur la profondeur.
En tout cas, je conserve ton code ... merci !
Gilbert
Bravo Dali, j'ai déjà fait Valentin avec le précédent cadre, et en brouillon
je le lancerais la semaine prochaine car refais ma déco rouge à cette occasion,
bisous Dali tu fais toi et Manola du très bon travail, unique merci bon week-end
Très joli cadre qui nous rappelle que la saint valentin est pour bientôt, Bon WE...............
Bonjour amie Dalila, moi voir joli cadre, et petit déjeuner
et profite un peu p-c pas le travail ce jour, voir que Steph mettre
pour moi joli cadre saint valentin très bien car moi arrive pas toujours de faire,
merci amie Dalila de faire joli les choses pour que le blog bien ,
moi beaucoup apprendre depuis 3 ans, et Steph beaucoup montré de faire,
et Monique de même
bisous amie pour bon le week-end;
Que c'est superbe, tu vas le retrouver sur les billets de la saint Valentin, bises et bon week end à vous deux.
Une pure merveille ton cadre pour la St-Valentin !! Rien ne te résiste...!! Bravo et gros bis♥
Bonjour ma gentille rebelle ♥
Merci pour ton passage en me laissant un gentil message ♥
Je viens te souhaiter une belle journée ♥
Gros bisous ..... zingara ♥
Françoise ♥
Bonjour Dalila
Eve vient de me dire que tu pensais que je n' appréciais pas que tu mette son décompte sur ton site Mais bien au contraire j' étais trés contente , excuse moi si je ne t' ai pas mis un commentaire tous de suite , je pensais repasser ! J' ai de gros problème de santé et un traitement lourd qui me fait perdre un peu la mémoire . Heureusement que j' ai Eve pour me rappeler certaines choses . Alors encore milles excuses ! Tes cadres sont magnifiques , j' aime beaucoup , celui ci est en accord avec le décompte , j' ai même trouvé qu' il l' embellissais .En tous tu peux prendre tous ce que tu veux venant de ma part , cela me fais très plaisir et m' encourage .
Passe une belle après midi Gros bisous
EmyHello Daly...
Tu as vu, c'est revenu, je pense que ce n'est pas la peine que je te l'envoie.
on essayera une prochaine fois.
Sois sage...bise du soir
Vous devez être connecté pour commenter
Ne soyez pas étonné par la longueur du code en le copiant
car en faite ce sont trois cadres associés pour donner ce résultat lol!!!!!