У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
18.02 Дорогие игроки и гости! Форум, наконец, выходит из "зимней спячки", и в связи с этим до 4 марта проводится перекличка. Также проект претерпел некоторые изменения, с которыми вы можете ознакомиться здесь.
10.11 На форуме праздник длится почти вечность~ До нас добралась повозка с конкурсом и сюрпризами и дожидается всех здесь!
31.10 ハッピーハロウィン! Или счастливого Хэллоуина, друзья~ Надеюсь, потусторонние гости в эту ночь не будут слишком навязчивыми~ Ну а мы, меж тем, приглашаем вас на квестовый бал. А повозка с сюрпризами уже на подходе~
30.10 В правила и матчасть форума были внесены некоторые изменения касательно отсутствия игроков и кружков/секций школы. Пожалуйста, ознакомьтесь с ними! Мы продолжаем брать интервью у Naoya Okada - не стесняйтесь задавать вопросы в этой теме. Также сегодня свой День Рождения празднует Michael Fisher, поэтому спешите поздравить его!
11.10 На форуме запущен конкурс "Kinder Surprise" - спешите попытать удачу и получить подарок! Жертвой интервью был выбран Naoya Okada, и самое время задавать вопросы директору в этой теме. Скоро Хэллоуин, котята, а это значит, что нас ждут приятные обновления и ивенты~
02.10 В нашем полку прибыло - к админ.составу присоединился Naoya Okada! Также на форум были добавлены некоторые скрипты (спасибо, Christian Raske!), и теперь всем участникам доступна функция смены имиджа. Об этих и других новостях подробнее можно прочитать тут.
25.09 Мы немного упростили условия партнерства, чтобы дружественным проектам было удобнее оставлять у нас свою рекламу. Тем временем, еженедельный интервью-флешмоб продолжает набирать обороты. Узнать имя «жертвы» допроса можно тут.
23.09 Дорогие друзья, сегодня празднует свой День Рождения наш талантливый администратор-дизайнер, Габриэль! Давайте все вместе поздравим его здесь :3
21.09 На сервисе снова неполадки, но саппорт обещает решить проблему с неработающим функционалом (правда, неизвестно, когда), так что мы Хатико и ждем. Подробности можно узнать тут; разглагольствования и напоминалки прилагаются.
18.09 Мы продолжаем запускать заезженные и неинтересные конкурсы. На этот раз вам предлагается посоревноваться в умении писать посты и набросать небольшую работу на заданную тематику. Кроме того, был выбран новый участник интервью, а также, наконец, названы самые активные участники проекта за период с 16 августа по 18 сентября. Лица героев уже красуются в шапке, а подробности об их заслугах и о событиях на ролевой за последнюю неделю можно узнать в теме новостей.
11.09 Наконец-то у нас первая жертва интервью — Hein Rammsteiner. Задавайте ему свои вопросы и не забывайте выбирать следующего участника. Подробности о небольших обновлениях и дополнениях на форуме вы можете узнать здесь.
16.08 В это непростое для фрпг время обновленный Shinsei вновь открывает свои двери для тех, кого не пугают «немодные школьные ролочки». Пусть мы и не «в тренде», но готовы трудиться для тех, кому это будет интересно. Добро пожаловать! Подробнее.
Добро пожаловать в школу Синсэй! В этом уникальном учебном заведении, располо-жившемся среди красот острова Хоккайдо, каждый сможет найти свое призвание и раскрыть творческий потенциал.
Квест «Фестиваль спорта в Саппоро»

3. Mao Onitsuki

8. Akatsuki Kagami

1. Martaini Kolton

2. Kakeru Umeki

3. Mao Onitsuki

4. Sora Hijima

5. Kazuhiro Wada

6. Mitsuki Uno

shinsei design

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » shinsei design » Новый форум » HTML для тем


HTML для тем

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

1

Код:
<!--HTML-->
<div class="htmldemo">
 <center><div class="bsibg"><div class="bsititle">Taking Questions</div> 
<div class="bsiimg">
<img src="https://forumstatic.ru/files/0019/2b/e9/17488.png" style="">
</div>
 <div class="bsitxt">
