Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12019-06-12 16:38:50
- Администратор
- Зарегистрирован: 2019-06-12
- Сообщений: 44
- Уважение: [+0/-0]
- 3: охотник на драконов
- 2:
ловит драконов, но никому не показывает, потому что жадный - 1:
волк
Поделиться22019-06-19 17:14:56
- Администратор
- Зарегистрирован: 2019-06-12
- Сообщений: 44
- Уважение: [+0/-0]
- 3: охотник на драконов
- 2:
ловит драконов, но никому не показывает, потому что жадный - 1:
волк
<div class="forumroletable">
<div class="forumroletabs">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1"><div class="tabsname"><div class="tabsname1"></div>
<h1>01</h1><h2>Добро пожаловать</h2><h3>from sweet beginnings</h3></div>
</label>
<div class="tabs1">
<div class="welcometext">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.
<!--- ссылки --->
<ul class="nav">
<li><a href="">основной сюжет</a><i class="circle"></i></li>
<li><a href="">список профессий</a></li>
<li><a href="">знакомство с фри</a></li>
<li><a href="">шаблоны анкет</a></li>
<li><a href="">занятые имена и фамилии</a></li>
</ul>
</div>
<div class="word">слово</div>
<div class="welcome21"></div>
<div class="welcome2">Добро пожаловать в наш мир!</div>
<div class="welcome3"><a href="">ссылка</a> + <a href="">Ссылка</a></div>
<div class="welcome4">
<div class="welcome41">
<a href="http://designerforumfive.quadrobb.ru/" title="ВИП ПАРТНЁР"><img src="http://placehold.it/88x31/444444/fcfcfc"></a></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
</div>
</div>
</div>
<div class="tabs">
<input type="radio" id="tabs-2" name="tabs-group-1">
<label for="tabs-2"><div class="tabsname" style="margin-left:285px;"><div class="tabsname1"></div>
<h1>02</h1><h2>в игре</h2><h3>последние события</h3></div>
</label>
<div class="tabs1">
<div class="event">
<img src="http://placehold.it/300x100/444444/fcfcfc">
</div>
<div class="updates">Число и месяц</div>
<a href=""><div class="updates1"><div></div>Nothing More Light & Dark</div></a>
<div class="updates2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. 💎
</div>
</div>
</div>
<div class="tabs">
<input type="radio" id="tabs-3" name="tabs-group-1">
<label for="tabs-3"><div class="tabsname" style="margin-left:445px;"><div class="tabsname1"></div>
<h1>03</h1><h2>администрация</h2><h3>проекта</h3></div>
</label>
<div class="tabs1">
<!--- АДМИНИСТРАЦИЯ --->
<div class="rolestaff">
<table style="width:100%;"><tr>
<td><a href="">
<div class="rolestaff1"><img src="https://i.postimg.cc/RVFjr70L/aethericon.jpg"></div></a>
<h1>МЕФИСТОФЕЛИС</h1>
<h2>АДМИНИСТРАТОР</h2>
<a href=""><h3>MESSAGE ME</h3></a></td>
<td style="width:5px;"></td>
<!--- STAFF MEMBER #2 --->
<td><a href="LINK TO ACCOUNT">
<div class="rolestaff1"><img src="https://s33.postimg.cc/lyb0mhavj/Symbol_fox.png"></div></a>
<h1>В ПОИСКАХ МОДЕРАТОРА</h1>
<h2>МОДЕРАТОР</h2>
<a href=""><h3>MESSAGE ME</h3></a></td>
</tr><tr>
<!--- STAFF MEMBER #3 --->
<td><a href="LINK TO ACCOUNT">
<div class="rolestaff1"><img src="https://s33.postimg.cc/j47v92ba7/Symbol_goat.png"></div></a>
<h1>ПОИСКАХ АДМИНИСТРАТОРА</h1>
<h2>АДМИНИСТРАТОР</h2>
<a href=""><h3>MESSAGE ME</h3></a></td>
<td style="width:5px;"></td>
<!--- STAFF MEMBER #4 --->
<td><a href="LINK TO ACCOUNT">
<div class="rolestaff1"><img src="https://s33.postimg.cc/3vhxvax1b/Symbol_grizzly.png"></div></a>
<h1>В ПОИСКАХ МОДЕРАТОРА</h1>
<h2>МОДЕРАТОР</h2>
<a href=""><h3>MESSAGE ME</h3></a></td>
</tr></table>
</div>
</div>
</div>
<div class="tabs">
<input type="radio" id="tabs-4" name="tabs-group-1">
<label for="tabs-4"><div class="tabsname" style="margin-left:685px;"><div class="tabsname1"></div>
<h1>04</h1><h2>factions</h2><h3>we borrowed heaven</h3></div>
</label>
<div class="tabs1">
</div>
</div>
<div class="tabs">
<input type="radio" id="tabs-5" name="tabs-group-1">
<label for="tabs-5"><div class="tabsname" style="margin-left:845px;"><div class="tabsname1"></div>
<h1>05</h1><h2>credits</h2><h3>don't take it back</h3></div>
</label>
<div class="tabs1">
<div class="cred"></div>
<div class="cred1">пример названия заголовка</div>
<div class="cred2">
lorem ipsum dolor sit amet, consectetur adipiscing elit. in efficitur eros eu diam vestibulum, at pretium libero blandit. duis ut blandit tellus, interdum euismod nisl. sed mattis erat non dapibus porttitor. curabitur faucibus dictum ex et eleifend. sed ultrices ante a sapien bibendum lobortis. aliquam erat volutpat. mauris ornare ligula eget felis placerat, a laoreet felis lobortis. aliquam et elementum lectus. aliquam suscipit nisl non tortor elementum ullamcorper. donec tincidunt mollis purus, a condimentum leo.
</div>
</div>
</div>
</div></div>
Поделиться32019-06-20 14:23:10
- Администратор
- Зарегистрирован: 2019-06-12
- Сообщений: 44
- Уважение: [+0/-0]
- 3: охотник на драконов
- 2:
ловит драконов, но никому не показывает, потому что жадный - 1:
волк
<div class="welcome4">
<div class="welcome41">
<a href="http://designerforumfive.quadrobb.ru/" title="ВИП ПАРТНЁР"><img src="https://forumstatic.ru/files/0019/c8/05/28123.gif"></a></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
<div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
</div>
Поделиться42019-06-21 12:26:48
- Администратор
- Зарегистрирован: 2019-06-12
- Сообщений: 44
- Уважение: [+0/-0]
- 3: охотник на драконов
- 2:
ловит драконов, но никому не показывает, потому что жадный - 1:
волк
.bbmtitle {
position: absolute;
top: 20px;
left: 0px;
width: 350px;
height: 40px;
text-align: center;
font: italic 30px/40px "Montserrat", sans-serif;
color: #ff1178;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fbc3db, 0 0 20px #fbc3db, 0 0 30px #ff1178, 0 0 40px #ff1178, 0 0 50px #ff1178, 0 0 60px #ff1178, 0 0 70px #ff1178;
}
to {
text-shadow: 0 0 20px #fbc3db, 0 0 30px #fbc3db, 0 0 40px #ff1178, 0 0 50px #ff1178, 0 0 60px #ff1178, 0 0 70px #ff1178, 0 0 80px #ff1178;
}
}
Поделиться52019-06-21 12:49:26
- Администратор
- Зарегистрирован: 2019-06-12
- Сообщений: 44
- Уважение: [+0/-0]
- 3: охотник на драконов
- 2:
ловит драконов, но никому не показывает, потому что жадный - 1:
волк
.title span {-webkit-animation: glow 2s ease-in-out both infinite; animation: glow 2s ease-in-out both infinite; -moz-animation: glow 2s ease-in-out both infinite; animation: glow 2s ease-in-out both infinite; margin: 5px;}
.title span:nth-child(1) {-webkit-animation-delay: -0.2857142857s; animation-delay: -0.2857142857s; -moz-animation-delay: -0.2857142857s; animation-delay: -0.2857142857s;}
.title span:nth-child(2) {-webkit-animation-delay: -0.5714285714s; animation-delay: -0.5714285714s; -moz-animation-delay: -0.5714285714s; animation-delay: -0.5714285714s; }
.title span:nth-child(3) {-webkit-animation-delay: -0.8571428571s; animation-delay: -0.8571428571s; -moz-animation-delay: -0.8571428571s; animation-delay: -0.8571428571s;}
.title span:nth-child(4) {-webkit-animation-delay: -1.1428571429s; animation-delay: -1.1428571429s; -moz-animation-delay: -1.1428571429s; animation-delay: -1.1428571429s;}
.title span:nth-child(5) {-webkit-animation-delay: -1.4285714286s; animation-delay: -1.4285714286s; -moz-animation-delay: -1.4285714286s; animation-delay: -1.4285714286s; }
.title span:nth-child(6) {-webkit-animation-delay: -1.7142857143s; animation-delay: -1.7142857143s; -moz-animation-delay: -1.7142857143s; animation-delay: -1.7142857143s;}
.title span:nth-child(7) {-webkit-animation-delay: -2s; animation-delay: -2s; -moz-animation-delay: -2s; animation-delay: -2s;}
@-webkit-keyframes glow {0%, 100% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #65afb2, -25px 25px 50px #1b102f, 25px 25px 50px #fff; } 33% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #8143a0, -25px 25px 50px #65afb2, 25px 25px 50px #efefef; } 66% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #1b102f, -25px 25px 50px #eee, 25px 25px 50px #aaa; } }
@-moz-keyframes glow {0%, 100% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #fff, -25px 25px 50px #1b102f, 25px 25px 50px #65afb2; } 33% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #8143a0, -25px 25px 50px #efefef, 25px 25px 50px #8143a0; } 66% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #1b102f, -25px 25px 50px #eee, 25px 25px 50px #aaa; } }
@keyframes glow {0%, 100% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #65afb2, -25px 25px 50px #fff, 25px 25px 50px #65afb2; } 33% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #efefef, -25px 25px 50px #65afb2, 25px 25px 50px #8143a0; } 66% {text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px #1b102f, -25px 25px 50px #eee, 25px 25px 50px #aaa; } }
Страница: 1