2015. február 21.

Szövegdoboz kódok


SZÖVEG
SZÖVEG
SZÖVEG
SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG

KÓD:
<link href='http://fonts.googleapis.com/css?family=Lobster+Two|Six+Caps' rel='stylesheet' type='text/css'><center><table><td><table><td><div style="margin-left: 40px; font-family: six caps; font-size: 100px; margin-top: -50px; color: F1396D;">SZÖVEG</div></td> <td><div style="font-family: orator std; font-size: 11px; transform: rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); margin-left: -30px; margin-top: -25px; color: 382F32;">SZÖVEG</div></td></table><div style="margin-left: 45px; font-family: lobster two; font-size: 30px; margin-top: -35px; letter-spacing: 3px; color: 382F32;">SZÖVEG</div><div style="padding-left: 5px; border-left: 25px solid #382F32; width: 115px; font-family: arial narrow; color: 382F32; font-size: 8px; text-transform: uppercase; text-align: justify; line-height: 90%; margin-left: 40px; margin-top: -6px;">SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG</div></td> <td><div style="width: 180px; height: 200px; background-image: url(180 X 200 - AS KÉP IDEEEE); margin-left: -30px; border-radius: 360px; -o-border-radius: 360px; -ms-border-radius: 360px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-right: 20px solid #F1396D;"></div></td></table></center>

SZÖVEG

SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG





KÓD:
<link href="http://fonts.googleapis.com/css?family=Gilda+Display" rel="stylesheet" type="text/css"></link><style>#container {width: 500px;}
#container-image {width: 200px; height: 400px;}
.container-side {width: 300px; height: 400px; background-color: #fff; margin-left: -2px;}
.cont-pad {padding: 20px;}
.the-name {font-family: gilda display; text-transform: uppercase; font-size: 20px; color: #121212; text-align: center; letter-spacing: -2px;}
.the-name:before {content: ""; display: inline-block; width: 20px; margin-right: 10px; height: 1px; vertical-align: middle; background-color: #121212;}
.the-name:after {content: ""; display: inline-block; width: 20px; margin-left: 10px; height: 1px; vertical-align: middle; background-color: #121212;}
.the-words {padding-right: 10px; font-family: calibri; color: #121212; font-size: 10.5px; text-align: justify; line-height: 90%; height: 320px; overflow: auto; width: 200px;}
.the-words p:first-letter {font-family: gilda display; color: #8756BC; font-size: 40px; text-transform: uppercase; float: left; margin: 10px;}
.the-words b {color: #8756BC;}
.the-words i {font-family: gilda display;}
.the-words s {color: #8756BC;}</style><br />
<center>
<div id="container">
<table cellspacing="0" style="text-align: justify;"><tbody>
<tr><td><div id="container-image" style="background-image: url(http://i47.tinypic.com/j8o67d.jpg);">
</div>
</td><td><div class="container-side">
<div class="cont-pad">
<div class="the-name" style="color: #8756bc;">
SZÖVEG

</div>
<br />
<center>
<div class="the-words">
SZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEGSZÖVEG

<br />
<br />
<br />
<br />
<br /></div>
</center>
</div>
</div>
</td></tr>
</tbody></table>
</div>
<div style="font-family: arial; font-size: 7px; letter-spacing: 2px; text-align: right; text-transform: uppercase; width: 400px;">
<a href="http://shine.b1.jcink.com/index.php?showuser=145"> </a></div>



A kódok forrása: SHINE

5 megjegyzés:

  1. Azt szeretném megkérdezni, hogy a képet, hogy lehet kicserélni?:)

    VálaszTörlés
    Válaszok
    1. Az elsőnél ott van, hogy 180x200as kép ide. Azt a szöveget töröld ki (a zárójelek maradjanak) és a saját képed linkjét másold be oda. Ha az interneten nincs fent a képe, amit oda szeretnél, akkor menj fej kepfeltoltes.hu-ra, majd oda töltsd fel. Ezután jobb klikkel másold ki az URL címet, majd a zárójelbe másold be:) A másodiknál ugyanez :)

      Törlés
  2. hali az első kódot használtam :)

    VálaszTörlés