Дорогие гости, мы рады приветствовать вас на территории школы <b>Shinsei</b>! Если у вас возникли вопросы, можете смело задавать их здесь. Сюда же вы можете обратиться, если вам на почту не пришло письмо с паролем. Мы постараемся помочь вам в кратчайшие сроки.<br>
Кроме того, ответы на часто задаваемые вопросы мы стараемся своевременно добавлять в тему <a href="http://shinseigakkou.anihub.ru/viewtopic.php?id=9#p10">FAQ</a>, дабы вы не тратили время на их поиск в Гостевой.
</div>
</div>

</center>
</div>

0

2

Код:
<!--HTML-->
<div class="htmldemo">
 <center><div class="bsibg"><div class="bsititle">Our Motto</div> 
<div class="bsiimg">
<img src="https://forumstatic.ru/files/0019/2b/e9/50919.png" style="">
</div>
 <div class="bsitxt">
<div style="text-align: right; font-size: 10px;"><b>Жанр:</b> <i>психология, повседневность, школьная жизнь, слэш (яой);</i><br>
<b>Система игры:</b> <i>локационно-эпизодическая;</i><br>
<b>Рейтинг:</b> <i>NC-17 (18+);</i><br>
<b>Время в игре:</b> <i>2017 год, апрель.</i><br><br></div>

Хоккайдо – самый северный остров Японии, очаровывающий красотой заснеженных горных вершин, диких лесов и скованных льдами берегов с обнаженными ветром и водой скалами. Именно здесь, где богатейшая природа поражает воображение разнообразием форм и буйством красок, вдали от шумных мегаполисов и мирской суеты, было основано уникальное в своем роде учебное заведение – школа <b>Shinsei</b> (晨星学校), что в переводе означает «утренняя звезда».<br>
Школа-интернат берет под свое крыло лишь юношей, нуждающихся в особом внимании и заботе. Вместо строгих рамок стремящегося к равенству японского общества здесь находят индивидуальный подход к каждому ученику. Здесь верят, что каждый из них обладает огромным потенциалом, и нужно совсем немного, чтобы раскрыть его. Здесь считают, что нестандартное мышление – это не порок, а то, что делает нас уникальными, отличает друг от друга. Здесь убеждены, что даже самый замкнутый и нелюдимый юноша может без труда общаться со сверстниками, забывая о своих недугах. Здесь понимают, что люди из других регионов и культур так же, как и сами японцы, могут и должны жить в Стране восходящего солнца, ведь это поможет и тем, и другим расширить свой кругозор и лучше понять друг друга. Здесь в каждом видят не просто часть огромной экономической машины, но и личность, становление которой сыграет огромную роль в развитии японского общества.
</div>
</div>

</center>
</div>

0

3

Код:
<!--HTML-->
<div class="htmldemo">
 <center><div class="bsibg"><div class="bsititle">The great teacher inspires!</div> 
<div class="bsiimg">
<img src="https://forumstatic.ru/files/0019/2b/e9/16896.png" style="">
</div>
 <div class="bsitxt">
Данная акция посвящена тем, в чьих руках находится будущее учащихся старшей школы «Shinsei» — учителям. Если вы хотите забронировать персонажа из данной акции, оставьте соответствующее сообщение в <a href="http://shinseigakkou.anihub.ru/viewtopic.php?id=5#p6">этой теме</a>.<br>
Обратите внимание, что в коде уже прописаны общие сведения для каждого персонажа. Все, что вам нужно сделать – это скопировать его и заполнить недостающие пункты; также вы можете по своему усмотрению расширить общее описание персонажа. Если информация будет оставлена в первозданном виде, без дополнений, проверяющий выдаст вам тему пробного поста. В иных случаях тема пробного поста может быть выдана по усмотрению администрации. <br>
Также вы можете изменить имя и внешность персонажа, однако помните, что они должны соответствовать указанной национальности.
</div>
</div>

</center>
</div>

0

4

Код:
<!--HTML-->
<div class="htmldemo">
 <center><div class="bsibg"><div class="bsititle">No society has any right to forget its workers, because they are the real heroes of the society!</div> 
<div class="bsiimg">
<img src="https://forumstatic.ru/files/0019/2b/e9/22724.png" style="">
</div>
 <div class="bsitxt">
