дин

Страница: 1

Сообщений 1 страница 7 из 7

Поделиться12015-09-18 10:32:26

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

Код:

<!--HTML--><br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 163px; line-height: 70%;">Семья мэра города</div>
<div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div>

<br><br><br>
<table><tr>
<td><center><div style="width: 200px; height: 40px; background: #418275; font-family: lobster; font-size: 18px; text-transform: lowercase; color: white; line-height: 30px;">мэр города</div>

</center></td>

<td><center><div style="width: 200px; height: 40px; background: #844e41; font-family: lobster; font-size: 18px; text-transform: lowercase; color: white; line-height: 15px;">президент строительной компании yusung</div>

</center></td>
</tr></center>

<style type="text/css">


.shortfacti { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 14px; color: #ffffff; text-transform: uppercase; margin: auto;} 

.shortfactai { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 9px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; margin: auto;} .shortfacta a { color: #ffffff; font-weight: normal; text-shadow: none; text-decoration: none;  } 
</style>



<table><tr>
<td><br /><div class="shortfacti">старший сын</div><div class="shortfactai">Lee Ho Won</div></td>

<td>
<br /><div class="shortfacti">старшая дочь</div><div class="shortfactai">Tiffany Hwang</div></td>

<td>

<br /><div class="shortfacti">младшая дочь</div><div class="shortfactai">Lee Ji Eun</div></td>

<td>
<br /><div class="shortfacti">младший сын</div><div class="shortfactai">Lee Taemin</div></td>
</tr>

→ главный наследник строительной компании матери, вице-президент,
→ пример, гордость семьи,
→ втайне играет на фондовой бирже, проворачивая махинации.

→ главная наследница строительной компании матери,
→ сама элегантность, любимица публики,
→ выдали замуж по расчету,
→ есть ребенок,
→ не знала, что такое любовь, пока не встретила "мужчину" сестры.

→ учится на первом курсе,
→ популярна в университете,
→ влюблена в мужчину старше себя, думает, что это взаимно.

→ сын по отцовской линии
→ виновник публичных скандалов и подрыватель репутации семьи
→ все делает наперекор "матери" прожигая жизнь и раскидывая деньги на организацию шумных и порой непристойных вечеринок острова.

Код:

<!--HTML--><center><div style="width: 450px; height: 30px; background: #70845e; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">связи с семьей мэра</div><center>

Nichkhun Buck Horvejkul

связан с Tiffany Hwang
→ начальник департамента полиции,
→ муж старшей дочери мэра,
→ также женился не по любви, а на деньгах,
→ до сих пор не может забыть свою любовь, часто проводит с ней вечера.

Choi Seung Hyun

связан с Tiffany Hwang, Lee Ji Eun
→ политик
→ близко связан с мэром по деловым вопросам, поэтому часто бывает в его доме,
→ там же его и заметила младшая дочь мэра,
→ не любит ее и почти открыто об этом говорит, но наивная девочка ослеплена и не перестает за ним бегать, в то время как он увлечен ее старшей замужней сестрой.

Son Ga In

связана с Lee Ho Won
→ аферистка,
→ знает все о махинациях старшего сына мэра, держит его на коротком поводке,
→ в любой момент может подорвать его репутацию, сделать позором семьи и жертвой сми, если он захочет выйти из игры или перестать делить доли с акций.

Lee Chae Rin

связана с Nichkhun Buck Horvejkul
→ любовь судьи
→ владелица ночного клуба
→ во всех смыслах горячая и самостоятельная женщина

Son Na Eun

связана с Lee Taemin, Son Dong Woon
→ выросла без родителей,
→ первая любовь младшего сына мэра,
→ единственная девушка, которая любила и понимала его, а не деньги,
→ из-за недоразумений с отношениями чуть не заканчивает жизнь самоубийством, но ее спасает брат,
→ делает все, чтобы стереть свое прошлое "имя".

Son Dong Woon

связан с Lee Taemin, Son Na Eun
→ вырос без родителей,
→ выдающийся врач,
→ знает о прошлом сестры и хранит секрет о том, что она жива,
→ тайно хочет отомстить семье мэра за горе и позор, которые пришлось пережить сестре, именно поэтому становится их лечащим врачом,
→ влюблён в родную сестру.

Kim Yerim (Yeri)

связана с Lee Taemin, Lee Ji Eun
→ дочь владельцев галереи искусств,
→ изначально была подругой младшей дочери мэра,
→ была с Тэмином прекрасной партией чуть ли не с детства,
→ несмотря на планы родителей, вместе с младшим сыном мэра опровергли все мечты старших о взаимовыгодном брачном союзе,
→ остались с Тэ лучшими друзьями с самыми что ни на есть доверительными отношениями.

Kim Hyuna

связана с Lee Taemin
→ 22 года,
→ из богатой семьи,
→ светская девушка, самая что ни на есть скандальная особа в городе,
→ училась в США вместе с сыном мэра города,
→ сейчас вместе организовывают самые скандальные вечеринки на острове, становясь желанными объектами папарацци.

Поделиться22015-09-18 11:16:22

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

http://z10.invisionfree.com/A_THOUSAND_ … opic=53524
http://z10.invisionfree.com/A_THOUSAND_ … opic=52828
http://z10.invisionfree.com/A_THOUSAND_ … opic=60682
http://z10.invisionfree.com/A_THOUSAND_ … opic=62163

Поделиться32015-09-18 14:00:20

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

Код:

<!--HTML--><br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 163px; line-height: 70%;">Семья мэра города</div>
<div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div>

<br></center>

Одна из самых влиятельных семей острова славится, пожалуй, не только своим статусом, но многочисленными скандалами, за которыми изо дня в день следят журналисты, пытаясь обнаружить или запечатлеть на камеры хоть какие-то доказательства.
Всё ли так плохо в многодетной семье мэра и его супруги, президента строительной компании Yusung? Или то, что мы видим по телевидению - сплошная правда, а никак не лживое поддержание положительного имиджа главного политика острова?

Код:

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Raleway:900,800,700,600,500,400,300,200,100' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/carriedaway.css"><style type="text/css">

.carriedh { background-color: #18cfa2; border-bottom: 4px solid #e94e77} 
.carriedtw { border-bottom: 1px solid #e94e77;}
.carried2b::-webkit-scrollbar-thumb, .carriedpic4::-webkit-scrollbar-thumb { background-color: #209578; }
.carried2b b, .carried2b i, .carried2b a, .carriedpic3 h1, .carriedpic3 b { color: #209578}
.ctab1 { color: #e94e77}
.ctab2 { color: #209578}

</style>
<div class="carriedtabs">
<div class="carriedh"></div>
<div class="carriedtw">



<div class="carriedtab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1" style="margin-left: 0px;">

<div class="ctab1">tiffany</div>

</label>

<div class="carriedhname">tiffany hwang</div>
<div class="carriedhinfo">26 y.o., snsd</div>

<div class="carriedc">
<table><tr><td><div class="carried2a"><div class="carried2b">

<font color="#e94e77">❤</font> старшая дочь семьи мэра,
<br><font color="#e94e77">❤</font>  носит фамилию настоящего отца, так как является ребенком от первого брака матери,
<br><font color="#e94e77">❤</font>  главная наследница строительной компании матери,
<br><font color="#e94e77">❤</font>  сама элегантность, разумность, любимица публики,
<br><font color="#e94e77">❤</font>  выдали замуж по расчету, 
<br><font color="#e94e77">❤</font>  есть ребенок, девочка,
<br><font color="#e94e77">❤</font>  не знала, что такое любовь, пока не встретила "мужчину" сестры, соблазнам которого всячески сопротивлялась, но, как оказалось в итоге, безуспешно,
<br><font color="#e94e77">❤</font>  крайне дорожит своей семьей и серьезно относится к родовому наследию.

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">



<div class="carriedpic4">

<b>tiffany hwang:</b> <blockquote>info here</blockquote><br>


</div></div></div><div class="carriedpic1" style="background-image: url(http://funkyimg.com/i/22Fgn.png);"></div></div></td></tr></table></div>
</div>

<div class="carriedtab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-left: 60px;">

<div class="ctab2">hoya</div>

</label>

<div class="carriedhname">LEE HO WON</div>
<div class="carriedhinfo">24 y.o., infinite</div>

<div class="carriedc"><table><tr><td><div class="carried2a"><div class="carried2b">

<font color="#75a7ea">❤</font> старший сын семьи мэра,
<br><font color="#75a7ea">❤</font> второй главный наследник строительной компании матери,
<br><font color="#75a7ea">❤</font> пример, гордость семьи во всех аспектах,
<br><font color="#75a7ea">❤</font> недавно вернулся из Америки и занял пост вице-президента строительной компании,
<br><font color="#75a7ea">❤</font> втайне играет на фондовой бирже, проворачивая махинации.

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">



<div class="carriedpic4">

<b>LEE HO WON:</b> <blockquote>info here</blockquote><br>


</div></div></div><div class="carriedpic1" style="background-image: url(http://funkyimg.com/i/22Fkw.png);"></div></div></td></tr></table></div>
</div>

<div class="carriedtab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-left: 120px;">

<div class="ctab1">iu</div>

</label>

<div class="carriedhname">LEE JI EUN </div>
<div class="carriedhinfo">22 y.o., solo.</div>

<div class="carriedc"><table><tr><td><div class="carried2a"><div class="carried2b">

<font color="#e94e77">❤</font> средняя дочь семьи мэра,
<br><font color="#e94e77">❤</font> учится в университете, где весьма популярна,
<br><font color="#e94e77">❤</font> влюблена в мужчину старше себя, искренне думает, что это взаимно,
<br><font color="#e94e77">❤</font> пытается убежать от "правил" семьи и совершенно не желает вынужденно выходить замуж, как сделала сестра,
<br><font color="#e94e77">❤</font> часто сбегает из дома, что выходит не очень-то просто, ведь из университета ее ждет водитель, а дома она всегда находится под присмотром гувернанток.

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">



<div class="carriedpic4">

<b>LEE JI EUN:</b> <blockquote>info here</blockquote><br>


</div></div></div><div class="carriedpic1" style="background-image: url(http://funkyimg.com/i/22Fmd.png);"></div></div></td></tr></table></div>
</div>

<div class="carriedtab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4" style="margin-left: 180px;">

<div class="ctab2">taemin</div>

</label>

<div class="carriedhname">LEE TAEMIN</div>
<div class="carriedhinfo">22 y.o.,. SHINee</div>

<div class="carriedc"><table><tr><td><div class="carried2a"><div class="carried2b">

<br><font color="#75a7ea">❤</font> младший сын семьи мэра,
<br><font color="#75a7ea">❤</font> стал результатом измены мэра жене, когда та была беременна Джиын,
<br><font color="#75a7ea">❤</font> виновник публичных скандалов и подрыватель репутации семьи,
<br><font color="#75a7ea">❤</font> все делает наперекор "матери" прожигая жизнь и раскидывая деньги на организацию шумных и порой непристойных вечеринок острова.
</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">



<div class="carriedpic4">

<b>LEE TAEMIN:</b> <blockquote>info here</blockquote><br>


</div></div></div><div class="carriedpic1" style="background-image: url(http://funkyimg.com/i/22FnV.png);"></div></div></td></tr></table></div>
</div>

<div class="carriedtab"><input type="radio" id="tab-5" name="tab-group-1"><label for="tab-5" style="margin-left: 240px;">

<div class="ctab1">kaeun</div>

</label>

<div class="carriedhname">lee kaeun</div>
<div class="carriedhinfo">20 y.o., after school.</div>

<div class="carriedc"><table><tr><td><div class="carried2a"><div class="carried2b">

<font color="#e94e77">❤</font> младшая дочь семьи мэра,
<br><font color="#e94e77">❤</font> 

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">



<div class="carriedpic4">

<b>lee kaeun:</b> <blockquote>info here</blockquote><br>


</div></div></div><div class="carriedpic1" style="background-image: url(http://funkyimg.com/i/22Fpq.png);"></div></div></td></tr></table></div>
</div>



















</div></td></tr></table></div>
</div>

</div>
</div>

</center>




<style>/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(http://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(http://fonts.gstatic.com/s/raleway/v9/8KhZd3VQBtXTAznvKjw-k_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(http://fonts.gstatic.com/s/raleway/v9/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v9/xkvoNo9fC8O2RDydKj12b_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(http://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(http://fonts.gstatic.com/s/raleway/v9/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Heavy'), local('Raleway-Heavy'), url(http://fonts.gstatic.com/s/raleway/v9/PKCRbVvRfd5n7BTjtGiFZPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}






/* CARRIED AWAY TABBED SHIPPER */

@font-face {
font-family: 'Calibri'; font-weight: normal; font-style: normal;
src: url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri.eot') format('eot'), 
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri.woff') format('woff'), 
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri.ttf')  format('truetype'),
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri.svg#Calibri') format('svg');
}
@font-face {
font-family: 'Calibri'; font-weight: bold; font-style: normal;
src: url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri_bold.eot') format('eot'), 
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri_bold.woff') format('woff'), 
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri_bold.ttf')  format('truetype'),
    url('http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/Fonts/Calibri/calibri_bold.svg#Calibri_Bold') format('svg');
}

.carriedh1 { width: 330px; padding: 30px; } 
.carriedh1 .carriedhname { color: #ffffff; font-family: raleway; font-size: 28px; text-align: right; text-transform: uppercase; font-weight: 900; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 20px; }
.carriedh1 .carriedhinfo { margin-top: 3px; color: rgba(255,255,255,0.8); font-family: calibri; font-size: 10px; text-align: right; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; }
.carriedw { width: 360px; height: 285px; padding: 15px; background-image: url(http://i.imgur.com/celbtuh.png); }

.carriedtabs .carriedh { width: 390px; height: 90px; position: relative; } 
.carriedtw .carriedhname { width: 330px; color: #ffffff; font-family: raleway; font-size: 28px; text-align: right; text-transform: uppercase; font-weight: 900; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 20px; position: absolute; top: -60px; right: 30px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.carriedtw .carriedhinfo { width: 330px; margin-top: 3px; color: rgba(255,255,255,0.8); font-family: calibri; font-size: 10px; text-align: right; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; position: absolute; top: -40px; right: 30px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.carriedtw { width: 390px; height: 315px; padding-bottom: 35px; background-image: url(http://i.imgur.com/celbtuh.png); position: relative; z-index: 1 }
.carriedc { width: 360px; height: 285px; margin: 15px; position: absolute; top: 0px; left: 0px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); }

.carriedpic { width: 140px; height: 260px; border: 10px solid #ffffff; overflow: hidden; position: relative; }
.carriedpic1 { width: 140px; height: 260px; z-index: 1}
.carriedpic2 {  width: 110px; height: 230px; padding: 15px; background-color: rgba(255,255,255,0.4); z-index: 2; position: absolute; top: 260px; left: 0px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
.carriedpic3 { width: 90px; height: 210px; padding: 10px; background-color: #ffffff; }
.carriedpic4 blockquote { width: 71px; margin: 0px 5px 0px 8px; }
.carriedpic4 { width: 84px; height: 170px; padding: 0px 3px; overflow: auto; color: #242424; font-family: calibri; font-size: 10px; text-align: justify; text-transform: lowercase; font-weight: normal; font-style: none; letter-spacing: 0px; word-spacing: 0px; line-height: 10px; }
.carriedpic:hover .carriedpic2 { top: 0px; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
.carried2a { width: 165px; height: 260px; padding: 10px; background-color: #ffffff; }
.carried2b { width: 150px; height: 260px; overflow: auto;  color: #242424; font-family: cuprum; font-size: 12px; text-align: justify; text-transform: ; font-weight: normal; font-style: none; letter-spacing: 0px; word-spacing: 0px; line-height: 15px; padding-left:-50px }

.carried2b::-webkit-scrollbar, .carriedpic4::-webkit-scrollbar { width: 3px; background-color: #eeeeee; border: 1px solid #ffffff }

.carried2b b, .carried2b i, .carried2b a { font-size: 12px }
.carriedpic3 h1 { font-size: 11px; font-family: raleway; font-weight: 900; font-style: normal; text-align: center; text-transform: uppercase; letter-spacing: 0px; line-height: 100%; padding-bottom: 5px; border-bottom: 3px double #eeeeee; }
.carriedpic3 b { font-size: 9px; font-family: raleway; font-weight: 800; font-style: normal; text-align: left; text-transform: uppercase }

.tyree { width: 390px; padding-top: 8px; }
.tyree a { width: 50px; padding: 5px; background-color: #fafafa; font-family: calibri; font-size: 7px; color: #acacac; text-align: center; text-transform: uppercase; letter-spacing: 2px }

.carriedtabs { position: relative; width: 390px; height: 445px;}
.carriedtab { float: left; } 
.carriedtab label { display: block; position: absolute; top: 315px; left: 18px; opacity: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; } 
.carriedtab label:hover { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; cursor: crosshair } 
.carriedtab [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }
.carriedtab [type=radio]:checked ~ label { z-index: 6; opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; } 
.carriedtab [type=radio]:checked ~ label ~ .carriedc { z-index: 6; opacity: 1; top: 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); }
.carriedtab [type=radio]:checked ~ label ~ .carriedhname, .carriedtab [type=radio]:checked ~ label ~ .carriedhinfo { z-index: 6; opacity: 1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.ctab1, .ctab2 { width: 51px; padding: 5px 2px; background-color: #ffffff; font-family: calibri; font-size: 8px; text-align: center; text-transform: uppercase; font-weight: normal; font-style: none; letter-spacing: 1px; word-spacing: 0px; line-height: 8px;  }</style>

Код:

<!--HTML--><table>
  <tr>
    <td><style type="text/css">
.burger { width: 450px; margin: auto; }
.burgert { width: 260px; padding: 20px; font-family: 'lobster', sans-serif; font-size: 30px; text-align: center; text-transform: uppercase; color: #fff; background-color: #44aaae; line-height: 100%; }
.burg { width: 280px; padding: 10px; background-color: #fff; }
.burgi { width: 90px; border: 5px solid #607dc0; }
.burgi img { width: 90px; }
.burge { width: 40px; padding: 0px; height: 100px; }
.burgt { overflow: auto; font-family: calibri, sans-serif; font-size: 10px; line-height: 100%; color: #222; text-align: justify; width: 120px; height: 100px; padding-right: 5px; }
.burgt::-webkit-scrollbar { width: 1px; height: 1px; }
.burgt::-webkit-scrollbar-track { background-color: #fff; }
.burgt::-webkit-scrollbar-thumb { background-color: #44aaae; }
.burgt b { font-size: 10px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; color: #44aaae; }
</style>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

<div class="burger"><div class="burgert"> связи с семьей</div><div class="burg"><table cellpadding="0" cellspacing="0"><td><div class="burgi"><img src="http://funkyimg.com/i/22GTd.gif"/></div></td><td><div class="burge"> <div class="burgt">

<font color="#44aaae">JUNG TAEKWOON:</font> 
<br>→ главный прокурор,
<br>→ муж старшей дочери мэра, 
<br>→ также женился не по любви, а на деньгах, поэтому до сих пор не может забыть свою настоящую любовь. 
<br>→ есть дочь.
<br><b>СВЯЗАН  С:</b> Tiffany Hwang

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge"> <div class="burgt"> 

<font color="#44aaae">CHOI SEUNG HYUN:</font> 
<br>→ политик,
<br>→ тесно связан с мэром по деловым вопросам, поэтому часто бывает в его доме, 
<br>→ там же его и заметила средняя дочь мэра,  
<br>→ не испытывает к ней никаких чувств, почти открыто об этом говорит, так как полностью увлечен ее старшей замужней сестрой.
<br><b>СВЯЗАН  С:</b> Tiffany Hwang, Lee Ji Eun

</div></div></td><td><div class="burgi"><img src="http://funkyimg.com/i/22G2b.gif"/></div></td></table><div style="height: 10px;"></div>

<table cellpadding="0" cellspacing="0"><td><div class="burgi"><img src="http://funkyimg.com/i/22G2C.gif"/></div></td><td><div class="burge">  <div class="burgt">

<font color="#44aaae">SON GA IN:</font> 
<br>→ аферистка,
<br>→  знает все о махинациях старшего сына мэра, держит его на коротком поводке,
<br>→ в любой момент может подорвать его репутацию, сделать позором семьи и жертвой сми, если он захочет выйти из игры или перестать делить доли с акций.  
<br><b>СВЯЗАНА  С:</b> Lee Ho Won

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge">  <div class="burgt">

<font color="#44aaae">KIM YERIM (YERI):</font> 
<br>→ дочь владельцев галереи искусств,
<br>→ изначально была подругой средней дочери мэра,
<br>→ была прекрасной партией Тэмину чуть ли не с детства,
<br>→ несмотря на планы родителей, вместе с младшим сыном мэра опровергли все мечты старших о взаимовыгодном брачном союзе,
<br>→ остались с Тэ лучшими друзьями с самыми что ни на есть доверительными отношениями. 
<br><b>СВЯЗАНА  С:</b> Lee Taemin, Lee Ji Eun

</div></div></td><td><div class="burgi"><img src="http://funkyimg.com/i/22G3P.gif"/></div></td></table></div></div></td>


    <td>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

<div class="burger"><div class="burgert"> мэра Чеджу;</div><div class="burg"><table cellpadding="0" cellspacing="0"><td><div class="burgi"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8724"><img src="http://funkyimg.com/i/22GYa.gif"/></a></div></td><td><div class="burge"> <div class="burgt">

<font color="#44aaae">SON NA EUN:</font> 
<br>→ выросла без родителей,
<br>→ первая любовь младшего сына мэра, 
<br>→ единственная девушка, которая любила и понимала его, а не деньги,
<br>→ из-за недоразумений с отношениями чуть не заканчивает жизнь самоубийством, но ее спасает брат,
<br>→ делает все, чтобы стереть свое прошлое "имя".
<br><b>СВЯЗАНА  С:</b> Lee Taemin, Son Dong Woon

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge"> <div class="burgt"> 

<font color="#44aaae">SON DONG WOON:</font> 
<br>→ вырос без родителей,
<br>→ выдающийся врач,
<br>→ знает о прошлом сестры и хранит секрет о том, что она жива, 
<br>→ тайно хочет отомстить семье мэра за горе и позор, которые пришлось пережить сестре, именно поэтому становится их лечащим врачом,
<br>→ причина всему в том, что он втайне влюблён в родную сестру.
<br><b>СВЯЗАН  С:</b> Lee Taemin, Son Na Eun

</div></div></td><td><div class="burgi"><img src="http://funkyimg.com/i/22H6n.gif"/></div></td></table><div style="height: 10px;"></div>

<table cellpadding="0" cellspacing="0"><td><div class="burgi"><img src="http://funkyimg.com/i/22Hdm.gif"/></div></td><td><div class="burge">  <div class="burgt">

<font color="#44aaae">KIM HYUNA:</font> 
<br>→ наследница спорткар-центра,
<br>→ дочь лучшего друга мэра города, 
<br>→ с детства часто была в гостях этой семьи, поэтому хорошо знает каждого,
<br>→ частая гостья на вечеринках младшего сына мэра города,
<br>→ яркая светская девушка.
<br><b>СВЯЗАНА  С:</b> семьей

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge">  <div class="burgt">

?

</div></div></td><td><div class="burgi"><img src="http://placehold.it/100"/></div></td></table></div></div></td></tr>
</table>

Поделиться42015-09-21 18:11:36

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

Код:

<!--HTML--> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<style type='text/css'>

.baddream {
   width: 350px;
   height: 400px;
   background-color: #8235ea;
   margin: 0 auto;
   padding: 5px 5px 12px 5px;
}

.openroad {
   width: 340px;
   height: 50px;
   font-family: 'arial' sans-serif; 
   font-weight: bold;
   font-size: 50px;
   text-transform: lowercase; 
   color: #ffffff; 
   letter-spacing: -5px; 
   line-height: 100%;
   padding: 1px 3px 2px 4px;
}

.topdown {
   width: 340px;
   height: 15px;
   font-family: 'arial' sans-serif;
   font-weight: 400;
   font-size: 9px;
   text-align: justify;
   text-transform: uppercase; 
   color: #ffffff; 
   letter-spacing: 1px; 
   line-height: 100%;
   padding: 0px 3px 0px 20px;
}


.loveiknow {
   margin: 0 auto;
   font-size: 14px;
   position: relative;
   top: 170px;
}

a.wow:link {
  color:#8235ea;
  text-decoration: none;
}

a.wow:visited {
  color:#8235ea;
}
a.wow:hover {
  color:#b84041;
}

.stabs { 
   position: relative;   
   width: 250px; 
   height: 240px; 
   clear: both;
   top: 23px;
}

.stab { 
   float: left; 
} 








.stab label { 
   display: block; 
   background-color: #ffffff;
   width: 18px;
   height: 18px;
   padding: 6px 5px 5px 6px;
   margin-top: 5px;
   margin-left: 13px; 
   text-align: center; 
   line-height: 100%; 
   letter-spacing: 0px; 
   color: #000000; 
   background-color: #ffffff;
   position: relative;
   left: 60px;
   top: -5px; 
   font-size: 15px;
}
.stabs .stab [type=radio] { 
   display: none; 
} 
.stabs .stab [type=radio]:checked ~ label { 
   background: #ffffff;
   color: #8235ea;
   z-index: 1; 
}
.stabs .stab [type=radio]:checked ~ label ~ .content {
   z-index: 4; 
   -webkit-transform: scale(1);
   -o-transform: scale(1); 
   -moz-transform: scale(1);
}
.content {
   position: absolute;
   bottom: 0px;
   top: 105px;
   left: 6px;
   right: 0px;
   background: #ffffff;
   padding: 20px 12px 20px 12px;
   width: 315px;
   height: 230px;
  font-family: 'arial' sans-serif;
   font-weight: 400;
   font-size: 11px;
   text-align: justify;
   letter-spacing: 0px;
   overflow-y: auto; 
   -webkit-transform: scale(0); 
   -o-transform: scale(0); 
   -moz-transform: scale(0); 
   -webkit-transition-duration: .8s; 
   -moz-transition-duration: .8s; 
   -o-transition-duration: .8s;
}
</style>





<body>
<div class="baddream">
<div class="stabs">
<div class="openroad">ACTIVITIES & ENTERT.</div>
<div class="topdown">lee taemin - 21.09.2015</div> 
<div class="stab"><input type="radio" id="stab-1" name="stab-group-1" checked>
<label for="stab-1"><i class="fa fa-pencil-square-o"></i></label>
<div class="content">
<img src="http://funkyimg.com/i/22P9e.gif">
</div> 
</div>



<div class="stab">
<input type="radio" id="stab-3" name="stab-group-1">
<label for="stab-3"><i class="fa fa-phone"></i></label>
<div class="content">
<center><div style="width: 250px; height: 30px; background: #8235ea; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">важная информация</div>

<div class="althekiller">

<a href="URL"><div class="faceclaim"><div class="maleceleb">правила</div><div class="malechar">правила</div></a>
</div>


<a href="URL"><div class="faceclaim"><div class="maleceleb">сюжет</div><div class="malechar">сюжет</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">город любви</div><div class="malechar">город любви</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">объявления</div><div class="malechar">объявления</div></a>
</div>

<a href="URL"><div class="faceclaim"><div class="maleceleb">что-то</div><div class="malechar">что-то</div></a>
</div></center>
<P>
<P>
</div>
</div>

<div class="stab">
<input type="radio" id="stab-4" name="stab-group-1">
<label for="stab-4"><i class="fa fa-male"></i></label>
<div class="content">
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'><style type="text/css">.foofighters {background-color: #ffffff;color: #000000;width: 450px;border-top: 10px solid #000000;padding: 10px;text-align: center;}.whenilearnto {text-align: center;font-family: pathway gothic one;margin: 10px 0px;font-size: 30px;text-transform: uppercase; color: #634933;}.althekiller {width: 200px;float: left; padding-left: 60px; padding-top: 30px;}.althekiller .boys {font-family: pathway gothic one;font-size: 25px;color: #b1ce99;text-align: center;text-transform: uppercase; margin-bottom: 10px;}.althekiller .girls {font-family: pathway gothic one;font-size: 25px;color: #897393;text-align: center;text-transform: uppercase;margin-bottom: 10px;}.althekiller .faceclaim {width: 175px;height: 20px;display: block;overflow: hidden;margin-bottom: 5px; }.althekiller .maleceleb{background-color: #8235ea;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;}.althekiller .malechar{background-color: #000000;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;margin-top: -20px;opacity: 0;transition: .8s all;-moz-transition: .8s all;-webkit-transition: .8s all;-o-transition: .8s all;}.althekiller .malechar:hover {opacity: .99; }.althekiller .girlceleb{background-color: #897393;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;}.althekiller .girlchar{background-color: #000000;padding: 5px 0px;display: block;width: 175px;height: 10px;font-family: arial;font-size: 8px;color: #ffffff;text-transform: uppercase;text-align: center;letter-spacing: 2px;margin-top: -20px;opacity: 0;transition: .8s all;-moz-transition: .8s all;-webkit-transition: .8s all;-o-transition: .8s all;}.althekiller .girlchar:hover {opacity: .99; }</style><center>

<center><div style="width: 250px; height: 30px; background: #8235ea; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">оформление профиля</div>

<div class="althekiller">

<a href="URL"><div class="faceclaim"><div class="maleceleb">личное звание</div><div class="malechar">личное звание</div></a>
</div>


<a href="URL"><div class="faceclaim"><div class="maleceleb">отношения</div><div class="malechar">отношения</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">инстаграм</div><div class="malechar">инстаграм</div></a>
</div>



<a href="URL"><div class="faceclaim"><div class="maleceleb">внешности</div><div class="malechar">внешности</div></a>
</div>

<a href="URL"><div class="faceclaim"><div class="maleceleb">личная страница</div><div class="malechar">личная страница</div></a>
</div></center>
<P>
<P>
</div>
</div>
</div>




</body>

Поделиться52015-09-28 21:05:36

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

Код:

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
<style type="text/css">
 
#plot-container {
 width: 510px;
 height: 386px;
 background-image: url(http://subtlepatterns.com/patterns/upfeathers.png);
 margin: 10px auto;
}

.plot-lyrics {
 font: normal 40px/50% 'Patua One';
 color: #d6e0e8;
 text-align: center;  
 text-transform: uppercase;
 text-shadow: 1px 1px 0px #fff, 2px 2px 0px #855b57;
 letter-spacing: 5px;
 width: 510px;
}

.plot-ships {
 width: 450px;
 height: 325px;
 overflow: auto;
 position: relative; 
 top: 31px;
}

.plot-hole {
 width: 200px;
 height: 300px;
 background-color: #d6e0e8;
 margin-top: -30px;
 transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition-duration: 1s;
 -o-transition-duration: 1s;
 -ms-transition-duration: 1s;
 opacity: 1;
}
.plot-hole h2 {
 font: normal 35px/80% 'Patua One';
 color: #f2f2f2;
 text-align: center;
 text-transform: uppercase;
 border: 3px #fff double;
 padding: 10px 10px 10px 10px;
 width: 160px;
 letter-spacing: -4px;
 word-spacing: 5px;
 margin-left: 7px;
 position: relative;
 top: 30px;
}
.plot-hole img {
 width: 130px;
 height: 130px;
 border: 3px #f2f2f2 solid;
 border-radius: 50%;
 margin-left: 31px;
 margin-top: 25px;
}

.plot-hover {
 width: 200px; 
 height: 300px;
 background-color: #fff;
 transition-duration: 1s;
 opacity: 0;
 margin-top: -272px;
 z-index: 5;
 position: relative;
}
.plot-hover:hover { opacity: 1; }
.plot-hover:hover .plot-hole { opacity: 0; }

.plot-text {
 width: 180px; 
 height: 208px;
 background-color: #fff;
 padding: 10px 10px 10px 10px;
 font: normal 11px/90% 'times new roman';
 color: #323c42;
 text-align: justify;
 overflow: auto;
}

.plot-hover h3 {
 background-color: #c4bab0;
 padding: 5px 5px 7px 5px;
 text-align: center;
 color: #f2f2f2;
 font: normal 15px/100% 'Patua One';
}
.plot-hover b {
 font: normal 15px/90% 'Patua One';
 color: #c4bab0;
 }
 
.plot-hover i {
 font: normal 12px/90% 'Patua One';
 color: #afd6e6;
}  

.plot-creds {
width: 510px;
text-align: right;
margin-top: -30px;
}

.plot-creds a:link,
.plot-creds a:active,
.plot-creds a:visited,
.plot-creds a:hover {
font: normal 15px/90% 'Patua One';
text-decoration: none;
text-transform: lowercase;
color: #d6e0e8;
}
 
</style>

<center>
 <div id="plot-container">
   
   <div class="plot-ships">
   <table><tr> <td>
     <div class="plot-hole">
       <h2>first last</h2>
       <img src="150X150 IMAGE HURR!! will resize">
       <div class="plot-hover">
     <div class="plot-text"><b>about</b>
       <p>blurb about char hurr
       <p>
       <b>friends</b>
       <p>blurb about friends hurr
<p>
<b>enemies</b>
<p>
blurb about enemies hurr
<p>
<b>lovers</b>
<p>
blurb about romance hurr
 <p>
<b>relationships</b>
<p>
<i>first last</i> - relationship
</div>

 <h3>##. profession. trait. relationship status.</h3>
</div>
     </div>
   </td>
<td>
     <div class="plot-hole">
       <h2>first last</h2>
       <img src="150X150 IMAGE HURR!! will resize">
       <div class="plot-hover">
     <div class="plot-text"><b>about</b>
       <p>blurb about char hurr
       <p>
       <b>friends</b>
       <p>blurb about friends hurr
<p>
<b>enemies</b>
<p>
blurb about enemies hurr
<p>
<b>lovers</b>
<p>
blurb about romance hurr
 <p>
<b>relationships</b>
<p>
<i>first last</i> - relationship
</div>

 <h3>##. profession. trait. relationship status.</h3>
</div>
     </div>
   </td>
   <td>
     <div class="plot-hole">
       <h2>first last</h2>
       <img src="150X150 IMAGE HURR!! will resize">
       <div class="plot-hover">
     <div class="plot-text"><b>about</b>
       <p>blurb about char hurr
       <p>
       <b>friends</b>
       <p>blurb about friends hurr
<p>
<b>enemies</b>
<p>
blurb about enemies hurr
<p>
<b>lovers</b>
<p>
blurb about romance hurr
 <p>
<b>relationships</b>
<p>
<i>first last</i> - relationship
</div>

 <h3>##. profession. trait. relationship status.</h3>
</div>
     </div>
   </td>
   </tr></table>
     
   </div>
   
 </div>
 
 <div class="plot-lyrics">ONE OR TWO WORDS HERE</div>
<div class="plot-creds"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=24756">&hearts;</a></div>
</center>

Поделиться62015-10-01 12:14:46

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

Код:

<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.bodylove55 { width: 620px; height: 200; margin-left: -3px; padding-top: 130px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/22Uw9.png) top no-repeat, url(http://funkyimg.com/i/22UwQ.png) bottom no-repeat, url(http://funkyimg.com/i/22UtW.png) repeat-y;} 

</style>

<center>


<div class="bodylove55">


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #c97332; margin-left: 163px; line-height: 70%;">аттеншн!</div>
<div style="width: 220px; height: 8px; background: #69d17c; border-left: 80px solid #eb8d46; border-right: 150px solid #05bade;"></div>
<div style="width: 400px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify; padding-top: 20px; margin-bottom: -15px;">

<center>Ребят, давайте будем активнее, иначе мы с Каем чувствуем, что все гифки на форуме будут исключительно с Черин, Тэмином и с Чонином. Я серьезно!хд (типаустрашающехд). Времени не так много, так что скидываем гифки своих биасов. Не ленимся, остров ждет вашей отдачи <3
<p><font color="#e68b47" face="lobster"><br>❤</font></p>
</div>




<div style="width: 220px; height: 8px; background: #69d17c; border-left: 80px solid #eb8d46; border-right: 150px solid #05bade;"></div>
</div>
</center>







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

Поделиться72015-10-05 10:23:32

Автор: malina
Администратор
Зарегистрирован: 2015-09-12
Приглашений: 0
Сообщений: 156
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 день 9 часов
Последний визит:
2016-02-05 00:03:57

<center><br><br><font color="#e05858" face="lobster" size="20"><a href="http://jejucity.rusff.me/">Ссылка на форум, мы открылись;3</a></font></center>

Страница: 1

malina

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

дин

Сообщений 1 страница 7 из 7

Поделиться12015-09-18 10:32:26

Поделиться22015-09-18 11:16:22

Поделиться32015-09-18 14:00:20

Поделиться42015-09-21 18:11:36

Поделиться52015-09-28 21:05:36

Поделиться62015-10-01 12:14:46

Поделиться72015-10-05 10:23:32