HTML в оформлении

Страница: 1

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

Поделиться12015-05-19 09:20:36

Автор: We are young
Together forever
Откуда: Darem
Зарегистрирован: 2015-05-01
Приглашений: 0
Сообщений: 74
Уважение: [+0/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 26 [1998-06-01]
Провел на форуме:
19 часов 46 минут
Последний визит:
2015-10-11 22:15:55

Пробуем-с.

Код:

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Open+Sans

+Condensed:300,300italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Euphoria

+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<div style="width: 450px;  background-color: #0c7db2; padding: 20px; border: 10px 

solid #4f2a06; border-radius: 20px; background: url(http://s019.radikal.ru/i627/1506/e7/f8ddf9e4ce57.jpg)">

<img src="http://s017.radikal.ru/i414/1506/33/fab95a9501ea.jpg" width= "450" height= "210">




<div style="width: 438px; height: 20px; text-align: center; font-family: 'Euphoria Script', cursive;  font-size: 20px; font-weight: bold; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #ffaa89;">

Имя

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #fdaf91;">

Внешность

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #fdb89d;">

Род занятий

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #fabfa9;">

Возраст

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #fbc9b5;">

Семья

</div>



<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #fbd3c3;">

Характер

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia', 

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform: 

uppercase; padding: 6px; background-color: #f9dbcf;">

Увлечения

</div>

<div style="width: 430px; background-color: #f6e0d7; padding: 10px; font-family: 

times new roman; font-size: 14px; line-height: 100%; text-align: justify;">

Биография <br>

</div>


</div>

</center>

Шаблон (HTML)

Выделить текст написал(а):
[*code]<*!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Open+Sans

+Condensed:300,300italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Euphoria

+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<div style="width: 450px; background-color: #0c7db2; padding: 20px; border: 10px

solid #4f2a06; border-radius: 20px; background: url(http://s019.radikal.ru/i627/1506/e7/f8ddf9e4ce57.jpg)">

<img src="http://s017.radikal.ru/i414/1506/33/fab95a9501ea.jpg" width= "450" height= "210">

<div style="width: 438px; height: 20px; text-align: center; font-family: 'Euphoria Script', cursive; font-size: 20px; font-weight: bold; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #ffaa89;">

Имя

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #fdaf91;">

Внешность

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #fdb89d;">

Род занятий

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #fabfa9;">

Возраст

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #fbc9b5;">

Семья

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #fbd3c3;">

Характер

</div>

<div style="width: 438px; height: 20px; text-align: center; font-family: 'georgia',

sans-serif; font-size: 11px; letter-spacing: 4px; color: #553000; text-transform:

uppercase; padding: 6px; background-color: #f9dbcf;">

Увлечения

</div>

<div style="width: 430px; background-color: #f6e0d7; padding: 10px; font-family:

times new roman; font-size: 14px; line-height: 100%; text-align: justify;">

Биография <br>

</div>

</div>

</center>[*/code]
Для вставки ссылки вам понадобится тег текст. Выделение текста жирным шрифтом - текст, курсивом - текст. Перед отправкой анкеты не забудьте удалить звездочки в [*code]<*!--HTML--> и [*/code]. В будущем название темы будет оформляться по примеру: John Doe. С любыми вопросами по заполнению данного шаблона вы можете обратиться в ЛС к Картер или любому другому свободному члену АМС, все покажем и подскажем. Внимание! Предпросмотр для html на форумах не работает.

Поделиться22015-05-19 09:29:59

Автор: We are young
Together forever
Откуда: Darem
Зарегистрирован: 2015-05-01
Приглашений: 0
Сообщений: 74
Уважение: [+0/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 26 [1998-06-01]
Провел на форуме:
19 часов 46 минут
Последний визит:
2015-10-11 22:15:55

ИМЯ И ФАМИЛИЯ ВНЕШНОСТИ НА АНГЛ.

ИМЯ И ФАМИЛИЯ НА АНГЛ.	ДОПОЛНИТЕЛЬНО
✖ Иван Петров ✖ Скользкий	✖ 20.10.1990 ✖ Финансы ✖ Гетеро

ОСНОВНАЯ ИНФОРМАЦИЯ

Самый лучший!

СВЯЗЬ

5867586758, vk.com/ipetrov90

Поделиться32015-05-19 18:47:22

Автор: Alison Hale
Участник
Зарегистрирован: 2015-05-19
Приглашений: 0
Сообщений: 2
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
40 минут
Последний визит:
2015-05-21 21:07:46

Vanessa H.

Alison Hale	Тралаляяляляя топополяяя
✖ Элисон Хейл ✖ Эл	✖ 19.11.1998. 17 лет ✖ Школьница ✖ Чарлидерша

Блаалаалабалабалабалабалалабаллабаалааабабалал

Расрасрасраассрс.
Двадвадвдаадвдвдааа.
Трррррииииииииииииииииии.
ЧетЫЫЫЫЫРЕеееее.
Пяяяяяятьтятяьятэтопять!
Шестьшесть666666.
Семьмьмьмьмьмьмьмьмь.

СВЯЗЬ

68486938636=3, површвит.

Поделиться42015-05-20 22:11:20

Автор: Selena Butterfield
Администратор
Зарегистрирован: 2015-05-13
Приглашений: 0
Сообщений: 4
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
39 минут
Последний визит:
2018-11-04 14:27:53

Поделиться52015-05-20 22:11:51

Автор: Selena Butterfield
Администратор
Зарегистрирован: 2015-05-13
Приглашений: 0
Сообщений: 4
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
39 минут
Последний визит:
2018-11-04 14:27:53

странно блеааа :no:

Поделиться62015-05-21 06:29:38

Автор: We are young
Together forever
Откуда: Darem
Зарегистрирован: 2015-05-01
Приглашений: 0
Сообщений: 74
Уважение: [+0/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 26 [1998-06-01]
Провел на форуме:
19 часов 46 минут
Последний визит:
2015-10-11 22:15:55

Selena Butterfield написал(а):

странно блеааа
Подпись автора

Что именно? )))

