2015. jan. 24.

Textúrák, kódok, inspiráló képek, gifek - Ammie B.

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>




ANGEL BLOG DESIGN
SZÖVEGSZÖVEGMÉGMINDIGCSAKSZÖVEG




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) 












2 megjegyzés:

  1. 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"?
    Előre is köszönöm válaszod:
    xXx S.B.Hawk

    VálaszTörlés
  2. 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