Данная акция посвящена школьному персоналу. Если вы хотите забронировать персонажа из данной акции, оставьте соответствующее сообщение в <a href="http://shinseigakkou.anihub.ru/viewtopic.php?id=5#p6">этой теме</a>.<br>
Обратите внимание, что в коде уже прописаны общие сведения для каждого персонажа. Все, что вам нужно сделать – это скопировать его и заполнить недостающие пункты; также вы можете по своему усмотрению расширить общее описание персонажа. Если информация будет оставлена в первозданном виде, без дополнений, проверяющий выдаст вам тему пробного поста. В иных случаях тема пробного поста может быть выдана по усмотрению администрации. <br>
Также вы можете изменить имя и внешность персонажа, однако помните, что они должны соответствовать указанной национальности.
</div>
</div>

</center>
</div>

0

5

Код:
<!--HTML-->
<div class="htmldemo">
 <center><div class="bsibg"><div class="bsititle">Train like you're the worst, play like you're the best</div> 
<div class="bsiimg">
<img src="https://forumstatic.ru/files/0019/2b/e9/65239.png" style="">
</div>
 <div class="bsitxt">
Данная акция посвящена восходящим звёздам спорта школы «Shinsei». Если вы хотите забронировать персонажа из данной акции, оставьте соответствующее сообщение в <a href="http://shinseigakkou.anihub.ru/viewtopic.php?id=5#p6">этой теме</a>.<br>
Обратите внимание, что в коде уже прописаны общие сведения для каждого персонажа. Все, что вам нужно сделать – это скопировать его и заполнить недостающие пункты; также вы можете по своему усмотрению расширить общее описание персонажа. Если информация будет оставлена в первозданном виде, без дополнений, проверяющий выдаст вам тему пробного поста. В иных случаях тема пробного поста может быть выдана по усмотрению администрации. <br>
Также вы можете изменить имя и внешность персонажа, однако помните, что они должны соответствовать указанной национальности.
</div>
</div>

</center>
</div>

0

6

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center><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">Tequila</div></label>
<div class="carriedhname">Tequila team</div><div class="carriedhinfo">заговорила в нас золотая текила - нормы морали мы напрочь забыли</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Amanda Sherbrook<br>
Amilcare Alberti<br>
<b>Andy Bing</b><br>
Aron Spring<br>
Ayden Kane<br>
Ayden J. Miller<br>
Bren Courtney<br>
Cole Hunter<br>
Dakota Ryan<br>
Elliot Smith<br>
Eva Gordon<br>
Frederick Eastwood<br>
James Ford<br>
Jere Waters<br>
Kurt Usher  <br>
Lewis Ashworth <br>
Regan Windsor<br>
Rudy Todd <br>
Sam Reeves<br>
Vincent Robin<br>
William Rosen<br>

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Andy Bing</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23Cub.png
);"></div></div></td></tr></tbody></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">Beer</div></label>
<div class="carriedhname">Beer team</div><div class="carriedhinfo">как дела? спросили нас - с пивом пойдёт, уберите квас</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
<b>Agnes Walczak </b><br>
Brien Holt<br>
Dariela Morente<br>
Ethan Pierce<br>
Evelyn Reese<br>
Jack Barish<br>
Jess Kelly<br>
John Bowman<br>
Isaiah Dellay<br>
Kaiden Rayton<br>
Mircea Cioran<br>
Marcia Santoro <br>
Marcus Falcone<br>
Max Tanner<br>
Richard Blackett<br>
Richard Marsh<br>
Roxanne Jefferson<br>
Shawn Hanelis<br>
Sia Gallagher<br>
Sid Freeman <br>
Thalia Becker <br>


</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Agnes Walczak</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23Cuc.png
);"></div></div></td></tr></tbody></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">Absinthe</div></label>
<div class="carriedhname">Absinthe team</div><div class="carriedhinfo">и Ван-Гог, и Дали употребляли абсент, ну а с нами его выпьет даже президент</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Amelia Burke<br>
Carter Masterson<br>
Cherry Beach<br>
Evan Rosenfeld<br>
Grayson Renton<br>
Hayley Jackson <br>
Ivet Tyler <br>
Jemima Coen<br>
Lulu Allen<br>
Madelaine Brooks<br>
Malkolm Hershler<br>
Matthew Dane<br>
March Strong<br>
Michelle Banks<br>
Ross Harper <br>
Sonja Barnes<br>
Taylor Buhowski<br>
<b>Tessa Langdon</b> <br>
Tyler Hockley<br>
Varvara Novak<br>
Wade Moran<br>
Zachary Lehmann <br>


<br>

