mine

[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Лаборатория бесплатных функциональных форумов, где абсолютно любой желающий может построить себе персональный форум с интересующей тематикой." />
<title>BB.CELANS.RU - Лаборатория бесплатных форумов</title>
<style>
/* CSS reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding:0;
}
html,body {
margin:0;
padding:0;
overflow-y: hidden;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none
}
table {
border-collapse:collapse;
border-spacing:0;
}
img {
border:0;
}
ol,ul {
list-style:none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
/* General Demo Style */
body{
font-family: 'Electrolize', Arial, sans-serif;
font-weight: 400;
font-size: 15px;
color: #fff;
}
a{
text-decoration: none;
}
.clr{
clear: both;
}
/* Top Bar Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: rgba(255, 255, 255, 1);
text-transform: uppercase;
z-index: 9999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 24px;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-moz-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-o-animation: slideOut 0.5s ease-in-out 0.3s backwards;
-ms-animation: slideOut 0.5s ease-in-out 0.3s backwards;
animation: slideOut 0.5s ease-in-out 0.3s backwards;
-webkit-text-size-adjust: 100%;
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
text-shadow: 0px 1px 1px #fff;
display: block;
}
.codrops-top a:hover{
background: #fff;
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
/* Demo Buttons */
#codrops-demos{
position: fixed;
z-index: 2000;
top: 50px;
right: 50px;
}
#codrops-demos a{
display: inline-block;
font-size: 12px;
width: 60px;
height: 24px;
color: #000;
line-height: 24px;
text-align: center;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.9);
text-transform: uppercase;
}
#codrops-demos a:hover{
background: #ddd;
color: #000;
}
#codrops-demos a.current-demo,
#codrops-demos a.current-demo:hover{
background: #000;
color: #fff;
cursor: default;
}
@-webkit-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-moz-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-o-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@-ms-keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
@keyframes slideOut{
0%{top:-30px; opacity: 0;}
100%{top:0px; opacity: 1;}
}
html, body {
height:100%;
}
body {
width: 100%;
background: url(http://s5.uploads.ru/ROaFl.jpg) no-repeat #354046;
background-size: cover;
}
#header{
position: absolute;
z-index: 2000;
width: 235px;
top: 50px;
}
#header h1{
height: 109px;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
padding: 20px;
background: url(http://s4.uploads.ru/NaPVK.png) no-repeat center center rgba(0, 0, 0, 0.57);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
background-size: contain;
}
#navigation {
margin-top: 20px;
width: 235px;
display:block;
list-style:none;
z-index:3;
}
#navigation a{
color: #444;
display: block;
background: #fff;
background: rgba(255,255,255,0.9);
line-height: 50px;
padding: 0px 20px;
text-transform: uppercase;
margin-bottom: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
font-size: 14px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#navigation a:hover {
background: #ddd;
}
.maincontent{
right: 40px;
left: 280px;
top: 0px;
position: absolute;
padding-bottom: 30px;
}
.maincontent h2{
font-size: 70px;
padding: 10px 0px 20px 0px;
margin-top: 52px;
color: #fff;
color: rgba(255,255,255,0.9);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.panel{
width: 95%;
min-width: 950px;
max-width: 1100px;
height: 98%;
overflow-y: auto;
overflow-x: hidden;
margin-top: -190%;
position: absolute;
background: #000;
box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
z-index: 2;
-webkit-text-size-adjust: 100%;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.panel:target{
margin-top: 0%;
background: url(http://s5.uploads.ru/Ap8I5.png) top repeat-x rgba(168, 168, 168, 0.63);
}
#home:target ~ #header #navigation #link-home,
#create:target ~ #header #navigation #link-create,
#catalog:target ~ #header #navigation #link-catalog,
#contact:target ~ #header #navigation #link-contact{
background: #000;
color: #fff;
}
#works {
padding: 15px 0px;
}
#works li{
display: inline;
}
#works li a{
padding-right: 10px;
}
#works img {
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
padding: 12px;
background: rgba(255,255,255,0.9);
}
#form p{
background: #fff;
color: #000;
}
#form input, #form textarea{
background: #000;
color: #fff;
border: none;
}
#form textarea{
width: 493px;
height: 100px;
}
#form label{
padding-right: 10px;
}
.footnote a{
color: #ddd;
}
.boxrss {
margin-bottom: 5px;
width: 100%;
min-width: 720px;
height: auto;
background-color: #ffffff;
color: #000;
border: 2px solid #D4D4D4;
border-radius: 0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
-khtml-border-radius: 0 0 8px 8px;
box-shadow: 0 0 15px #A9A9A9;
padding: 20px 5px;
}
.post_title {
margin-bottom: 5px;
margin-top: 8px;
height: auto;
background-color: smoke;
border: 2px solid lightsteelblue;
padding: 3px 3px 4px;
}
#bib iframe {max-width: 100%;}
#bib img {max-width: 100%;}
#bib .postimg {position: relative; display: block; margin: 0 auto;}
#bib ,overflow: hidden;}
#bib1 iframe {max-width: 100%;}
#bib1 img {max-width: 100%;}
#bib1 .postimg {position: relative; display: block; margin: 0 auto;}
#bib1 {overflow: hidden;}
#bib2 iframe {max-width: 100%;}
#bib2 img {max-width: 100%;}
#bib2 .postimg {position: relative; display: block; margin: 0 auto;}
#bib2 {overflow: hidden;}

#bib3 iframe {max-width: 100%;}
#bib3 img {max-width: 100%;}
#bib3 .postimg {position: relative; display: block; margin: 0 auto;}
#bib3 {overflow: hidden;}

.ellipse{
float: left;
}
.page_navigation , .alt_page_navigation{
padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a{
padding:3px 5px;
margin:3px;
color:white;
text-decoration:none;
font-family: Tahoma;
font-size: 12px;
background-color: lightsteelblue;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px px;
text-align: center;
}
.active_page{
background-color:white !important;
color:black !important;
}
.quote-box {
padding: 8px;
margin: 5px;
background-color: whitesmoke;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
}
.code-box {
padding: 8px;
margin: 5px;
background: #F7FCFF;
color: #333;
border: 1px solid #e5e5e5;
border-top: 3px solid #1d9fde;
border-bottom: 2px solid #c5c5c5;
overflow: auto;
}
a {
color: #38A2DD;
}
h2{
font-size: 70px;
padding: 10px 0px 20px 0px;
margin-top: 52px;
color: #fff;
color: rgba(168, 168, 168, 1);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.element1 {
vertical-align: middle;
width: 460px;
height: 10em;
display: inline-block;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
}
.element1 img {
transition: .5s;
-webkit-transition: .5s;
width: 10em;
height: 7em;
}
label[for="left1"],
label[for="left2"],
label[for="right1"],
label[for="right2"] {
font-weight: 400;
font-size: 6.1em;
cursor: pointer;
padding: 14px;
}
#right1:checked ~ label[for="right2"],
#right1:checked ~ #right2:checked ~ label[for="left2"] { display: inline; }
#left1,
#left2,
#right1,
#right2,
label[for="left2"],
label[for="right2"],
#right2:checked ~ label[for="left1"],
#right1:checked ~ label[for="right1"] { display: none; } /* убираем лишние элементы, в том числе чекбоксы и пару стрелок с обоих сторон (всего их четыре) */
label[for="left1"], #right2:checked ~ label[for="right2"] { visibility: hidden; } /* чтобы вся форма не сдвигалась в результате исчезновения стрелки, делаем первую и последнюю стрелочки прозрачными. opacity для этих целей не подходит, поскольку в случае его применения курсор не меняет свой внешний вид и на пустом пространстве имеет форму руки */
#right1:checked ~ label[for="left1"] { visibility: visible; }
#right1:checked ~ .element1 img {transform: translateX(-10em); -webkit-transform: translateX(-10em);}
#right2:checked ~ .element1 img {transform: translateX(-20em); -webkit-transform: translateX(-20em);}
</style>

<script src="http://bb.celans.ru/export/stats_simple.php" type="text/javascript"></script>
</head>
<body>
<table style="width: 95%; max-width: 1100px; min-width: 950px; margin: 0 auto; position: static;" border="0" frame="void" rules="none" align="center">
<tbody>
<tr>
<td>

<div class="codrops-top">
<center><a href="http://celans.ru/#vLLa_support">
<strong>CELANS.RU LLC. 2011-2013 © - Техническая поддержка</strong>
</a></center>
<div style="float: right; padding-left: 15px; padding-right: 15px; color: #fff; text-shadow: 1px 1px 2px black, 0 0 1em black;">ТЕМА: MODERN</div>
<div class="clr"></div>
</div>

<div class="kkk" style="float: left; width: auto; margin-top: 0px; margin-left: 280px; color: #E6E6E6"; filter: url(filter.svg#blur); /* FF, IE10 & Opera */
-webkit-filter: blur(2px); z-index: 1;>
<div style="height: 118px; margin-top: 50px; background: rgba(31, 31, 31, 0.65); padding: 15px; z-index: 2; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ -webkit-text-size-adjust: 100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none">
<center>
<input type="radio" id="left2" name="raz1"/><input type="radio" id="left1" name="raz"/><input type="radio" id="right1" name="raz"/><input type="radio" id="right2" name="raz1"/>
<label for="left2">‹</label> <label for="left1">‹</label>
<div class="element1">
<img src="http://s4.uploads.ru/LmJUC.png" alt="Стили на любой вкус"/>
<img src="http://s5.uploads.ru/MUhXs.png" alt="Машина времени"/>
<img src="http://s5.uploads.ru/sNlcW.png" alt=""/>
<img src="http://s4.uploads.ru/qCjPo.png" alt=""/>
<img src="http://s5.uploads.ru/2w1Bu.png" alt=""/>
</div>
<label for="right1">›</label> <label for="right2">›</label>
</center>
</div>
<div style="min-height: 188px; height: auto; margin-top: 21px; background: rgba(31, 31, 31, 0.65); padding: 15px; z-index: 2; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ -webkit-text-size-adjust: 100%; font-family: century gothic; font-size: 14px;">[table][tr][td]ячейка 1[/td][td]ячейка 2[/td][td]ячейка 3[/td][td]ячейка 4[/td][td]ячейка 5[/td][td], <b>гость</b>! Сейчас ты находишься на одном необычном сайте <b>BB.CELANS.RU</b>, который возможно откроет тебе новые возможности и увлечения в интернете. Каждый из нас зарегистрирован в социальных сетях как Вконтакте, Facebook, Twitter и т.п. Многие проводят там месяца своей жизни находясь онлайн. Однако в один прекрасный момент, когда ты понимаешь, что социальные сети просто надоели. Хочется что-то новое...
<br>
<b>Лаборатория BB.CELANS.RU</b> - это бесплатный проект по созданию персональных форумов. Прежде никогда создание форума не было бесплатным и настолько простым. Достаточно пройти быструю минутную регистрацию и сразу же получить готовый форум.
<br>
<br>
<p style="text-align: center;"><a href="http://bb.celans.ru/#create"><span style="font-size: x-large;">Создать форум!</span></a></p>
</div></div>


<div id="create" class="panel">
<div class="maincontent">
<h2>Создание</h2>
<iframe id="myBelovedIframe" style="width:640px;height:540px;" marginheight="0" marginwidth="11" frameborder="0" src="http://bb.celans.ru/create/"></iframe>
</div>
</div>


<div id="catalog" class="panel">
<div class="maincontent">
<h2>Каталог</h2>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">

Здесь каталог

</div>
<br>
<br>
<div class="about" style="border-width: 3px; border-style: dashed; border-color: #fff; padding: 7px;">
<table style="width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="33.3%"><center><img src="http://s4.uploads.ru/fILwP.png">
<br>
RSS
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Dnovd.png">
<br>
Вконтакте
</center></td>
<td width="33.3%"><center><img src="http://s4.uploads.ru/Wru4h.png">
<br>
Twitter
</center></td>
</tr>
</tbody>
</table>
</div> </div>
</div>


<div id="contact" class="panel">
<div class="maincontent">
<h2>Связь</h2>
<p>Если вдруг у Вас возникнут какие либо вопросы по отношению к форуму - пишите администрации на E-mail: Admin@vLLa.ru</p>
<p>Вы также можете писать нам в Skype - vLLa.ru</p>
<table style="height: 40px; width: 100%;" border="0" frame="void" rules="none">
<tbody>
<tr>
<td width="50%">
<center>
<script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
<div id="SkypeButton_Chat_vlla.ru_1">
<script type="text/javascript">
Skype.ui({
"name": "chat",
"element": "SkypeButton_Chat_vlla.ru_1",
"participants": ["vlla.ru"],
"imageColor": "white",
"imageSize": 32
});
</script>
</div>
</center></td>
<td><center><img src="http://s4.uploads.ru/jBCrq.png">
</center></td>
</tr>
</tbody>
</table>
</div>
</div>


<div id="header">
<h1></h1>
<ul id="navigation">
<li><a id="link-home" href="#home">Главная</a></li>
<li><a id="link-create" href="#create">Создание</a></li>
<li><a id="link-catalog" href="#catalog">Каталог</a></li>
<li><a id="link-contact" href="#contact">Связь</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
[/html]

0

Цитировать Сообщение 7

[Re: зервный форум]

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

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

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

mine

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

Поделиться12013-10-15 15:46:58

Поделиться22013-10-16 13:18:17

Поделиться32013-10-17 18:04:45

Поделиться42013-10-17 18:05:20

Поделиться52013-10-17 20:12:26

Поделиться62013-10-17 20:15:00

Поделиться72013-10-17 21:41:49