Картинка в подписи не отображалась? Эта опция была отключена по умолчанию. Включил ;-)

Поделиться72015-05-21 06:33:59

Автор: We are young
Together forever
Откуда: Darem
Зарегистрирован: 2015-05-01
Приглашений: 0
Сообщений: 74
Уважение: [+0/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 26 [1998-06-01]
Провел на форуме:
19 часов 46 минут
Последний визит:
2015-10-11 22:15:55

ВНИМАНИЕ!!! Изменился шаблон html-анкеты! См. первый пост.

Поделиться82015-05-21 20:57:50

Автор: Selena Butterfield
Администратор
Зарегистрирован: 2015-05-13
Приглашений: 0
Сообщений: 4
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
39 минут
Последний визит:
2018-11-04 14:27:53

We are young
Оо, спасибо)) Большое)

Поделиться92015-05-21 21:17:10

Автор: Jeffrey McCall
Администратор
Откуда: Bayview
Зарегистрирован: 2015-05-21
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+1/-0]
Пол: Мужской
Возраст: 26 [1998-11-11]
Провел на форуме:
2 часа 30 минут
Последний визит:
2015-08-09 12:00:54

Selena Butterfield написал(а):

We are young
Оо, спасибо)) Большое)

Подпись автора

Крутаяяя фотка) Летняя Селенка! :rain:
Смайлики дурацкие какие-то) Лягушки :flirt:

Поделиться102015-05-22 06:14:10

