ппрылраыларо
Тарампам.
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться22012-12-19 00:17:32
Турурум
Поделиться32013-01-27 14:26:12
Боковая панель справа.
Код:
<style type="text/css" media="screen">
#slideout {
z-index: 200;
position: fixed;
top: 5px;
right: 0;
width: 35px;
padding: 12px 0;
text-align: center;
background-image: url(http://s3.uploads.ru/4Ox0U.jpg);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
#slideout_inner {
z-index: 200;
overflow-y: auto;
color: #23282c;
position: fixed;
top: 5px;
right: -250px;
background-image: url(http://s3.uploads.ru/4Ox0U.jpg);
width: 225px;
padding: 15px;
max-height: 700px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 05px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#slideout_inner textarea {
width: 190px;
height: 150px;
margin-bottom: 6px;
}
#slideout:hover {
right: 250px;
}
#slideout:hover #slideout_inner {
right: 0;
}
</style>
<div id="slideout">
<img src="http://s2.uploads.ru/yDW5A.png">
<div id="slideout_inner">
<br>
<center><b><u>ПО ПОСТАМ</u></b><br>
<a href= "http://daantebellum.rolka.su/viewtopic.php?id=508">Город цепей - столица кровавого рассвета</a> - сэр Каллен
<br>
<a href= "http://daantebellum.rolka.su/viewtopic.php?id=718">Разведка и неприятности</a> - Торанелл Айриэль
<br>
<a href= "http://daantebellum.rolka.su/viewtopic.php?id=675">Просто к каждому нужен индивидуальный подход</a> - Аторахан
<br>
<a href= "http://daantebellum.rolka.su/viewtopic.php?id=587">Теплый прием с холодным расчетом</a> - Элора
<br>
<a href= "http://daantebellum.rolka.su/viewtopic.php?id=546">Тень - царство снов</a> - Элисса Рейли
<br>
<br>
</center>
</div></div>
</div>
</div>
</div>
</div>
<style type="text/css"></style>
<script type="text/javascript">
$('textarea.limit3000').bind('keydown keypress keyup', function(e) {
if($(this).val().length>3000) {
$(this).val($(this).val().substr(0,3000));
alert('Максимальное количество символов для этого поля - 3000.');
}
});
</script>Поделиться42013-01-27 14:41:48
Код:
<style type="text/css" media="screen">
#slideout {
z-index: 200;
position: fixed;
top: 5px;
right: 0;
width: 35px;
padding: 12px 0;
text-align: center;
background-image: url(http://s3.uploads.ru/pKY9z.jpg);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
#slideout_inner {
z-index: 200;
overflow-y: auto;
color: #23282c;
position: fixed;
top: 5px;
right: -250px;
background-image: url(http://s3.uploads.ru/pKY9z.jpg);
width: 225px;
padding: 15px;
max-height: 700px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 05px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#slideout_inner textarea {
width: 190px;
height: 150px;
margin-bottom: 6px;
}
#slideout:hover {
right: 250px;
}
#slideout:hover #slideout_inner {
right: 0;
}
</style>
<div id="slideout">
<img src="http://s3.uploads.ru/CryiO.png">
<div id="slideout_inner">
<br>
<center><b><u>ПО ПОСТАМ</u></b><br>
<br>
<a href= "http://thehobbit.rusff.me/viewtopic.php?id=54#p839"><b><color=blue>Вечеринка у Беггинса</color></b></a> - <b><i><color=green>Бильбо Беггинс</color></i></b>
<br>
<a href= "http://thehobbit.rusff.me/viewtopic.php?id=44#p460"><b><color=blue>Охота в Ночи</color></b></a> - <b><i><color=maroon>Фили</color></i></b>, если он не появится до понедельника, то пишет пост <b><i><color=green>Двалин</color></i></b>
<br>
<a href= "http://thehobbit.rusff.me/viewtopic.php?id=82#p1702"><b><color=blue>Ночные Прогулки</color></b></a> - <b><i><color=green>Торин Дубощит</color></i></b>
<br>
</center>
</div></div>
</div>
</div>
</div>
</div>
<style type="text/css"></style>
<script type="text/javascript">
$('textarea.limit3000').bind('keydown keypress keyup', function(e) {
if($(this).val().length>3000) {
$(this).val($(this).val().substr(0,3000));
alert('Максимальное количество символов для этого поля - 3000.');
}
});
</script>Страница: 1