</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Tessa Langdon</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23CuY.png
);"></div></div></td></tr></tbody></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">Whiskey</div></label>
<div class="carriedhname">Whiskey team</div><div class="carriedhinfo">виски с колой плещется в стакане - к черту колу, мы ж не в ресторане</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Abe Callahan<br>
Aleksandra Bulgakova<br>
Cameron Hale <br>
Chantelle Mahigun<br>
Cleve Brayton<br>
Diane Rhodes <br>
<b>Frankie Attwood</b><br>
Hal Myers<br>
Holden Salinger<br>
Jeremiah Fitz<br>
Karlie J.A Ardant<br>
Linda Marsh<br>
Lisa Ashworth<br>
Noel Meyers<br>
Olivia Winter<br>
Pete Noma<br>
Rowen M. Kellner<br>
Richard Knighton<br>
Rick Grimes<br>
Sarah Rochester<br>
Seeley Booth<br>
Sidney Myers<br>

<br>


</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Frankie Attwood</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23Cud.png
);"></div></div></td></tr></tbody></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">Wine</div></label>
<div class="carriedhname">Wine team</div><div class="carriedhinfo">заливаем в себя литрами винишко, будем скоро мы в дровишки</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Abby Foster<br>
Ada Moran<br>
Alice Shelby<br>
Anna Flatcher<br>
Andrea G. Gilmore<br>
Angelica Gilbert<br>
August Muirhead<br>
Charlotte Stokes<br>
Clarissa Medsger<br>
Ernie Fry<br>
Hattie Blank <br>
Jasmine Gilbert<br>
Johannes Järne<br>
Kai Ocean<br>
Kara Matthews<br>
Kirk Forsythe<br>
Mansel Kaplan<br>
<b>Mary Stonem</b><br>
Mickey Ginsberg<br>
Molly Joyce<br>
Nicola Blackwood<br>
Oprah Rifle<br>
Ornath Monley<br>
Phillip Welsh<br>
Raquel Weinfeld <br>
Rosalie Сallahan<br>
Sandra Warren<br>
Seth Gallagher<br>
Sierra Falcone<br>


</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Mary Stonem</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23D8d.png
);"></div></div></td></tr></tbody></table></div></div>


<div class="carriedtab"><input type="radio" id="tab-6" name="tab-group-1"><label for="tab-6" style="margin-left: 300px;">
<div class="ctab2">Rum</div></label>
<div class="carriedhname">Rum team</div><div class="carriedhinfo">йо-хо-хо, мы, конечно, не пираты, но бар с ромом - наши родные пенаты</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Aksel Blackwood<br>
Alla Triolet<br>
Archie Moore<br>
Astrid Stone<br>
Axl Pewit<br>
Cain Farrell<br>
Ellen Humphry<br>
Francois Fellini<br>
Jam Grimes<br>
Joanna Dixon<br>
Kelsey Jones<br>
Kyle Morten<br>
Lilith Coleman<br>
Nieve Buchanan<br>
Piper Phelps<br>
Rory Nunnelly<br>
Sawyer Hunter<br>
Stanley Basco<br>
Theodore River<br>
<b>Wes Stroud</b><br>
Willow Grace<br>
Yancy D. Strider<br>



</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Wes Stroud</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23D88.png
);"></div></div></td></tr></tbody></table></div></div>


<div class="carriedtab"><input type="radio" id="tab-7" name="tab-group-1"><label for="tab-7" style="margin-left: 360px;">
<div class="ctab1">Vodka</div></label>
<div class="carriedhname">Vodka team</div><div class="carriedhinfo">аллё, джамп, мы постоянно в хлам, ведь молимся на водочку всем богам</div>
<div class="carriedc"><table><tbody><tr><td width="60%"><div class="carried2a"><div class="carried2b">
Alistair Montgomery<br>
Bart Anderson<br>
Billie Evans<br>
Bomi A. Malone<br>
Briana Cooper<br>
Cory Buhowski<br>
Chester Tanner <br>
Chris Rockbell<br>
Dexter Hale <br>
Erica Dawson<br>
Henry Schuhart<br>
Ida Stoker<br>
Ivan Morrell<br>
<b>Jackson Stonem</b><br>
Jacqueline Rosenfeld<br>
Josh Hunter<br>
Kendall Hartmann <br>
Liam B. Rhein<br>
Luna Sullivan<br>
Matt Renton<br>
Noah Parker<br>
Novka Dragomir<br>
<br>


