Gif-es szövegdobozok

Üdv mindenkinek!
Mint megígértem, hoztam nektek szép, különleges szövegdobozokat.
Remélem hasznotokra válnak ! :)

A kódok természetesen a SHINE nevezetű angol oldalról származnak. 

Az első szövegdoboz így néz ki:


IDE JÖN A CÍM, IDÉZET VAGY AMIT AKARSZ
Szöveg szöveg szöveg Blah blah Blah Blah blah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegSzöveg szöveg szöveg Blah blah Blah Blah blah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szövegblah blah blah szöveg blah szöveg szöveg

A második szövegdoboz így néz ki:



Ide jön a cím
Szöveg szööööööööööööööööööööööveg balh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blahbalh blah blah
IDE IS ÍRJ VALAMIT



A harmadik szövegdoboz így néz ki:

CÍM CÍM CÍM
tagged | words | emilie
SZÖVEG SZÖVEG SZÖVEG SZÖVEG szöveg szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha SZÖVEG SZÖVEG SZÖVEG SZÖVEG szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha szöööööööööööööööööööööööööveg szöveg szöveg szöveg blah blah blah blah blah balha






Kódjaik:
Az első szövegdoboz kódja:

</div>
<style type="text/css">
.vcx { text-align:justify; font-family:tahoma; font-size:9px; color:black; padding-right:5px; }
.vcx b { color:#9fc5e8; font-weight:lighter; text-decoration:underline; }

.vcx2 { height:200px; overflow:auto; }
.vcx2::-webkit-scrollbar              { width:3px; }
.vcx2::-webkit-scrollbar-button       { width:3px; height: 0px; }
.vcx2::-webkit-scrollbar-track        { width:3px; }
.vcx2::-webkit-scrollbar-track-piece  { width:3px; background-color:white; }
.vcx2::-webkit-scrollbar-thumb        { width:3px; height:5px; background-color: #9fc5e8; }
</style>

<br />
<center>
<div style="background-color: #9fc5e8; color: white; font-family: arial; font-size: 8px; font-style: italic; padding: 50px; text-align: left; text-decoration: underline; width: 185px;">
IDE JÖN A CÍM</div>
<div style="background-color: white; padding: 20px; width: 245px;">
<div class="vcx2">
<div class="vcx">
IDE JÖN A SZÖVEG
</div>
</div>
<div style="border: 5px solid #9fc5e8; margin-top: 10px; overflow: hidden; width: 235px;">
<img src="250 SZÉLES GIF/KÉP LINKJE" /></div>
</div>
</center>

                                                Az második szövegdoboz kódja:


</div>
<br />
<link href="http://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet" type="text/css"></link><style type="text/css">
.ratemp { width: 250px; padding: 15px; background-color: #fff; background-image: url(http://i.imgur.com/aFiQRLc.png); }
.ratagline { background-color: #1a1a1a; padding: 15px 5px 20px 5px; width: 240px; text-align: right; }
.ratagline b { font-weight: normal; color: #A281DB; text-transform: uppercase; letter-spacing: 2px; font-family: oswald; font-size: 10px; line-height: 100%; border-bottom: 1px solid #dddddd; }
.rapostbox { width: 230px; font-family: arial; font-size: 10px; text-align: justify; line-height: 100%; background-color: #fff; padding: 10px; }
.rapb { height: 225px; overflow: auto; padding-right: 5px; }
.rabot { width: 230px; background-color: #1A1A1A; color: #ccc; padding: 16.5px 5px; font-family: oswald; text-transform: uppercase; font-size: 8px; text-align: center; letter-spacing: 1px; }
.rabot b { color: #A281DB; }
.rabot a { color: #ffffff; } .rabot a:hover { text-decoration: line-through; }
.rapb::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent; }
.rapb::-webkit-scrollbar-thumb { background-color: #A281DB; }
.tcred { text-transform: uppercase; text-align: right; width: 250px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
</style>

<br />
<center>
<div class="ratemp">
<img src="230px SZÉLES GIF LINKJE IDE JÖN" width="230px" />
<br />
<div class="ratagline">
<b>
Ide jön a cím
</b></div>
<div class="rapostbox">
<div class="rapb">
IDE JÖN A SZÖÖÖVEG

</div>
</div>
<div class="rabot">
<b></b> IDE IS ÍRJ VALAMIT <b>
</b></div>
</div>

</center>

                                           Az harmadik szövegdoboz kódja:

<center>
<style>
#sweets {width: 240px; padding: 20px; background: #fff; box-shadow: 1px 1px 4px #000; position: relative;}
.rest { width: 230px; height: 250px; padding: 0px 5px; border-bottom: 5px solid #fff; overflow: auto; font-family: arial; font-size: 10px; text-align: justify;} .rest::-webkit-scrollbar { width: 5px; } .rest::-webkit-scrollbar-track { background: #000; border-left: 2px solid #fff; border-right: 2px solid #fff; } .rest::-webkit-scrollbar-thumb { background: #7da3da; }
.careful { width: 240px; padding: 5px 3px 3px 3px; font-family: Fjalla One; letter-spacing: 2px; color: #000; background: #fff; position: absolute; top: 120px; text-transform: uppercase; line-height: 100%;  opacity: 0; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; -ms-transition: all 1s ease-in; } #sweets:hover .careful { opacity: 0.7; } .careful a { color: #000;} .careful a:hover { color: #7da3da;}</style>
<div id="sweets">
<div style="background: url(http://38.media.tumblr.com/a174598a37732689abbf827dda25646e/tumblr_nmx252iuQs1tl8rhgo2_250.gif) center; height: 130px; width: 240px;">
</div>
<div style="font-family: Fjalla One; font-size: 40px; letter-spacing: -5px; line-height: 110%; margin-top: 5px; text-align: center; text-transform: uppercase; width: 240px;">
CÍM CÍM CÍM</div>
<div class="careful">
tagged | words | <a href="http://shine.jcink.net/index.php?showuser=5438">emilie</a></div>
<div class="rest">
SZÖVEG SZÖVEG SZÖVEG SZÖVEG 
</div>
</div>

</center>

18 megjegyzés:

  1. Szia! :) Ha nem gond vittem őket ^^ Köszönöm

    VálaszTörlés
  2. Szia! :) Ha nem gond vittem őket ^^ Köszönöm

    VálaszTörlés
    Válaszok
    1. Szia! Dehogy gond, azért vannak! :)
      Köszönöm, hogy szóltál, és örülök, hogy tetszenek! :)

      Törlés
  3. Szia!Elvittem az utolsót,köszönöm :)

    VálaszTörlés
  4. Szia!
    Vittem a harmadikat, köszönöm szépen :)

    xx
    Nicolette

    VálaszTörlés
  5. Szia!:) Elvittem az utolsót, köszönöm szépen.:)

    VálaszTörlés
  6. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  7. Vittem a harmadikat. köszönöm szépen!:)
    xx, Dodi~

    VálaszTörlés
  8. Vittem a harmadikat, köszönöm!
    Puszi Kira!

    VálaszTörlés
  9. Szia! Elvittük a másodikat! Köszi szépen, nagyon jó!~ c:

    VálaszTörlés
  10. Szia!
    Vittem a harmadikat! Köszönöm szépen! :)

    J.

    VálaszTörlés
  11. Szia!
    Vittem a másodikat, köszönöm szépen, nagyon jól néz ki! :)

    VálaszTörlés
  12. Szia, vittem a másodikat, köszii:)

    VálaszTörlés
  13. Szia!
    Vittem a harmadikat és kicsit átvariáltam. Köszi!

    VálaszTörlés
  14. Szia!
    Vittem a harmadikat! Köszi <3

    VálaszTörlés