Автор: We are young
Together forever
Откуда: Darem
Зарегистрирован: 2015-05-01
Приглашений: 0
Сообщений: 74
Уважение: [+0/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 26 [1998-06-01]
Провел на форуме:
19 часов 46 минут
Последний визит:
2015-10-11 22:15:55

В форме ответа появилась кнопочка "дополнительные смайлы". Пока только так.

Поделиться112015-06-13 19:07:51

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Имя и фамилия на английском отрывок/слова из песни (вносить по желанию)
	Имя внешности (на англ.) Прозвище или сокращенное имя: Возраст: Дата рождения: Профессия/учеба: Ориентация: Семейное положение: Родственные связи: [

Биография и характер
	Просто текстом биография.

Поделиться122015-06-20 23:50:59

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:600' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'><style type="text/css"> .arti001 { width: 386px; height: 295px; background-image: url('http://i.imgur.com/MWq9kuj.png'); } .arti002 { width: 180px; height: 280px; padding: 4px; margin-top: 2px;} .arti003 { width: 160px; height: 260px;  background-color: #fff; padding: 10px; } .arti004 { width: 75px; height: 75px; border: solid 7px #000; } .arti005 { display: block; width: 60px; background-color: #000; color: #fff; padding: 4px; margin-bottom: 2px; float: top; position: relative; font-size: 7px; text-transform: uppercase; line-height:100%; text-align: right; font-family: 'Slabo', serif; letter-spacing: 1px; } p::first-letter { padding: 4px; color: #000; background-color: #fff; font-family: 'Slabo', serif; font-size: 28px; line-height: 60%;} .arti006 { width: 160px; height: 160px; overflow: auto; text-align: justify; line-height: 90%; font-family: 'Slabo', serif; font-size: 10px; color: #000; padding-right: 5px; } .arti006::-webkit-scrollbar-thumb { background-color: #000; } .arti006::-webkit-scrollbar { width: 7px; } .arti007 { width: 160px; height: 260px; padding: 10px; background-color: #000; color: #fff;}  .arti008 { font-family: 'Raleway', serif; font-size: 22px; margin-top: 120px; text-align: center; line-height: 80%; border-bottom: solid 1px #fff; letter-spacing: 1px;} .arti001:hover .arti009 { margin-top: 9px; margin-left: 197px; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; } .arti009 { position: absolute; z-index: 1; margin-top: 9px; margin-left: 7px; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; }</style><center><div class="arti001"><div class="arti009">

<img src="http://placehold.it/180x280" width="180" height="280">

</div><table><td><div class="arti002"><div class="arti003"><table><tr><td><div class="arti004">

<img src="http://placehold.it/70" width="70" height "70"></div></td><td>

<div class="arti005">TRAIT</div>
<div class="arti005">TRAIT</div>
<div class="arti005">TRAIT</div>
<div class="arti005">TRAIT</div>

</td></tr></table><div class="arti006">

<p>Jorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam auctor sed neque sit amet consectetur. In volutpat mollis nunc sed vestibulum. Suspendisse ullamcorper vulputate leo, ut convallis est lacinia non. Donec congue dapibus lorem a scelerisque. Nam sed tortor augue. Vivamus sit amet est dignissim, rutrum risus a, maximus leo. Donec semper eleifend sapien, at blandit ligula bibendum ac. Vivamus nibh magna, elementum et lectus id, laoreet tempus orci. Integer quis lectus vitae mauris ultricies dapibus sed non dui. Cras neque risus, dapibus ac arcu id, ornare scelerisque risus.</p>

</div></div></div></td><td><div class="arti002"><div class="arti007"><div class="arti008">

FIRSTNAME LASTNAME

</div><div style="font-family: 'Slabo', serif; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; padding: 5px; letter-spacing: 1px;">

age spelled out / fc

</center>

Поделиться132015-06-21 00:46:09

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Код:

<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
<style type="text/css">.dswant { width: 400px; height: 250px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 400px; height: 250px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 11px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #8BA6AC; }
</style><center>

</ START />

<div class="dswant left"><div class="dswimg">

<img src="http://i10.pixs.ru/storage/0/0/5/sres2rpnpY_5992513_17753005.jpg" />

</div><div class="dswinfo">

<a href="http://jumpstreet.rusff.me/profile.php?id=69"><h1>

Amber Hall

</h1></a>
<span>Лучшая подруга</span>


</div><div class="dswmain">
 тескт

</div></div>

</ END />

</center>

Поделиться142015-06-21 01:08:34

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Код:

<!--HTML--><style/type="text/css">
#multichar {width: 500px; height: 500px; position: relative; auto; �overflow: hidden;}
#multichar .himom {position: absolute; �left: 0px; bottom: 0px; width:500px; height: 500px; �-webkit-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; o-transition: 3s all ease-in-out;}
#multichar:hover .himom {-webkit-transition: 3s all ease-in-out; -moz-transition: 3s all ease-in-out; o-transition: 3s all ease-in-out; left: -500px;}
#summarybox { width:300px; background-color:#fff; font-family:arial; font-size:8; padding:7px; �color:#000;position:relative; top:350px; left:0px; }
.simba {width: 180px;font-family:economica;font-size:10px;color:#000;letter-spacing:2px; text-align: center; text-transform: uppercase; line-height: 100%; border-bottom: 1px solid #3FB8AF;padding-top:5px;}
.nala {width: 250px;height:100px;overflow:auto;font-family:arial;font-size:10px;color:#000; text-align: justify; line-height: 100%;padding-top:5px;}
.timon {width: 450px; height: 500px; padding: 0px; �font-family: calibri; text-align: justify; font-size: 10px; overflow: auto;padding:10px}
.pumba {width: 200px; text-align: justify; font-family: georgia; font-size:9px; �color:#000;text-transform:lowercase;overflow: auto;padding-left:5px; padding-right: 5px;}
.scar {width: 180px;font-family:economica;font-size:10px;color:#666666;letter-spacing:2px; text-align: center; text-transform: uppercase; line-height: 100%; border-bottom: 1px solid #3FB8AF;padding-top:5px;}
.mufasa {width: 180px;font-family:courier new;font-size:9px;color:#666666;letter-spacing:2px; text-align: center; text-transform: uppercase; line-height: 100%; padding-top:5px;}
.zazu {width:200px; height:150px; �border-bottom: 20px#cc6666;overflow: auto;overflow-x:hidden;}
.hyenas {width: 160px;font-family:arial;font-size:10px;color:#666666;text-align:justify; �line-height: 100%;padding:15px;}
.style1 { width:500px; height:500px; background-image:URL(http://i11.pixs.ru/storage/7/1/4/tumblrnmnu_4540962_17755714.jpg); }
.multi1 { �width: 200px; height: 150px; transition-duration: 0.5s; �-moz-transition-duration: 0.5s; �-webkit-transition-duration: 0.5s; �-o-transition-duration: 0.5s; opacity: 0; }
.multi1:hover {opacity: 1;}
.multi2 { width: 200px; height:150px; background-color: #fff; �font-family: arial; font-size: 9px; text-align: justify; line-height: 100%; color: #000; }
</style>

<center><div id="multichar"><div class="himom"><div class="style1"><div id="summarybox"><div class="simba">Chronology</div>
<div class="nala">We have had the time of our lives<br> 
and now the page is turned<br> 
the stories we will write<br> 
we have had the time of our lives<br> 
and I will not forget the faces left behind<br> 
it's hard to walk away from the best of days<br> 
but if it has to end, I'm glad you have been my friend<br> 
in the time of our lives</div></div></div></div><div class="timon"><blockquote>

<table><tr><td style="width: 400px; line-height: 90%; text-align: justify"><p>




<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://i11.pixs.ru/storage/9/3/9/tumblrncxo_7037313_17755939.gif);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<div class="scar"><a href="http://jumpstreet.rusff.me/viewtopic.php?id=394#p49830">Тайнам незачем скрываться.</a></div><div class="mufasa">✖ 11 апреля, 20:00 <br>
✖ квартира Эмбер</div><div class="hyenas">А насколько хорошо ты знаешь свою лучшую подругу?<br><br><br>✖ играется</div></div><P>



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


<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://i11.pixs.ru/storage/9/3/9/tumblrncxo_7037313_17755939.gif);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<div class="scar">Тайнам незачем скрываться.</div><div class="mufasa">✖ 11 апреля, 20:00 <br>
✖ квартира Эмбер</div><div class="hyenas">А насколько хорошо ты знаешь свою лучшую подругу?</div></div><P>



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

<div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(http://i11.pixs.ru/storage/9/3/9/tumblrncxo_7037313_17755939.gif);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<div class="scar">Тайнам незачем скрываться.</div><div class="mufasa">✖ 11 апреля, 20:00 <br>
✖ квартира Эмбер</div><div class="hyenas">А насколько хорошо ты знаешь свою лучшую подругу?</div></div><P>



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


</td></tr><td><div style="width:200px;background-color:#fff;">
<div style="width: 200px; height: 150px; background-image: url(200x150img);">
<div class="multi1">
<div class="multi2">
<div class="ok"><div class="zazu"><BR>
<div class="pumba">
<div class="scar">CHARACTER NAME</div><div class="mufasa">AGE, MEMBER GROUP, <br>
JOB, PLAYBY</div><div class="hyenas">content here</div></div><P>



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


</td></tr></table>
</div>
</center>
<br><br>

Поделиться152015-06-21 01:24:33

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Код:

<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
<style type="text/css">
.happy001 { position: relative; top: 150px; left: 50px; width: 100px; height:30px; font-family:tahoma; font-size: 7px; line-height: 420%; text-align: center;  text-transform: uppercase; }
.birthday002 {  opacity: 0; width: 195px; height: 245px;  -moz-transition: all 0.8s ease-in-out;  -webkit-transition:all 0.8s ease-in-out;  -o-transition: all 0.8s ease-in-out;}

.birthday002:hover { opacity: 0.99}

.yeeshuh003 { width: 195px; height: 245px; background-color:#fff; padding:3px; text-align: justify; line-height: 100%; color: #000; overflow: hidden; margin-top: -30px;"}
</style>

<table cellspacing="2" cellpadding="0"> 
<tr><td><div style="width:200px; height: 250px; background-image: url(http://i10.pixs.ru/storage/2/2/5/mmuQ7wGCbA_6629490_17753225.jpg); border: #000 20px solid;"><div class="happy001" style="color: #000; background-color: #4bb7ef;">отношеньки</div><div class="birthday002"><div class="yeeshuh003"><div style="width:195px; height: 100px; background-image: url(http://i10.pixs.ru/storage/2/7/3/16gif_2792938_17753273.gif);"></div>

<div style="width: 200px; height: 30px;  background-color: none;font-family: 'Crushed', cursive; font-size: 35px; color: #4bb7ef; text-shadow: 2px 2px 2px #000000; line-height: 100%; text-align: center;">Имя персонажа</div> 
<div style="width: 195px; height: 115px;  font-family: arial; font-size: 10px; text-align: justify; color: #000; line-height: 100%; overflow: auto;">Текст текст текст  </div>

</div></div></div></td>
<td><div style="width:200px; height: 250px; background-image: url(http://i11.pixs.ru/storage/4/0/4/qViASLzVQk_9078580_17753404.jpg); border: #000 20px solid;"><div class="happy001" style="color: #000; background-color: #ee44f0;">брат, сват</div><div class="birthday002"><div class="yeeshuh003"><div style="width:195px; height: 100px; background-image: url(http://i10.pixs.ru/storage/4/2/4/tumblrnd9z_8628122_17753424.gif);"></div>
<div style="width: 200px; height: 30px;  background-color: none;font-family: 'Crushed', cursive; font-size: 35px; color:#ee44f0; text-shadow: 2px 2px 2px #000000; line-height: 100%; text-align: center;">Имя персонажа</div> 
<div style="width: 195px; height: 115px;  font-family: arial; font-size: 10px;;text-align: justify; color: #000; line-height: 100%; overflow: auto;">Текст текст текст</div>

</div></div></div></td></tr>
<tr><td><div style="width:200px; height: 250px; background-image: url(http://i11.pixs.ru/storage/4/7/6/.jpg_4520110_17753476.jpg); border: #000 20px solid"><div class="happy001" style="color: #000; background-color: #f72643;">Подруга, друг</div><div class="birthday002"><div class="yeeshuh003"><div style="width:195px; height: 100px; background-image: url(http://i11.pixs.ru/storage/4/8/9/tumblrmzh8_5417623_17753489.gif);"></div>

<div style="width: 200px; height: 30px;  background-color: none;font-family: 'Crushed', cursive; font-size: 35px; color: #f72643; text-shadow: 2px 2px 2px #000000; line-height: 100%; text-align: center;">Имя персонажа</div> 
<div style="width: 195px; height: 115px;  font-family: arial; font-size: 10px; text-align: justify; color: #000; line-height: 100%; overflow: auto;">Текст текст текст</div>

</div></div></div></td>
<td><div style="width:200px; height: 250px; background-image: url(http://i11.pixs.ru/storage/5/0/9/yh1iroZIKk_1050437_17753509.jpg); border: #000 20px solid"><div class="happy001" style="color: #000; background-color: #6359e8;">Коллега</div><div class="birthday002"><div class="yeeshuh003"><div style="width:195px; height: 100px; background-image: url(http://i11.pixs.ru/storage/5/1/7/filegif_3655141_17753517.gif);"></div>
<div style="width: 200px; height: 30px;  background-color: none;font-family: 'Crushed', cursive; font-size: 35px; color: #6359e8; text-shadow: 2px 2px 2px #000000; line-height: 100%; text-align: center;">Имя персонажа</div> 
<div style="width: 195px; height: 115px;  font-family: arial; font-size: 10px; text-align: justify; color: #000; line-height: 100%; overflow: auto;">Текст текст текст</div>

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

</center>

Поделиться162015-06-21 03:03:09

Автор: Lydia Scott
Администратор
Зарегистрирован: 2015-05-20
Приглашений: 0
Сообщений: 77
Уважение: [+1/-0]
Позитив: [+0/-0]
Пол: Женский
Провел на форуме:
17 часов 17 минут
Последний визит:
2015-07-05 19:02:30

Код:

<!--HTML--><br><center><link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'><style type="text/css">

.cflips { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:352px; height:202px; }
.cflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:352px; height:202px; }
.cflop:hover .cflipswitch { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); }

.cfront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; }
.cback { overflow:hidden; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); transform:rotateX(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:352px; height:202px; background-color:#F4F4F4; }
.cflop:hover .cback {-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#000;}

.contentz { width:330px; height:180px; background-color:#F4F4F4; padding:10px; font-family:arial; font-size:10px; text-align:justify; line-height:100%; color:#000; overflow:auto; border:1px solid #DFDFDF; }
.ctopz { font-family:arial; font-size:16px; color:#000; text-transform:lowercase; text-align:center; } .ctopz a { font-size:16px; color:#0A4A8D; text-transform:lowercase; text-decoration:none; background-color:transparent; } .ctopz a:hover { color:#0A4A8D; font-size:16px; text-transform:lowercase; text-shadow:1px 1px 0px #000; text-decoration:none; background-color:transparent; }

.cnamez { width:350px; height:200px; font-family:'Meie Script',cursive; font-size:40px; color:#0A4A8D; text-transform:lowercase; text-align:center; text-shadow:1px 1px 1px #000; line-height:170%; display:table-cell; vertical-align:bottom; }
.cscrolling ::-webkit-scrollbar { width: 5px; } .cscrolling ::-webkit-scrollbar-track { background-color:#DFDFDF; } .cscrolling ::-webkit-scrollbar-thumb { background-color:#0A4A8D; }
</style><div style="width:412px; padding:15px; background-color:#B6B6B6;"><div style="width:352px; background-color:#F4F4F4; padding:15px; border:15px solid #DFDFDF;" class="cscrolling">



<div class="cflop"><div class="cflipswitch"><div class="cfront">
<div style="width:350px; height:200px; background-image: url(http://i2.wp.com/upandcomers.net/wp-content/uploads/2014/05/britt-robertson.jpg?resize=350%2C200); border:1px solid #DFDFDF;"><div class="cnamez">

first m. lastname

</div></div></div><div class="cback">
<div class="contentz"><div class="ctopz">

[url=LINK]thing[/url] •
[url=LINK]thing[/url] •
[url=LINK]thing[/url]

</div><br>

Write your shippy or request stuff here ~

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



<div style="height:10px;"></div>
<div class="cflop"><div class="cflipswitch"><div class="cfront">
<div style="width:350px; height:200px; background-image: url(350x200 IMAGE URL HERE); border:1px solid #DFDFDF;"><div class="cnamez">

first m. lastname

</div></div></div><div class="cback">
<div class="contentz"><div class="ctopz">

[url=LINK]thing[/url] •
[url=LINK]thing[/url] •
[url=LINK]thing[/url]

</div><br>

Write your shippy or request stuff here ~ 

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



//**add other characters here - remove this note!!**//



</div></div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=16571"><div style="width:400px; text-align:left; font-size:15px; color:#0A4A8D;">✿</div></a></center><br>

Страница: 1

Forever Young

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

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

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

HTML в оформлении

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

Поделиться12015-05-19 09:20:36

Поделиться22015-05-19 09:29:59

Поделиться32015-05-19 18:47:22

Поделиться42015-05-20 22:11:20

Поделиться52015-05-20 22:11:51

Поделиться62015-05-21 06:29:38

Поделиться72015-05-21 06:33:59

Поделиться82015-05-21 20:57:50

Поделиться92015-05-21 21:17:10

Поделиться102015-05-22 06:14:10

Поделиться112015-06-13 19:07:51

Поделиться122015-06-20 23:50:59

Поделиться132015-06-21 00:46:09

Поделиться142015-06-21 01:08:34

Поделиться152015-06-21 01:24:33

Поделиться162015-06-21 03:03:09