Kódok:
A kódok a SHINE nevezetű oldalról származnak!
HELLO.
ANGEL BLOG DESIGN
|
ty sophia @ shine
<center>
<table cellpadding="0" cellspacing="0"><td>
<div style="width: 85px; padding: 5px; background: HÁTTÉR SZÍNE; border: 1px solid #ccc"><img src="KÉP HELYE" width="85"/></div></td>
<td><div style="font-family: consolas; line-height: 90%; font-size: 19px; text-transform: uppercase; color: #888; text-align:center; letter-spacing: -1px; margin-bottom: -20px;">CÍM HELYE</div>
<div style="width: 130px; padding: 5px; background: HÁTTÉR SZÍNE; border-top: 1px solid #ccc; position:relative; bottom: -20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 100px;"><div style="padding: 10px; text-align:justify; line-height: 90%; font-family: consolas; font-size: 10px; color: #aaa; overflow: auto; height: 80px; ">
SZÖVEG SZÖVEG SZÖVEG
</div>
</td></table>
<div align="right" style="width: 280px; margin-top: 20px;"><a href="http://shine.b1.jcink.com/index.php?showuser=7">ty sophia @ shine</a></div>
</center>
<table cellpadding="0" cellspacing="0"><td>
<div style="width: 85px; padding: 5px; background: HÁTTÉR SZÍNE; border: 1px solid #ccc"><img src="KÉP HELYE" width="85"/></div></td>
<td><div style="font-family: consolas; line-height: 90%; font-size: 19px; text-transform: uppercase; color: #888; text-align:center; letter-spacing: -1px; margin-bottom: -20px;">CÍM HELYE</div>
<div style="width: 130px; padding: 5px; background: HÁTTÉR SZÍNE; border-top: 1px solid #ccc; position:relative; bottom: -20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 100px;"><div style="padding: 10px; text-align:justify; line-height: 90%; font-family: consolas; font-size: 10px; color: #aaa; overflow: auto; height: 80px; ">
SZÖVEG SZÖVEG SZÖVEG
</div>
</td></table>
<div align="right" style="width: 280px; margin-top: 20px;"><a href="http://shine.b1.jcink.com/index.php?showuser=7">ty sophia @ shine</a></div>
</center>
Az alsót ne vegyétek figyelembe. Nem tudom miért, de nem engedi kiszedni. :DD
<style type="text/css">
.empty { width: 250px; height: 400px; background-image: url(KÉP LINKJE:250x400); position: relative; overflow: hidden; }
.empty .emptyt { width: 200px; background-color: #82C7AB; color: #fff; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 25px; left: 25px;}
.empty .handed { width: 250px; height: 400px; background-color: rgba(250,250,250,0.7); opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.empty:hover .handed { width: 250px; height: 400px; opacity: .99;}
.empty .hand { width: 200px; height: 100px; background-image: url(KÉP LINKJE : 200x100); position: absolute; top: 25px; left: -250px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
.empty:hover .hand { left: 25px; }
.empty .emptymt { width: 160px; height: 182px; background-color: #fff; padding: 20px; position: absolute; top: 125px; right: -250px; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.empty:hover .emptymt { right: 25px; }
.emptytt { width: 160px; font-family: calibri, sans-serif; letter-spacing: 2px; font-size: 8px; text-transform: uppercase; line-height: 100%; text-align: center; color: #946A6C; margin-bottom: 10px; }
.emptyh { width: 160px; height: 160px; padding-bottom: 5px; overflow: auto; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-gap: 5px; -webkit-column-gap: 5px; -moz-column-gap: 5px; -ms-column-gap: 5px; -o-column-gap: 5px; font-family: calibri, sans-serif; font-size: 10px; font-style: italic; color: #555; text-align: justify; line-height: 100%; }
.emptyh::-webkit-scrollbar { width: 2px; height: 2px; }
.emptyh::-webkit-scrollbar-track { background-color: #fff; }
.emptyh::-webkit-scrollbar-thumb { background-color: #946A6C; }
.emptyh b { color: #946A6C; letter-spacing: 1px; font-size: 11px; }
</style>
<center><div style="width: 250px; padding: 5px; border: 3px double #f0f0f0; background-color: #fff;"><div class="empty"><div class="handed"></div><a href="http://shine.b1.jcink.com/index.php?showuser=54"><div class="emptyt">
ANGEL BLOG DESIGN
</div></a><div class="emptymt"><div class="emptytt">
ANGEL BLOG DESIGN
</div><div class="emptyh">
SZÖVEG SZÖVEG SZÖVEG
</div></div><div class="hand"></div></div></div></center>
Textúrák
Inspiráló képek
Gifek
( mindenféle)
Szia Ammie! Nagyon tetszik az 2. kód, ezért vittem. Csak annyi probléma adódott vele, hogy ha kettőt teszek egymás után (szereplőknél), akkor az alsó képe jelenik meg az összesben. Mit tegyek, hogy mindegyik a saját képéhez "ragaszkodjon"?
VálaszTörlésElőre is köszönöm válaszod:
xXx S.B.Hawk
Szia! Igazából nekem is adódott ezzel már problémám. ( érdekes módon csak ennél a kódnál...:/ ) Magam sem értem, hogy miért, de ha ezt a kódot az oldalon többször is alkalmazom, akkor csak egy kép jelenik meg. Már régóta próbálom ezt kiküszöbölni, de nem megy. Még próbálkozom vele, ha sikerül, akkor pedig dobok Neked egy emailt.
VálaszTörlés