Коды

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

Поделиться12015-08-13 11:41:26

Автор: тайна
Администратор
Зарегистрирован: 2015-08-11
Приглашений: 0
Сообщений: 14
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 50 минут
Последний визит:
2016-03-09 10:30:03

html-верх

Код:

<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
  outline:red 1px solid;
  top:300px;
  padding:0;
  margin-left:-280px;
  position:fixed;z-index:1000;
  left: 0px;
}
.content-L {
  padding:12px;
  width:236px;
  height:536px;
  margin-left:14px;
  margin-top:18px;
  position:absolute;
  color:#fff;
  background-color:#797979;

}
</style>
<div data="0" id="left-panel">
<div class="content-L">
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
 f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f
</div>
<img id="img-left" src="http://s3.uploads.ru/clft1.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->

Пояснения

для Левой Панели, (правая - аналогично)
1. Ставим ссылку на свою картинку в тег img (если не нравится текущий вариант)
<img id="img-left" src="http://s2.uploads.ru/Eqh2Z.png" ...
2. Находим строку margin-left:-280px;
Код:
#left-panel {
  outline:red 1px solid;
  top:300px;
  padding:0;
  margin-left:-280px;
И временно заменяем красное - на 0
Синее(отступ от верха) меняем на своё значение
3. Правим и выставляем нужные размеры и смещения
Код:
.content-L {
  padding:12px;
  width:236px;
  height:536px;
  margin-left:14px;
  margin-top:18px;
4. В конце настроек вместо 0 в margin-left: экспериментально выставляем нужное значение красным [ см п.п.2]
(Значение, примерно, на пару-тройку десяток пиксел больше ширины .content-L(R) и знак - )
и убираем строку outline:red 1px solid;
Всё!..
Да, для правой панели в "#right-panel{" вместо margin-left будем править margin-right

Поделиться22015-08-13 11:43:28

Автор: тайна
Администратор
Зарегистрирован: 2015-08-11
Приглашений: 0
Сообщений: 14
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 50 минут
Последний визит:
2016-03-09 10:30:03

Линейка: "Нашему форуму.." Автор: Валера с форума: http://magerivenaly.rolevaya.ru/
Многие пользуются линейками с разных ресурсов вида: Нашему форуму: 2 года 5 месяцев 13 дней, часто такие линейки плохо загружаются, перестают отображаться картинки и т.д. Зачем пользоваться чужими ресурсами, если можно своими? Как раз по этому и был разработан этот скрипт (кстати, он точнее показывает дату, чем линейки с сторонних ресурсов):

Код:

<!--Линейка: "Нашему форуму.."-->
<div id="data2">
<div id="data3"><img src="ссылка на вашу картинку" /></div>
</div>
<script type="text/javascript">
$(function(){
$('div#data2').append('<div id="data1"></div>');
var mydate = new Date();
var gf = (1912); //год
var mf = (9); //Месяц
var df = (10); //День
var g = mydate.getFullYear();
var god = (g - gf);
var m = mydate.getMonth();
if (m ==  0) {var k = 31;}
if (m ==  1) {var k = 31;}
if (m ==  2) {var k = 28;}
if (m ==  3) {var k = 31;}
if (m ==  4) {var k = 30;}
if (m ==  5) {var k = 31;}
if (m ==  6) {var k = 30;}
if (m ==  7) {var k = 31;}
if (m ==  8) {var k = 31;}
if (m ==  9) {var k = 30;}
if (m ==  10) {var k = 31;}
if (m ==  11) {var k = 30;}
var m = (m + 1);
var dn0=mydate.getDate();
var dn1 = (dn0 - df);
if (dn1 < 0) {
var dn1 = (k + dn0 - df);
var m = (m-1);
}
var day = dn1;
var mn = (m - mf);
if (mn < 0) {
var mn = (12 + m -4);
var god = (god - 1);
}
var month = mn;
Days = new Array('дней','день', 'дня', 'дня', 'дня', 'дней', 'дней', 'дней', 'дней', 'дней');
var tDay = ((day%100)>=10 && (day%100)<=19) ? 0 : day%10;
var tYear = (god%100>=10 && (god%100)<=19) ? 0 : god%10;
Years = new Array('лет','год', 'года', 'года', 'года', 'лет', 'лет', 'лет', 'лет', 'лет');
Months = new Array('месяцев','месяц', 'месяца', 'месяца', 'месяца', 'месяцев', 'месяцев', 'месяцев', 'месяцев', 'месяцев');   
var tMonth = ((month%100)>=10 && (month%100)<=19) ? 0 : month%10;
$('#data1').append('<span style="font-family: Times New Roman, Times, serif;font-size: 14px;"><b>Нашему форуму: ' + god + ' '+ Years[tYear] +' ' + month + ' '+ Months[tMonth] +' ' + day + ' '+ Days[tDay] +'</b></span>');
});
</script>

Где: <img src="ссылка на вашу картинку" /> - ставим какую нибудь свою красивую картинку, лучше загруженную через Администрирование - Файлы.
Здесь выставляем дату рождения вашего форума:
var gf = (1912); //Год
var mf = (9); //Месяц
var df = (10); //День
Отличие от подобных скриптов - этот показывает как и на нормальных линейках, не сколько дней прожил форум, а год, месяц и день - все как полагается.

Поделиться32015-08-14 14:25:30

Автор: тайна
Администратор
Зарегистрирован: 2015-08-11
Приглашений: 0
Сообщений: 14
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 50 минут
Последний визит:
2016-03-09 10:30:03

Код:

/*окантовка профиля - картинками*/
.post-author a, .post-author a:hover, .post-author a:focus, .post-author a:active {color: #000 !important;
}
li.pa-avatar {margin-top: 2px !important; z-index: 5;}
.pa-title {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 300 !important;
padding: 0px 0px 5px 5px !important;
text-align: center;
}
.pa-author {
background: url("картинка для верха профиля") 0% 0% no-repeat;
color: #000 !important;
height: 51px;
line-height: 26px !important;
margin-left: -0px !important;
margin-top: -0px !important;
padding: 0px 5px 0px 0px !important;
position: relative;
text-align: center;
width: 199px !important;
}
.pa-author a, .pa-author {
color: #000 !important;
font-family: "Century" !important;
font-size: 10pt !important;
font-variant: small-caps !important;
font-weight: 200 !important;
margin-left: 0px;
text-align: center;
font-style: normal !important;
}
.post-author {
background: url("картинка для середины профиля") repeat-y; weight: 199px;
color: #000 !important;
}
.post-author ul li {
padding: 0px 3px;
text-align: center;
color: #000 !important;
}
.post-author > ul {
    background: url("Картинка для низа профиля") no-repeat scroll center bottom transparent;
margin-left: 0px;
text-align: center;
width: 199px !important;
margin-left: -11px !important;
}

Поделиться42015-08-14 14:35:35

Автор: тайна
Администратор
Зарегистрирован: 2015-08-11
Приглашений: 0
Сообщений: 14
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 50 минут
Последний визит:
2016-03-09 10:30:03

Код:

/* Окантовка профиля*/
.post-author ul
{
box-shadow: 0 0 10px transparent;
border-radius: 45px 45px 45px 45px;
border: double 5px rgba(129,116,87, 0.1);
moz-border-radius: 15px;
webkit-border-radius: 15px;
border-radius: 15px;
text-align:center;
background-color: rgba(129,116,87, 0.1);
}
.post-author ul li {border-top: 7px dashed transparent;}

Поделиться52015-11-08 21:40:11

Автор: тайна
Администратор
Зарегистрирован: 2015-08-11
Приглашений: 0
Сообщений: 14
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
7 часов 50 минут
Последний визит:
2016-03-09 10:30:03

тратата

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

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

Объявление

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

Коды

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

Поделиться12015-08-13 11:41:26

Поделиться22015-08-13 11:43:28

Поделиться32015-08-14 14:25:30

Поделиться42015-08-14 14:35:35

Поделиться52015-11-08 21:40:11