Gif-es szövegdobozok #3

Szép estét mindenkinek! 
Arra gondoltam, hogy inkább ma hoznám a szövegdobozokat és nem jövőhéten.
Remélem hasznát fogjátok venni!

Ha viszitek valamelyiket, az valahol jelezzétek!
Köszönöm!
Roxana


Forrás: SHINE
Első:


CÍM CÍM CÍM
Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg Szöveg szöveg szöveg szöveg szöveg

Második:

Banshee

Lydia
Szöveg szöveg szövegszöveg szövegszöveg szövegszöveg szöveg "Banshee" szöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szöveg
Szöveg szövegszöveg szövegszöveg szövegszöveg szövegLydia Martin is the best. szöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szöveg
szöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szövegszöveg szöveg

Harmadik:

Szöveg! Ide jön a szöveged....Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
all that you are
is all that i'll ever need

Negyedik:

You are smart.
Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin. Phoebe Tonkin.






Az első szövegdoboz kódja:

<link href="http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><style type="text/css">

.CHARACTERNAME { font-family: karla; }
.CHARACTERNAME b { color: #HEXCOLOR; font-weight: 700; font-family: times; font-size: 12px; font-style: italic; } </style>
<center>


<div style="width: 220px; padding: 30px; background: #f7f7f7; border-top: 1px solid #eee; border-bottom: 1px solid #eee;"><center><div style="width: 155px; height: 155px; margin-bottom: 20px; padding: 3px; border: 1px solid #eee; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;"><div style="width: 155px; height: 155px; background: url( IDE JÖN A GIF KÉP LINKJE VAGY SIMA KÉP LINKJE-A ZÁRÓJELET HAGYD MEG KÜLÖNBEN NEM FOG MEGJELENNI A KÉP ); background-size: cover; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;"></div></div> <div style="font-family: karla; font-size: 8px; font-weight: 700px; text-transform: uppercase; background: #HEX COLOR HERE; color: #000; text-align: center; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px;">

CÍM CÍM CÍM

</div> <div style="width: 200px; padding: 10px; background: #f0f0f0; text-align: justify; font-family: karla; font-size: 10px; line-height: 118%; text-align: justify;"><div class="CHARACTERNAME">


IDE JÖN A SZÖVEGED!


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

</center>


A második szövegdoboz kódja:

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300" rel="stylesheet" type="text/css" />
<link href="http://blurryface.b1.jcink.com/uploads/blurryface/code.css" rel="stylesheet" type="text/css" />

<style>

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background-color: #fff;}
::-webkit-scrollbar-thumb {background-color: #ada5d5;}

.floral { width: 220px; height: 116px; background-image: url(  IDE JÖN A GIF KÉP LINKJE VAGY SIMA KÉP LINKJE-A ZÁRÓJELET HAGYD MEG KÜLÖNBEN NEM FOG MEGJELENNI A KÉP ); }

.floraltext { text-align: justify; font: 9.5px 'calibri', sans-serif; color: #000; line-height: 110%; overflow-y: auto; height: 255px; padding-right: 5px; padding-left: 3px;  }
.floraltext b { color: #ada5d5; font-size: 13px; font: 13px roboto condensed; font-weight: 700;}
.floraltext i { color: #ada5d5; font-size: 13px;  font: 13px roboto condensed; font-weight: 700; }


</style>

<center>

<div class="floralmain"><div class="floral"><div class="cherrytitle
">CÍM</div><br />
<div class="jo">ALCÍM</div></div><div class="floralbg"><div class="floraltext">

IDE JÖN A SZÖVEG  <b>"IDE JÖN AZ AMIT KI AKARSZ EMELNI"</b>  sZÖVEG SZÖVEG <p>


Szöveg <i>SZINTÉN KIEMELT RÉSZ</i>. BLAH BLAHK

 
</p></p></p></div></div></div>
<div class="jocredit"></div>

</center>

A harmadik szövegdoboz kódja:

<link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700|Roboto:300,700" rel="stylesheet" type="text/css" /><style type="text/css">
.border{width: 230px; height: auto; margin-top: 20px; padding: 10px; background-color: #ebebeb;}
.layla-background { width: 230px; height: auto; background-color: #fff; border-top: 10px solid #da923e; border-bottom: 10px solid #da923e; }
.layla-title  {  font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 95%;  font-size: 26px; text-align: center; color: #da923e; font-style: bold; background-color: #fff; margin-top: 20px;}
.layla-subtitle {  font-family: 'oswald', sans-serif; font-weight: 700; text-transform: uppercase;  line-height: 95%;  font-size: 19px; text-align: center; line-height: 100%; color: #d0d0d0; font-style: bold; padding-bottom: 10px; background-color: #fff; margin-bottom: 10px; }
.layla-content  { width: 170px; height: 170px; overflow: auto; font-family: 'Roboto', sans-serif;  font-weight: 300;  text-align: justify;  text-transform: lowercase; font-size: 9px;  color:#0f0f0f; padding: 0px 10px 5px 5px; margin-bottom: 25px; margin-top: 20px; }
.layla-content b { font-size: 11px; color:#da923e; }
.layla- content i { color:#da923e; }
.layla-gif { width: 230px; height: 190px; background-size: 230px; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; }

.layla-content::-webkit-scrollbar { background: #eaeaea; width: 2px; }
.layla-content::-webkit-scrollbar-thumb { background: #bdbdbd;  }
.layla-content::-webkit-scrollbar-corner { background: #eaeaea; }
</style><center><div class="border"><div class="layla-background">
<div class="layla-gif" style="background-image: url( IDE JÖN A GIF KÉP LINKJE VAGY SIMA KÉP LINKJE-A ZÁRÓJELET HAGYD MEG KÜLÖNBEN NEM FOG MEGJELENNI A KÉP - 230x190 );"></div>
<div class="layla-content">

IDE JÖN A SZÖVEG!
</div>
<div class="layla-title">all that you are</div>
<div class="layla-subtitle">is all that i'll ever need </div>
</div></div></center>


A negyedik szövegdoboz kódja:

<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" /><center><div class="jong-in"><div class="jong-out"><div class="thing1">

<div class="jong-img"><div style="width: 70px; height: 70px; border-radius: 50%; background-size: cover; background-image: url(IDE JÖN A GIF KÉP LINKJE VAGY SIMA KÉP LINKJE-A ZÁRÓJELET HAGYD MEG KÜLÖNBEN NEM FOG MEGJELENNI A KÉP);"></div></div><div class="jongtitle">

 CÍM CÍM

</div></div><div class="t-words"><div class="ts-words">

IDE JÖN A SZÖVEG!


</div></div></div></div>
</center><style type="text/css">
.jong-in { width: 252px; background: #fff; padding: 5px; border: 1px solid #f7f7f7; }
.jong-out { width: 200px; padding: 25px; padding-bottom: 35px; background: #f9f9f9; border: 1px solid #f7f7f7; }
.jongtitle { width: 170px; font-family: georgia; color: #ccc; text-align: right; padding-right: 3px; font-style: italic; font-size: 11px; text-transform: lowercase; line-height: 200% }
.thing1 { width: 180px; height:1px; background: #eee; margin-top: 35px; }
.t-words { width: 150px; height: 100px; letter-spacing: 0px; font-family: roboto; text-align: justify; margin-top: 65px; line-height: 125%; font-size: 10px; color: #9D9D9D; }
.t-words b { color: #000; font-family: georgia; font-style: italic; font-weight: normal; font-size: 10px; letter-spacing: 0px; }
.ts-words { width: 145px; height: 100px; padding-right: 5px; overflow: auto; }
.ts-words::-webkit-scrollbar { height: 4px;  width: 5px;  -webkit-border-radius: 0px;  background:#ffffff; border:1px solid #fff; }
.ts-words::-webkit-scrollbar-thumb{background:#fff; border:1px solid #f4f4f4;}
.ts-words::-webkit-scrollbar-track{background: #f9f9f9; border: 1px solid #f4f4f4;}
.jong-img { width: 70px; height: 70px; border-radius: 50%; margin-top: -40px; float: left; padding: 4px; background: #fff; border: 1px solid #eee; }</style>

11 megjegyzés: