***
тест оформления
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться22016-03-02 22:16:05
Код:
<!--HTML-->
<center><style text="text/css">
.contest1{width: 150px; font-family: arial black; color: #ddd3bf; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; text-align: center;}
.contest2 {width: 150px; font-family: georgia; color: #ddd3bf; font-size: 9px; letter-spacing: 1px; font-style: italic; text-align: center;}
.contest3 {font-family: arial; font-size: 11px; text-align: left; padding: 10px; width: 313px; height: 455px; background: rgba(255,255,255, .45); line-height: 95%; position: relative; left: 15px; text-indent: 3%;} .contest3 a:link, .contest3 a:active, .contest3 a:visited { font-family: arial black; color: black; font-size: 11px; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; } .contest3 a:hover {color: #ddd3bf;}
</style>
<div style="width: 710px;">
<center><table cellspacing="0"><tr><td style="width: 150px; height: 570px; background-color: #383727;"><center><img src="http://savepic.ru/8861157.gif"><p>
<div class="contest1">
Welcome
</div><p>
<div style="width: 120px; border-bottom: 1px dotted #ddd3bf;"></div><p>
<div class="contest2">
если не хотели отдавать, значит, хорошая вещь. <br>надо брать
</div></center></td>
<td style="background-image:url('http://savepic.ru/8525162.png'); width: 348px; height: 560px;"><div class="contest3">
<br>
<b>Название:</b> New Story of Twilight About Love...<br><br>
<b>Дата создания:</b> 04 февраля 2010 года<br><br>
<b>Жанр проекта:</b> ужасы, мистика, драма <br><br>
<b>Рейтинг проекта:</b> NC-17<br><br>
<b>Организация игровой зоны:</b> гибрид<br>
<br><br>
<center>Дорогие гости, мы рады приветствовать Вас на нашей ролевой</center><br>
<justify>Все внешности и роли за гостями держатся 72 часа (трое суток) и срок может быть продлен при необходимости.<br>
Акционному персонажу можно менять внешность/возраст/имя/способность.<br>
Максимальный возраст у всех сверхъестественных существ - 800 лет. За исключением канонных долгожителей.<br>
Родственники в кланы Калленов и Вольтури не принимаются.<br>
Открыт прием НЕКАНОНОВ: Оборотней, Вампиров-одиночек, Ведьм, Охотников.</justify><br><br>
<center><b>Дорогие гости, на ролевой проходит массовое редактирование акций, просим уточнять о занятости/свободности персонажа в гостевой.</b> </center>
<br>
<br>
<table cellspacing="0">
<tr>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=1072#p84356">ВНЕШНОСТИ </a></td>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=1071#p84352">СПОСОБНОСТИ</a></td>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=1264#p105953">РОЛИ</a></td>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=1467#p120501">РАСЫ</a></td>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=844#p99603">СЮЖЕТ</a></td>
<td> <a class="menu" href="http://newlegacy.ru/viewtopic.php?id=1448#p119516">F.A.Q.</a></td>
</tr>
</table>
<br>
<table><tbody><tr><td><center><b>Придержанные внешности/роли/силы:</b></center>
<div style="overflow-x: auto; width: 310px; height: 50px; border-left: 0px groove #d6bb78;
border-top: 5px solid #383727;
border-right: 0px groove #383727;
border-bottom: 2px solid #383727; border-bottom-left-radius: 20px;
border-bottom-right-radius: 1px;
border-top-left-radius: 1px;
border-top-right-radius: 20px; background-color: #///; box-shadow: 0 0 0px #e7e7e7 inset; line-height: 11px; text-transform: lowercase; font-size: 11px; text-align: center; padding-top: 5px;">
<b>до ...</b><br>
<br>Clemence Poesy
<br>Teresa Palmer
<br>-
</div></td></tr></tbody></table>
</div></td>
</tr></table></center></div></center>Поделиться32016-03-03 00:52:29
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=oswald|Francois+One|Righteous' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://forumstatic.ru/files/0016/f1/eb/27340.css">
<center>
<div id="vixxglide">
<div style="width: 500px; height: 600px; background-image: url(http://savepic.ru/8884522.gif);">
<div class="vixxhov">
<div class="vixxbgcol">
<table border="0">
<tbody>
<tr>
<td><img src="http://savepic.su/6549607.jpg" border="0" /><br>
<center><span style="font-size: xx-small;"><b>внешность на англ.</b></span></center></td>
<td><span style="font-size: xx-small;"><center>Я громко заявляю о себе, как о <b>имя и фамилия на русском языке</b>. Своей родиной я могу назвать <b>место рождения</b>. Я стал(-ла) частью этого мира <b> дата рождения| возраст y.o</b>. Каждое утро я выпиваю чашку кофе в <b>место работы</b>, ведь меня там знают, как <b>ваша профессия</b>, не забыв выложить фото на свою страницу <b>ваш ник</b>. Вечером я тусуюсь с горячими <b>девушками/парнями/енотами</b>, <b>а пить предпочитаю (колу/спрайт/фанту.)</b></center></span></td>
</tr>
</tbody>
</table>
<div class="vixxmid"><div class="vixxbarinfo">biography and character</div>
<link href='https://forumstatic.ru/files/0016/f1/eb/21520.css' rel='stylesheet' type='text/css'>
<style type="text/css">
#jaejoong {width: 480px; height: 400px; position: relative; overflow: hidden;}
</style>
<div id="jaejoong"><div class="page">
</div>
<div style="width:400; height: 350px; font-family:'georgia'; font-size:11px; text-align: left; overflow: auto; "><p>
Характер + Биография
</div>
</div>
</div>
</div>
</div></div></div>
</center>Поделиться42016-03-03 01:01:31
Код:
<!--HTML--><div class="htmldemo"><center>
<link rel="stylesheet" href="//thescream.rusff.me//files/0016/f1/eb/51386.css">
<div id="praatt">
<div class="prattpic">
<div class="prattquote"> гид по игре // <font style="color: #e4100c">я</font>нварь, 2057 </div>
</div>
<div class="prattfo">
<div class="prattfo1"><img src="http://savepic.ru/8870188.gif" style="height: 100px; width: 100px"></div>
<div class="prattfo2"><font style="color: #e4100c"><b>- DATE & WEATHER -</b></font><br><br>
Амстердам, Нидерланды // +3 +6 °C // облачно, дождь
<br><br>Вольтерра, Италия // +7 +15 °C // облачно, дождь
<br><br>Аляска, США // -10 +0 °C // облачно, снег
<br><br>Мюнхен, Германия // +1 -1 °C // облачно, снег
<br><br>Будапешт, Венгрия // +2 0 °C // облачно, дождь
<br><br>Сиетл, США // +8 +4 °C // облачно, дождь
</div>
<div class="prattfo3"> <font style="color: #e4100c"><b>- POST ODERS -</b></font><br><br>
Wade Wilson, <b>Ginger Medisson</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1681#p144111">1.13. Заниматься сыском ведь, очень интересно. Обожаю сыски </a>
<br><br>
Elegia Senteris, <b>Carlisle Cullen</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1903#p169286">1.27. Не всем же быть умными, кому-то надо быть и добрыми </a>
<br><br>
<b>Thomas Grace,</b> Irina Barsova, Mickaella Chevalier <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1990#p178455">1.31. С великой силой приходит великая безответственность </a>
<br><br>
<b>Elegia Senteris,</b> Alice Cullen, Emmett Cullen, Rosalie Hale, Alec Volturi <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1991#p178456">1.32. Пора мне бежать, лицо исправлять и... плохишей убивать </a>
<br><br>
<b>Jane Volturi,</b> Alec Volturi <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1769#p155531">2.16. Никто не ждёт испанскую инквизицию! </a>
<br><br>
Jane Volturi, <b>Corin Volturi</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1907#p169294">2.19. Sex, кофе, сигареты </a>
<br><br>
<b>Aro Volturi,</b> Caius Volturi <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1987#p178452">2.20. Определенно, тщеславие – мой самый любимый из грехов</a>
<br><br>
Felix Volturi, <b>Jane Pain,</b> Alec Volturi, Demetri Volturi <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1929#p171248">2. 21. Теперь мне это неразвидеть </a>
<br><br>
Sulpicia Volturi, Aro Volturi, Athenodora Volturi, Caius Volturi, <b>Jane Pain,</b> Alec Volturi, Felix Volturi, Corin Volturi, Demetri Volturi, Rachel Hayson (?) + прочие Вольтури <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1930#p171249">2. 22. Welcome to the masquerade </a>
<br><br>
<b>Renata Volturi,</b> Corin Volturi, Jane Volturi (позже присоединяется Aro Volturi) <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1988#p178453">2.23. Одного вы точно тут лишитесь — чувства юмора</a>
<br><br>
<b>Dolmatica Livia Sulla,</b> Sulpicia Volturi, Nelly Kim <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1989#p178454">2.24. Конечно, Twitter это святое. Не торопись </a>
<br><br>
<b>Christopher Carroll,</b> Claire Redfield <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1747#p153115">3.15. Ну что, приятель... должен сказать, ты... вовсе даже не отстой</a>
<br><br>
Paul Wasilewski, <b>Heidi Volturi</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1708#p146875">4.15. Хороший парень, но... блин, горячий </a>
<br><br>
Caius Volturi, Tanya Denali, Athenodora Volturi, <b>Carlisle Cullen</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1751#p153120">4.17. Ты не готовишь, я не ем. Идеальное сочетание</a>
<br><br>
<b>Paul Wasilewski,</b> Logan Carter <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1910#p169297">4.23. Каждый миг — это шанс </a>
<br><br>
<b>Dominic Night,</b> Patricia Duncan, Sarah Night + 7 нпс вампиров <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1911#p169298">4.24. Свобода в том, чтобы не пришлось о чем-то сожалеть </a>
<br><br>
Patricia Duncan, <b>Alice Cullen</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1964#p175654">4.26. Вот кто бы ни был — убью и всё </a>
<br><br>
Demetri Volturi, <b>Sarah Night</b> <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1992#p178457">4.27. У нас тут совсем другое кино про суперов </a>
<br><br>
<b>Patricia Duncan,</b> Robert Langdon <br>
<a href="http://newlegacy.ru/viewtopic.php?id=1993#p178458">4.28. Мы сделаем тебя супер-рабом </a>
<br><br><br>
пп.1. Если перед своим именем Вы видите три восклицательных знака !!!, то значит, срок на отпись у Вас составляет ровно ТРОЕ суток. По истечение которых, персонаж будет освобожден, а роль вынесена в свободные.<br>
пп.2. Если после ссылки на свой эпизод Вы увидели три вопросительных знака ???, значит, Ваш эпизод будет закрыт в конце месяца как неактивный. <br>
пп.3. Если у вас два и более активных эпизода внимательней смотрите на дату и место действия, какое событие за каким идет.<br>
Всем крылатой музы :3 <br></div>
</div>
</div>
</center>
<style>
@keyframes pratt {
0% {
background-color: #0094cf;
}
25% {
background-color: #00babd;
}
50% {
background-color: #00ebb8;
}
75% {
background-color: #9aedc1;
}
100% {
background-color: #0094cf;
}
}
#praatt {
height: 600px;
width: 500px;
border: 1px solid #000;
position: relative;
overflow: hidden
}
.prattpic {
height: 600px;
width: 500px;
position: absolute;
background-image: url('http://savepic.ru/8884522.gif');
background-blend-mode: multiply;
animation: pratt 10s infinite;
}
.prattfo {
height: 480px;
width: 430px;
position: absolute;
left: 35px;
top: 35px;
background-image: url(http://i.imgur.com/jZus0Qw.png)
}
.prattfo1 {
position: absolute;
height: 100px;
width: 100px;
-webkit-filter: grayscale(100%);
top: 15px;
left: 15px;
}
.prattfo2 {
height: 88px;
width: 277px;
background-color: #fff;
border: 5px solid #fff;
padding: 1px;
position: absolute;
top: 15px;
left: 130px;
overflow: auto;
font-family: calibri;
font-size: 8.5px;
line-height: 97%;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #0094cf;
text-align: justify
}
.prattfo2::-webkit-scrollbar {width: 0px}
.prattfo3 {
height: 340px;
width: 390px;
background-color: #fff;
border: 5px solid #fff;
padding: 5px;
position: absolute;
top: 120px;
left: 10px;
overflow: auto;
font-family: calibri;
font-size: 12px;
line-height: 97%;
letter-spacing: 0.5px;
text-transform: ;
color: #484848;
text-align: justify
}
.prattfolink {-webkit-border-radius: 50%;color: #fff; font-size: 10px; position: absolute; width: 25px; height: 25px; line-height: 25px}
.prattfolink a {color: #fff; text-decoration: none}
.prattquote {width: 450px; left: 25px; height: 20px; line-height: 20px; font-family: calibri; font-size: 9px; letter-spacing: 3px; color: #000; text-transform: uppercase; font-style: italic; background-color: #fff; position: absolute}
#praatt .prattquote {top: 150px; -webkit-transition: ease-in-out 0.4s; -webkit-transition-delay: 0.6s}
#praatt:hover .prattquote {top: 521px; -webkit-transition: ease-in-out 0.4s}
#praatt .prattfo {
transform: scale(3);
opacity: 0;
-webkit-transition: ease-in-out 0.5s
}
#praatt:hover .prattfo {
transform: scale(1);
opacity: 1;
-webkit-transition: ease-in-out 0.5s
}
</style></div>Страница: 1