</div></div></td><td width="4px"></td><td><div class="carriedpic"><div class="carriedpic2"><div class="carriedpic3">
<h1>...</h1><div class="carriedpic4"><b>Ваш куратор:</b> <blockquote>Jackson Stonem</blockquote><br></div></div></div><div class="carriedpic1" style="background-image: url(
http://funkyimg.com/i/23D85.png
);"></div></div></td></tr></tbody></table></div></div>

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



<style type="text/css">
.carriedh1 { width: 440px; padding: 30px; } 
.carriedh1 .carriedhname { color: #ffffff; font-family: Oswald; font-size: 30px; text-align: center; 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: arial; font-size: 10px; text-align: center; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; }
.carriedw { width: 464px; height: 285px; padding: 15px; background-image: url(http://i.imgur.com/J826kQi.png);  border-bottom: 3px double #bababa;  border-left: 3px double #bababa;  border-right: 3px double #bababa;}

.carriedtabs .carriedh { width: 500px; height: 90px; position: relative; } 
.carriedtw .carriedhname { width: 440px; color: #ffffff; font-family: Oswald; font-size: 30px; text-align: center; text-transform: uppercase; font-weight: 900; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 20px; position: absolute; top: -55px; 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: 460px; margin-top: 3px; color: rgba(255,255,255,0.8); font-family: arial; font-size: 8px; text-align: center; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; position: absolute; top: -32px; 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: 494px; height: 315px; padding-bottom: 35px; background-image: url(http://i.imgur.com/J826kQi.png); position: relative; z-index: 1;  border-bottom: 3px double #bababa;  border-left: 3px double #bababa;  border-right: 3px double #bababa;}
.carriedc { width: 470px; 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: 80px; height: 170px; padding: 0px 3px; color: #242424; font-family: arial; font-size: 10px; text-align: justify; 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: 255px; height: 260px; padding: 10px; background-color: #ffffff; }
.carried2b { width: 245px; height: 260px; padding: 0px 5px; overflow-y: auto;  color: #242424; font-family: verdana; font-size: 11px; text-align: center; font-weight: normal; font-style: none; line-height:  120%;}

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

.carriedpic3 h1 { font-size: 11px; font-family: arial; font-weight: 800; 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: arial; font-weight: 700; font-style: normal; text-align: left; text-transform: uppercase }

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

.carriedtabs { position: relative; width: 500px; height: 445px;}
.carriedtab { float: left; } 
.carriedtab label { display: block; position: absolute; top: 315px; left: 40px; 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'></feColorMatrix></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: pointer;} 
.carriedtab [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }
.carriedtab [type=radio]:checked ~ label { z-index: 7; 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: 7; 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: 7; 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; }


.carriedh { background-color: #bababa;} 
.carriedtw { padding-bottom: 35px; border-bottom: 3px double #bababa;}
.carried2b::-webkit-scrollbar-thumb, .carriedpic4::-webkit-scrollbar-thumb { background-color: #bababa; }
.ctab1 { color: #c2ab8e}
.ctab2 { color: #c2ab8e}
</style></div>

0

7

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
 <center><div class="snewstitle">Новости Shinsei #</div> <div class="snewssubtitle">2018/05/09</div>
<div class="snewsbg">
<img src="https://forumstatic.ru/files/0018/c1/67/45894.png" style="background-position: center; margin-left: -300px; position: absolute; z-index: 1;">
<div class="snewsimg">
<img src="https://media.giphy.com/media/wLx2MBzC1ckak/giphy.gif" style="">
</div>
 <div class="snewstxt">
В свое время обстоятельства сложились для нас специфическим образом, и нам пришлось закрыть проект. Сначала это решение казалось нам лишь временным выходом из ситуации, а затем жизнь пошла по совсем иному пути, который не оставлял времени и места для этой ролевой. Мы уже были готовы отправить <b>Shinsei</b> на свалку истории, но звезды, кажется, благоволят нам впервые за долгое время. <br>
Мы завершили ту реконструкцию, которая так и не была закончена ранее, и искренне надеемся, что теперь играть здесь будет комфортнее и интереснее. <br>
Да, возможно, школьные ролевые уже выходят из моды, и все, что мы сделали, неактуально для большинства игроков, странствующих по ролевым вселенным, но мы готовы работать ради той небольшой аудитории, которой хотелось бы воплотить свои фантазии именно в рамках этой тематики.<br>
Что ж, друзья, еще раз добро пожаловать! <a href="http://shinseigakkou.anihub.ru/viewtopic.php?id=9#p10">FAQ</a>
</div>
</div>

</center>
</div>

0

8

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center><div id="lineblogbg">
<div id="lineblogavatar"><img src="https://forumstatic.ru/files/0018/c1/67/88907.png" width="150" height="150"></div>
<div id="linebloginfo"><b>Никнейм</b><br>
<a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br><br>
<img src="https://forumstatic.ru/files/0018/c1/67/60461.png" width="15" height="16"> Откуда (город)<br>
<img src="https://forumstatic.ru/files/0018/c1/67/71722.png" width="16" height="16"> Дата рождения дд/мм/гг<br>
</div>

<div id="lineblogabout"><div class="lineblogabouttitle">НАЗВАНИЕ БЛОГА</div>
<div class="lineblogtext">
<b>О себе:</b><br>
РАССКАЖИТЕ О СЕБЕ <br>
О БЛОГЕ<br>
ХОББИ<br>
и т.д.<br>
В общем, все, что вы хотели бы поведать о персонаже в его профиле в социальной сети.
</div></div></div>
</center>
</div>

0

9

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center><div id="lineblogbg">
<div id="lineavatar"><img src="https://forumstatic.ru/files/0018/c1/67/88907.png" width="150" height="150"></div>
<div id="lineinfo"><b>Никнейм</b><br>
<a href="http://shinseigakkou.anihub.ru/">@profile_id</a>
<div class="lineinfostatus">
<b>дд/мм/гг:</b> самый последний статус<br>
<b>дд/мм/гг:</b> статус перед ним<br>
<b>дд/мм/гг:</b> еще более ранний статус<br>
<b>дд/мм/гг:</b> и еще более ранний статус<br>
<b>дд/мм/гг:</b> и еще...<br>
<b>дд/мм/гг:</b> и еще...<br>
<b>дд/мм/гг:</b> и еще...
</div>
</div>

<div id="lineabout"><div class="lineaboutcontacttitle">СПИСОК КОНТАКТОВ</div>
<div class="linecontacttext">
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a>
</div>
<div class="lineaboutignoretitle">ИГНОР-ЛИСТ</div>
<div class="lineignoretext">
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a><br>
КАК ПОДПИСАН ПОЛЬЗОВАТЕЛЬ В ВАШЕМ СПИСКЕ КОНТАКТОВ — <a href="http://shinseigakkou.anihub.ru/">@profile_id</a>
</div>
</div></div>
</center>
</div>

0

10

вначале пишите время, потом дату, пробелы просьба не убирать


Входящее сообщение от ИМЯ :                            00:00 (00.00)

текст смс

0

11

Входящий вызов от ИМЯ :                                            00:00 (00.00)

текст

0

12

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center>
<div id="requesttitle">УВЕДОМЛЕНИЕ</div>
<div id="requestbg">
<div class="requesttext">
Пользователь <a href="http://shinseigakkou.anihub.ru/">@profile_id</a> добавил Вас в список контактов.
</div>
</div>

</center>
</div>

0

13

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center>
<div id="chattitle">ДИАЛОГ</div>
<div id="chatfromid"><a href="http://shinseigakkou.anihub.ru/">@profile_id</a></div>
<div id="chatbg">
<div class="chattext">
<div class="from-them">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <br><br>
<img src="https://forumstatic.ru/files/0018/c1/67/88907.png">
</div>
</div>
<div id="chatsend">Отправлено: 25/05/2017 в 15:00</div>
</div>

</center>
</div>

0

14

Код:
<!--HTML-->
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<center>
<div id="voicemtitle">ГОЛОСОВОЕ СООБЩЕНИЕ</div>
<div id="voicemfromid"><a href="http://shinseigakkou.anihub.ru/">@profile_id</a></div>
<div id="voicembg">
<div class="voicemtext">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. <br>
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.
</div>
<div id="voicemsend">Отправлено: 25/05/2017 в 15:00</div>
</div>

</center>
</div>

0


Вы здесь » shinsei design » Новый форум » HTML для тем


Рейтинг форумов | Создать форум бесплатно