• St Valentin (nouvelle structure ke j'ai conçue)

     

    St Valentin le 14 Février

     

     

     

    Joli decompte st Valentin de Emy

     

    Clic droit pour l'adresse de son blog.

     

     

    <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; &lt;!--?php //&copy; 220761 ?--&gt; 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; &lt;!--?php //&copy; 220761 ?--&gt; 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>&nbsp;</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&eacute;vrier</span></p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p>&nbsp;</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; &lt;!--?php //&copy; 220761 ?--&gt; 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; &lt;!--?php //&copy; 220761 ?--&gt; 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>&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">Ecrire ici</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p style="text-align: center; font-family: Arial; color: #fff;">&nbsp;</p>
    <p>&nbsp;</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; &lt;!--?php //&copy; 220761 ?--&gt; 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; &lt;!--?php //&copy; 220761 ?--&gt; 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>

     

     

     

     

     

    « St ValentinLe camé »

  • Commentaires

    1
    Vendredi 23 Janvier 2015 à 18:23

    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!!!!!

    2
    Vendredi 23 Janvier 2015 à 18:26

    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.

    3
    Vendredi 23 Janvier 2015 à 18:34

    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

    4
    Vendredi 23 Janvier 2015 à 18:47

    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

     

    5
    Vendredi 23 Janvier 2015 à 18:48

    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

    6
    Vendredi 23 Janvier 2015 à 19:13

    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

    7
    Vendredi 23 Janvier 2015 à 19:17

    @ Gilbert

    Yes !!!!! t'es un vrai technicien aussi !!!!

    Vive les codes !!!!! mdr !!!!

    8
    Vendredi 23 Janvier 2015 à 20:30

    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 !!!

    9
    Vendredi 23 Janvier 2015 à 20:56

    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..;♥

    10
    Vendredi 23 Janvier 2015 à 20:56

    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

    11
    Vendredi 23 Janvier 2015 à 21:02

    Vraiment superbe , bravo ma belle !

    merci pour tout , tu es géniale et Manola aussi :

    bises.

    Osiris3.

    12
    Vendredi 23 Janvier 2015 à 22:14

    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

    13
    Vendredi 23 Janvier 2015 à 23:27

    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

    14
    Samedi 24 Janvier 2015 à 09:15

    Très joli cadre qui nous rappelle que la saint valentin est pour bientôt, Bon WE...............

    15
    Samedi 24 Janvier 2015 à 14:29

    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;

     

     

    16
    Samedi 24 Janvier 2015 à 16:49

    Que c'est superbe, tu vas le retrouver sur les billets de la saint Valentin, bises et bon week end à vous deux.

    17
    Samedi 24 Janvier 2015 à 17:05

    on ne peut qu'admirer

    18
    Dimanche 25 Janvier 2015 à 09:55

    Une pure merveille ton cadre pour la St-Valentin !! Rien ne te résiste...!! Bravo et gros bis♥

    19
    Mardi 27 Janvier 2015 à 09:11

    superbe aussi ce cadre !

    quel talent !

    bravo et merci pour le partage !

    gros bisous

    20
    Mercredi 28 Janvier 2015 à 02:51

    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 ♥

    21
    Samedi 31 Janvier 2015 à 21:46

    C'est superbe...

    on pourrait penser que ça a été fait l'un pour l'autre.

    Bisou ma "chérie"

    22
    Lundi 2 Février 2015 à 14:35
    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
    Emy
    23
    Mardi 3 Février 2015 à 19:53

    Hello 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

    24
    Mercredi 27 Janvier 2016 à 19:55

    bonsoir Dali

    j ai pris celui ci merci beaucoup bis

     



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :