Время проходит совершенно незаметно, когда ты занят работой по самые уши, особенно в таком положении, как сейчас Ким...
читать далее

lalala

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

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


Вы здесь » lalala » админка » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

Код:
<!--HTML--><center><div class='gost'>


<div class="gtext">Добрый день/вечер/ночь…а может быть и утро. Мы рады тебя приветствовать на форуме «JEJU: city of love», и очень благодарны за внимание к нашему проекту. Наверное, у тебя сейчас есть вопросы, либо ты хочешь придержать внешность для себя и друзей :3 Что ж, мы с радостью тебе в этом поможем. Но стоит знать, что <font size="3" face="lobster">бронь на внешность мы держим в течение 3х дней и можем продлить еще на 2 дня</font>. В итоге выходит, что максимум для придержания внешности – 5 дней, этого вполне достаточно, чтобы определиться с персонажем и написать анкету :3 
<br>Очень надеемся увидеть ТЕБЯ в числе жителей нашего острова, так что не заставляй нас скучать и ждать и скорее приходи к нам навсегда ;)</div>




<div class="male">
<div class="gosti"><b> ДО 00.00.2017</b> </b></div>



</div>


<div class="female">
<div class="gosti"><b> ДО 00.00.2017</b> </b></div>


</div>

<div class="vnewnosti"><center><b>до 00.00.17| 23:59 см. "Нужные" </b>
<br> ★  ★  ★


</center>
</div>

</center>


<style>
.gost{ width: 612px; background-image: url(http://funkyimg.com/i/2vguy.png); height: 538px; margin-top: 10px;}
.gtext{ width: 460px;
    height: 165px;
    font-weight: normal;
    overflow: auto;
    font-family: cuprum;    
    margin-left: -10px;
    text-align: center;
    padding-top: 10px;
    color: #fff;
font-size: 11px;
    line-height: 13px;
    position: relative;
    top: 115px;}
.gtext {font-family: arial!important;
    font-size: 11px;
    padding: 3px;
    color: #113102;
    text-shadow: 2px 1px 0px #fff;}
.male{width: 200px;
    height: 130px;
    font-weight: normal;
    overflow: auto;
    color: #fff;
    margin-top: 135px;
    margin-left: -295px;}
.female {width: 200px;
    height: 130px;
    font-weight: normal;
    overflow: auto;
    color: #fff;
    margin-top: -131px;
    margin-left: 300px;}

.gosti {font-family: bebas neue!important;
        font-size: 17px;
    padding: 3px;
    color: #113102;
    text-shadow: 2px 1px 0px #fff;}

.vnewnosti{width: 405px;
    height: 35px;
    font-weight: normal;
    overflow: ;
    color: #fff;
    margin-top: 45px;
    margin-left: -15px;
    font-family: bebas neue!important;
    font-size: 14px;
    padding: 3px;
    color: #113102;
    text-shadow: 2px 1px 0px #fff;}
</style>
копируем и заполняем
Код:
ДО [b]дд-мм[/b] 
имя латиницей (группа/соло) за кем <br>

0

3

.pa-fld1 {margin-top: -43px;margin-left: 9px; }
.pa-fld2 {margin-top: -72px;margin-left: -55px; }
.pa-posts{margin-top: 33px; }
.pa-respect {margin-top: 33px; }
.pa-fld3 {margin-top: -1px; margin-left: 5px; }
.pa-online {margin-left: -5px; margin-top: -30px;}
#pun th { font-size:0 !important;}

0

4

iii

0

5

gea

0

6

структура

ппппп

0

7

цвета

пыш

0

8

Код:
<!--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">
.faq2 { width: 612px; height: 800; margin-left: -12px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2vgrM.png) top no-repeat, url(http://funkyimg.com/i/2vgrL.png) bottom no-repeat, url(http://funkyimg.com/i/2vgrK.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<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: #e39319; margin-left: 163px; line-height: 70%;">Проверка постов!</div>
<div style="width: 220px; height: 8px; background: #eeb635; border-left: 80px solid #8ca835; border-right: 150px solid #a7bc65;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 15px; line-height: 95%; color: #394417; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">



<center><br>Вот и настал этот судный день XD Проверка постов! Но в этот раз мы пробуем иной ее вариант, дабы подтвердить и удостовериться в том, что форум у нас все таки игровой, и все в этом деле заинтересованы :3 У нас ОЧЕНЬ много всего, что может с мотивировать вас на игру, или подкинуть идею. Напоминаю, это цели и стремления, которые закреплены за каждой командой игроков, let’s play – плашки за исполнение некоторых действий в игре, VIP-lines – альбомы на личной странице, которые позволяют выстроить целый эпизод для игры, и собрать себе бесплатный виплайн. Так же, у нас есть игровые квесты, пока что они доступны только для ау, где вы тоже можете взять идею, и получить за это хорошую плюшку. К чему это все? К тому, что администрация сделала и делает все, для того чтобы вы играли даже тогда, когда идей нет :3
<br><br>В правилах указано, что игрок должен писать МИНИМУМ 1 пост в 2 недели. На это и будем рассчитывать. Вы ВСЕ получили письмо, в котором все подробно расписано, но я повторюсь еще раз о сроках.
<br><br>Вы должны предоставить СВЕЖИЙ пост, написанный в период с <font color="#e39319" face="lobster">02.04.2017 года по 17.04.2017 года</font>. Я взял даты немного задним числом, чтобы не было возмущенных криков <i>«я написал пост пару дней тому назад!»</i>. 
<br><br>Я знаю тенденцию, когда начинается проверка постов, и у всех сразу появляются неотложные дела, или резко нападает творческий кризис. Давайте обойдемся без этого? Конечно, если вы активный игрок, с нами давно, и у вас есть адекватная причина, почему нет поста, то никто вас не удалит, и вообще мы всегда идем навстречу. Вообще никого насильно мы не удаляем XD Просто будем честными, и адекватными. Форум игровой, и должна быть активная игра, все для этого у вас есть.
<br><br>Я жду понимая, положительной реакции, не рвите на себе волосы XD Отписываетесь в этой теме с ссылкой на свежий пост, мы внесем ваше имя в список под этим сообщением :3



<br><br><br><br><font color="#e39319" face="lobster">Вдохновения всем! ❤</font></center></div>


</div>
</center>





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

0

9

Код:
пыщщщ

0

10

http://tigrishka2.rusff.me/ - чтоб не забыть, где он -_-

0

11

не забыть поменять синюю тень на зеленую во 2ом сообщении
или я дальтоник

0

12

Код:
<!--HTML--><div class="mimi"><div style="position: absolute; margin: 28px; 0px;"><div class="mini"><div style="position: absolute; border-left: 150px; width: 593px; text-align: center; margin-left: -25px;">Немного атмосферности..</div></div></div>
<br><br>
<center><div style="height: auto; width: 527px; margin-left: -7.5px; overflow: auto!important; font-family:  cuprum!important; text-align: center; color: #ffF; font-size: 13px;"><br>
<br>Как часто я слышу эти слова, и отнюдь не в свою сторону. Я слышу, как влюбленные шепчут это друг другу на ушко, слышу, как маленький ребенок благодарит маму за очередной подарок, слышу, как прощаются возрастные пары. Вижу эти слова во многих жестах окружающих, вижу это в глазах прохожих, вижу в зданиях, вижу на улицах и в мелких переулках, даже бездомные животные могут петь о любви, любить и быть любимыми. Люблю ли я? Да, но моя любовь – это мой город. 
<br>Сев на одну из скамеек на центральной набережной Чеджу, я наблюдаю за людьми, это мое любимое хобби по вечерам. Ужин, пачка молока, одна роза и потрепанный пиджак…я доволен своей жизнью, не спрашивайте. Сколько же тут туристов, сколько молодоженов в одинаковой одежде, никогда не понимал эту молодежную моду, но они счастливы. Она смеется, он греет ее, растирая плечи ладонями, и правда, по вечерам ветерок не слабый, но это никогда никого не останавливает. Здесь всегда шумно, всегда много людей, люблю это место. Помню, по молодости, я был как он: стройный, подтянутый.. с блестящими глазами и с полной уверенностью в своем будущем. А моя жена - вылитая эта девчушка…хрупкая, с фарфоровой кожей, темными глазами и вечно вьющимися волосами. Я познал всю прелесть этого острова с ней, и именно здесь, на этой набережной, на этой скамейке я дал ей обещание, что мы обязательно будем жить здесь, в этом уголке рая. Я никогда не гнался за мечтой мегаполиса, я мечтал о семье, о детях, она мечтала со мной… 
<br>Любимая моя, единственная моя, наша мечта сбылась! Дом, милый дом…каждая сбывшаяся мечта вдохновляет на подвиги, нашими главными подвигами были наши чувства. Этот остров окутан магией, легендами и самыми невероятными историями любви. И наша история тоже стала легендой этого острова, как давно это было? 50 лет вместе, а я жду тебя как в первый раз, волнуясь, как тот мальчишка, чье сердце ты похитила. Любуюсь молодыми парами и жду… 
<br>Я узнаю тебя из тысячи. Твоя походка все так же грациозна, хоть груз старости давит на плечи, но ты та же милая девчонка, тот же взгляд, та же любимая улыбка, и…2 внука, что бегут впереди тебя, явно подстегивая тебя ускорить шаг. 
<br>- Сохи, я тут подумал,…а давай еще 50 лет вместе? 
<br>Ты смеешься и бьешь меня по плечу, называя «старым проказником», а я в очередной раз убеждаюсь, что я счастлив с тобой. <br>Счастлив здесь. И каждому, каждому кто влюблен, кто приехал сюда в командировку или на экскурсию, кто проводит тут свой медовый месяц или решает только, приезжать или нет, желаю найти того, кто будет рядом всегда. Больно, горько, сладко, радостно…неважно, ничего не бывает гладко. Не опускайте руки, пробуйте и живите только своей жизнью, а не чужой…и я уверен, у каждого найдется свой человек. Свой. Ведь… 
<br>…этот остров окутан магией, легендами и самыми невероятными историями.<br><br></div>


</center>

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



<style>.mimi {
    width: 612px;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    background: url(http://funkyimg.com/i/2vRve.png) 52% 0% repeat-x, url(http://funkyimg.com/i/2vRvf.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2vRvg.png) 70% 42%;
    padding: 0px;
    padding-top: 20px;
    border-radius: 0px;
}

.mini {
    text-align: center;
    color: #fff!important;
    text-shadow: 1px 1px 5px #412c14!important;
    font-family: "bebas neue" !important;
    font-size: 30px;
    margin-top: -25px!important;
    font-weight: 900;
}



</style>

0

13

Знаменитости Чеджу:3

Король месяца

http://funkyimg.com/i/2vRqQ.png

Zhang Yixing

Королева месяца

http://funkyimg.com/i/2vRqN.png

Kim Jisoo

Активист месяца

http://funkyimg.com/i/2vRqT.png

Park Chaeyoung

Игрок месяца

http://funkyimg.com/i/2vRqU.png

Jing Tian

Парочка месяца

http://funkyimg.com/i/2vRqR.png

Lee Jun Ki <3 Lee Ji Eun

Инстаграм месяца

http://funkyimg.com/i/2vRqP.png

Kim Jisoo

Пост месяца

http://funkyimg.com/i/2vRqS.png

Kim HimChan

Спасибо всем, кто участвовал в голосовании :3
Победители, примите наши поздравления ^ ^
Кнопочку на личную страницу, балл команды и 1000 KRW запрашивайте в соответствующих темах, т.е. в теме персональной страницы, и денежной системы, с ссылкой на данный пост :3 ну и, по обычаю, ваши фото украсят таблицу форума:3
Мы любим вас ♥

http://funkyimg.com/i/264GJ.png http://funkyimg.com/i/27Kgj.png
http://funkyimg.com/i/241CH.png http://funkyimg.com/i/24V1u.png
http://funkyimg.com/i/241DS.png http://funkyimg.com/i/241DS.png
http://funkyimg.com/i/241Dt.png http://funkyimg.com/i/29Hmf.png

P.S.: за сменой статуса обращайтесь в тему лз :з

0

14

http://funkyimg.com/i/2pmZA.gif

0

15

Код:
<!--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">
.faq2 { width: 612px; height: 800; margin-left: -12px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2vgrM.png) top no-repeat, url(http://funkyimg.com/i/2vgrL.png) bottom no-repeat, url(http://funkyimg.com/i/2vgrK.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<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: #e39319; margin-left: 163px; line-height: 70%;">пыщ пыщ!</div>
<div style="width: 220px; height: 8px; background: #eeb635; border-left: 80px solid #8ca835; border-right: 150px solid #a7bc65;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 15px; line-height: 95%; color: #394417; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">



<center><br>
Уважаемы игроки! Давно с вами не разговаривали XD Как проходит ваше лето? Практика у всех закончилась? Как работа? Семья, дети? XD Вот лично у нас лето проходит мимо, все в делах, в реале, и с огромным количеством работы) Не хочется оправдываться, но сей факт присутствует. 
<br>Тем не менее, мы постараемся вас развлечь, а то вы у нас что-то совсем заскучали. А так же будем благодарны, если вы пойдете нам на встречу, и наконец-то начнете ОБЩАТЬСЯ! Все таки очень важная роль отведена именно общению, особенно когда приходят новые люди :3
<br><br><b>Перейдем к приятным новостям:</b>
<br><br>У нас сменился дизайн! Ура! Теперь мы все в пальмах, зеленые и не менее яркие XD
<br><br>Обратите внимание, что у нас сменилось несколько кодов, отныне смена имиджа находится тут:
<br><img src="http://funkyimg.com/i/2vRF5.png" >
<br><br>А смайлы ВК и Стикеры теперь тут:
<br><img src="http://funkyimg.com/i/2vRF4.png" >
<br><br>По поводу анимированных смайлов. Временно мы их убрали, но если вы нам скажете, что они нужны, и что вы к ним привыкли, и без них вам жизнь не мила, то мы их вернем :3 Однако надо будет их перебрать, потому что очень много не активных гифок, и можем загрузить новых :3 тут как скажете ^ ^

<br><br>Пишите отзывы о дизайне, мы приветствуем любое мнение :3 надеемся все же на на положительное XD

<br><br>Так как дизайн сменился, пора сменить и аватарки :3 Как вы на это смотрите? Подбирайте пляжные наряды! Будет жарко ^ ^

<br><br>И с нетерпением ждите супер крутой конкурс от нашего прекрасного аниматора Лео! <s>(он же Мисс Корея XD)</s> следите за обновлением, конкурс обещает быть интересным, и придется приложить все свои .... N-знания! 

<br><br>И по традиции...хочу вам пожелать вдохновения, сил, ровного загара) тем кому холодно - тепла, тем кому жарко - кондиционера XD



<br><br><br><br><font color="#e39319" face="lobster">Мы любим вас, честно честно :3 ❤</font></center></div>


</div>
</center>





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

0

16

Код:
<!--HTML--><div class="mimi"><div style="position: absolute; margin: 28px; 0px;"><div class="mini"><div style="position: absolute; border-left: 150px; width: 593px; text-align: center; margin-left: -25px;">Пати фор эврибади!</div></div></div>
<br><br>
<center><div style="height: auto; width: 527px; margin-left: -7.5px; overflow: auto!important; font-family:  cuprum!important; text-align: center; color: #ffF; font-size: 13px;"><br>
<br>Этот флэшмоб никого уже не удивит! В первый раз мы устраивали его почти 2 года назад, сразу после открытия XD Тот концепт был на простое раздевание *бровь бровь*, в этот раз мы представим, что...все наши персонажи собрались на одной крутой ПЛЯЖНОЙ вечеринке! Купальники, солнце, море, пляж, бассейн, сланцы...все, что у вас ассоциируется с летом, и праздником :3 
На аватар разрешено ставить только свою внешность :3 и до конца следующей недели нельзя менять аватар на что-то иное, разрешена лишь смена на нечто подобное :3 При нарушении данного правила вы не сможете принять участие в голосовании, результатом которого станут очень заманчивые и горячие призы<br> (ну как обычно ^ ^)

<br><br>Флешмоб будет длиться <font color="#e9b92d" face="lobster">до 06.08 числа включительно</font>, а именно <font color="#e9b92d" face="lobster">НЕДЕЛЮ.</font> Если решили принять участие, то помним: <font color="#e9b92d" face="lobster">за этот временной промежуток графику можно менять только НА ТАКУЮ ЖЕ!</font>

<br><br><br><b>Чтобы принять участие во флешмобе и попасть в список участников на голосование, нужно:</b>

<br><br>1. Поменять аватар не позже <b>31.07</b> числа.
<br><br>2. Отписаться в этой теме, и приложить ссылку на аватар
<br><br>3. Проходить с тематическим авиком до <b>06.08</b> числа включительно.<br><br></div>


</center>

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



<style>.mimi {
    width: 612px;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    background: url(http://funkyimg.com/i/2vRve.png) 52% 0% repeat-x, url(http://funkyimg.com/i/2vRvf.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2vRvg.png) 70% 42%;
    padding: 0px;
    padding-top: 20px;
    border-radius: 0px;
}

.mini {
    text-align: center;
    color: #fff!important;
    text-shadow: 1px 1px 5px #412c14!important;
    font-family: "bebas neue" !important;
    font-size: 30px;
    margin-top: -25px!important;
    font-weight: 900;
}



</style>

0

17

Код:
<!--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">
.faq2 { width: 612px; height: 800; margin-left: -12px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2vgrM.png) top no-repeat, url(http://funkyimg.com/i/2vgrL.png) bottom no-repeat, url(http://funkyimg.com/i/2vgrK.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<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: #e39319; margin-left: 163px; line-height: 70%;">Заключение партнерства</div>
<div style="width: 220px; height: 8px; background: #eeb635; border-left: 80px solid #8ca835; border-right: 150px solid #a7bc65;"></div>
<div style="width: 500px; height: auto; font-family: cuprum; font-size: 25px; line-height: 95%; color: #394417; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">




<center> <p>Мы всегда рады партнерству, но для его заключения есть некоторые правила и шаблон.
Правила партнерства:
<br><b>1)</b> Вы должны установить наш баннер на своем форуме на видном месте (он должен быть открытым, и не где-то в потемках и уголках вашего проекта), создать тему с нашим форумом, мы в свою очередь проделаем то же самое, срок для этого действия – 2 дня. Наша тема должна содержать рекламу и верное название форума;
<br><b>2)</b>  Активность на Вашем форуме должна быть более 40-ти человек в сутки, в противном случае АМС оставляет за собой право расторгнуть партнерство;
<br><b>3)</b>  Баннер допускается только стандартного размера - 88*31;
<br><b>4)</b>  Обновлять свою тему Вы можете столько раз, сколько Вам хочется, однако тема не должна содержать флуд, смайлы, картинки и мысли не относящиеся к Вашему проекту;
<br><b>5)</b>  Партнеры – это не просто тема с рекламой. Заключая партнерство, Вы соглашаетесь с тем, что между проектами заключена договоренность, совместная поддержка, а это значит, что мы зеркально можем обратиться друг к другу за помощью, будь то решение конфликтов между проектами, выявление плагиата и прочие недоразумения.
<br><b>6)</b>  Дабы мы создали Вашу тему и заключили партнерство, Вы должны заполнить специальный шаблон, что находится ниже.
<br><b>Надеемся на плодотворное сотрудничество!</b>

</center>




</div>
</center>







<br><br><br><br>
</div></center>
Шаблон заявки
Код:
[b]1) Ссылка на нашу тему на вашем проекте:[/b]

[b]2) Код Баннера:[/b]

[b]3) Код рекламы:[/b]

[b]4) Название темы:[/b]
Наш баннер
Код:
<a href="http://jejucity.rusff.me" title="JEJU: CITY OF LOVE"><img src="http://funkyimg.com/i/222hv.gif"></a>
Наша реклама
Код:
[quote][align=center][url=http://jejucity.rusff.me][img]http://funkyimg.com/i/23cfS.jpg[/img][/url][/align][/quote]

0

18

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<center>
 <div id="swim">
   <div class="swimtitleb">
     <div class="swimtitlef">treasures from the island of FAME
</div></div>
         <div class="swimp2b" style="background-image:url(http://funkyimg.com/i/22h8e.gif)"></div>
   <div class="swimtag">

     <div class="swimtagg" style="top: 70px">1 сокровище</div>
   </div>

   <div class="swimp1b" style="background-image: url(http://funkyimg.com/i/22h7d.gif)">
   </div>
   <div class="swimposte"><table>
  <tr>
    <td><img src="http://funkyimg.com/i/23bwj.png"></td>
 <td><img src=""></td>

  </tr>
  <tr>
    <td><img src=""></td>
 <td><img src=""></td>

  </tr>
</table>




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

<style>
@keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-webkit-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-moz-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

#swim {
 height: 330px;
 width: 480px;
 position: relative;
 border: 10px solid #fff;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
 overflow: hidden
}

.swimtitleb {
 height: 165px;
 width: 480px;
 position: absolute;
 background-color: #1b3882;
}

.swimtitlef {
 height: 165px;
 width: 480px;
 line-height: 165px;
 position: absolute;
 color: #fff;
 font-family: 'cuprum';
 text-transform: uppercase;
 font-size: 13px;
 letter-spacing: 2px;
 -moz-animation: hell 3s infinite ease-in-out;
 -webkit-animation: hell 3s infinite ease-in-out;
 animation: hell 3s infinite ease-in-out;
}

.swimp1b {
 height: 165px;
 width: 480px;
 position: absolute;
 top: 165px;
 background-color: #1661c6;
 background-blend-mode: luminosity;
 z-index: 2
}

.swimp2b {
 height: 165px;
 width: 240px;
 background-color: #1762bc;
 background-blend-mode: luminosity;
 position: absolute
}

.swimtag {
 height: 165px;
 width: 240px;
 position: absolute;
 left: 240px;
 background-color: transparent
}

.swimtagg {
 height: 20px;
 width: 186px;
 line-height: 20px;
 font-family: cuprum;
 text-transform: uppercase;
 position: absolute;
 left: 25px;
 color: #fff;
 letter-spacing: 2px;
 border: 2px solid #fff;
 font-size: 9px
}

.swimtagg::first-letter {
 color: #ff5959
}

.swimposte {
 height: 145px;
 width: 460px;
 padding: 5px;
 border: 5px solid #fff;
 position: absolute;
 top: 165px;
 background-color: #fff;
 text-align: justify;
 font-family: cuprum;
 font-size: 11px;
 
 overflow: auto;
 line-height: 12px
}

.swimpost b {
 font-size: 12px;
 font-weight: 700;
 font-style: italic;
 color: #805c73;
 letter-spacing: -1px
}

.swimpost::-webkit-scrollbar {
 height: 2px
}

.swimpost::-webkit-scrollbar-thumb {
 background-color: #805c73
}

#swim .swimtitlef {
 transform: scale(1);
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
 -webkit-transition-delay: 0.7s
}

#swim:hover .swimtitlef {
 transform: scale(0);
 opacity: 0;
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
}

#swim .swimtitleb {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimtitleb {
 left: 240px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimp2b {
 left: -240px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimp2b {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimtag {
 top: -240px;
 -webkit-transition: linear 0.6s;
 -moz-transition: linear 0.6s;
 transition: linear 0.6s;
}

#swim:hover .swimtag {
 top: 0px;
 -webkit-transition-delay: 1.2s
}

#swim .swimp1b {
 left: 0px;
 -webkit-transition: 1s linear
}

#swim:hover .swimp1b {
 left: -480px;
 -webkit-transition: 1s linear
}
</style>

0

19

Код:
<!--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: #3579ea;
   margin: 0 auto;
   padding: 5px 5px 12px 5px;
}

.openroad {
   width: 340px;
   height: 50px;
   font-family: 'arial' sans-serif; 
   font-weight: bold;
   font-size: 35px;
   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:#3579ea;
  text-decoration: none;
}

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

.stabs { 
   position: relative;   
   width: 250px; 
   height: 240px; 
   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: #3579ea;
   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">FAME & self-perfection</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/22PaR.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: #3579ea; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">важная информация</div>

<div class="althekiller">

<a href="http://jejucity.rusff.me/viewtopic.php?id=2154#p228775"><div class="faceclaim"><div class="maleceleb">правила</div><div class="malechar">правила</div></a>
</div>


<a href="http://jejucity.rusff.me/viewtopic.php?id=2154#p228771"><div class="faceclaim"><div class="maleceleb">все о чеджу</div><div class="malechar">все о чеджу</div></a>
</div>


<a href="http://jejucity.rusff.me/viewtopic.php?id=1318#p122795"><div class="faceclaim"><div class="maleceleb">F.A.Q. - игровые системы</div><div class="malechar">F.A.Q. игровые системы</div></a>
</div>


<a href="http://jejucity.rusff.me/viewtopic.php?id=13#p14"><div class="faceclaim"><div class="maleceleb">Цели и Стремления</div><div class="malechar">Цели и Стремления</div></a>
</div>



<a href="http://jejucity.rusff.me/viewtopic.php?id=10#p11"><div class="faceclaim"><div class="maleceleb">объявления</div><div class="malechar">объявления</div></a>
</div>

<a href="http://jejucity.rusff.me/viewtopic.php?id=34#p38"><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: #3579ea;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: #3579ea; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">оформление профиля</div>

<div class="althekiller">

<a href="http://jejucity.rusff.me/viewtopic.php?id=16#p17"><div class="faceclaim"><div class="maleceleb">личное звание</div><div class="malechar">личное звание</div></a>
</div>

<a href="http://jejucity.rusff.me/viewtopic.php?id=6#p7"><div class="faceclaim"><div class="maleceleb">внешности</div><div class="malechar">внешности</div></a>
</div>

<a href="http://jejucity.rusff.me/viewtopic.php?id=9#p10"><div class="faceclaim"><div class="maleceleb">профессии</div><div class="malechar">профессии</div></a>
</div>

<a href="http://jejucity.rusff.me/viewtopic.php?id=15#p16"><div class="faceclaim"><div class="maleceleb">персональная страница</div><div class="malechar">персональная страница</div></a>
</div>


<a href="http://jejucity.rusff.me/viewtopic.php?id=24#p28"><div class="faceclaim"><div class="maleceleb">отношения и хронология</div><div class="malechar">отношения и хронология</div></a>
</div>



<a href="http://jejucity.rusff.me/viewtopic.php?id=23#p27"><div class="faceclaim"><div class="maleceleb">инстаграм</div><div class="malechar">инстаграм</div></a>
</div></center>
<P>
<P>
</div>
</div>
</div>




</body>

0


Вы здесь » lalala » админка » Тестовое сообщение


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