Общие вопросы по оформлению (65)

Страница: « 1 … 30 31 32 33 34 … 101 »

Тема закрыта

Сообщений 621 страница 640 из 2001

Поделиться1Ср, 13 Фев 2019 13:52:59

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1962
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Поделиться621Пт, 29 Ноя 2019 16:44:06

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

kolobdur74 написал(а):

Либо на .pa-fld4 поставьте оформление и внутри него двигайте ссылку..

То есть вот так:

Код:

/* Выделение доп. поля квенты под аватаром*/
.pa-fld4 {
  display: block;
  width: 189px;
  height: 15px;
  border: none; 
  margin-left: 15px;
  background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat;
  color:#99b4e7;
}

#pun-main .post-author ul .pa-fld4 a {
  display: block;
  text-align: left;
  margin-left: 50px;
}

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 16:46:23)

Поделиться622Пт, 29 Ноя 2019 16:49:47

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

Здравствуйте, подскажите пожалуйста, как сделать, что бы данный скрипт "Боковой панели", работал только на главной?
Скрипты от пользователей 3

Поделиться623Пт, 29 Ноя 2019 16:55:34

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

Здравствуйте, подскажите пожалуйста, как сделать, что бы данный скрипт "Боковой панели", работал только на главной?

Тестируйте:

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto 14% auto 25px; width: 990px;}
.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */
background:#FFFFFF; /* фон блока */
border: 2px #417ed0   solid; /* стили рамки */
border-radius: 10px 10px 10px 10px; /* закругление углов */
box-shadow:5px 5px 7px #888/*Тень*/}
</style>
<div class="sidbar">
<center>
(Количество блоков размножаете сколько вам надо. Вместо троеточия, ставите то что вам надо)
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
</center>
</div>
<!--конец боковой панели-->

Поделиться624Пт, 29 Ноя 2019 17:13:14

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Спасибо, попробую, не могли бы Вы подсказать, что именно изменили, ибо я скрипт уже настроил и хотелось бы внести правки в уже готовый.
Добавлено спустя 3 минуты 16 секунд:
Не совсем то, не на главной, остается пустота справа (форум не растягивается.

Отредактировано ACT3255 (Пт, 29 Ноя 2019 17:16:30)

Поделиться625Пт, 29 Ноя 2019 17:20:51

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

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

kolobdur74 написал(а):

.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */

Выделил красным.. Поясняю что сделал:
.sidbar {display: none;} - это я удалил сайдбар со всех страниц..
#pun-index - это ИД селектора главной страницы:

Скриншот:

#pun-index .sidbar {display: block; - это я включил обратно, но уже только на главной странице.
#pun-index .bar - это действие для блока с классом .bar, который находится внутри блока с классом .sidbar? только на главной странице.

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 17:22:39)

Поделиться626Пт, 29 Ноя 2019 17:24:44

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

Не совсем то, не на главной, остается пустота справа (форум не растягивается.

Адрес форума с установленным кодом..

Поделиться627Пт, 29 Ноя 2019 17:26:35

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Поясню немного.
Главная:

Страница в форуме:

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

Поделиться628Пт, 29 Ноя 2019 17:27:00

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74 написал(а):

ACT3255 написал(а):
Не совсем то, не на главной, остается пустота справа (форум не растягивается.
Адрес форума с установленным кодом..

http://nude-celebrity.ru/

Поделиться629Пт, 29 Ноя 2019 17:51:39

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

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

Я понял... Я имел ввиду с установленным моим кодом.. Попробуйте так:

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;}
.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */
background:#FFFFFF; /* фон блока */
border: 2px #417ed0   solid; /* стили рамки */
border-radius: 10px 10px 10px 10px; /* закругление углов */
box-shadow:5px 5px 7px #888/*Тень*/}
</style>
<div class="sidbar">
<center>
(Количество блоков размножаете сколько вам надо. Вместо троеточия, ставите то что вам надо)
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
</center>
</div>
<!--конец боковой панели-->

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 17:58:13)

Поделиться630Пт, 29 Ноя 2019 17:54:53

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255, скиньте свою боковую панель я ее перепишу под свой код..

Поделиться631Пт, 29 Ноя 2019 17:55:47

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Главная расползлась до нельзя ))))))))))))))))

в форуме тоже широко очень.
Гляньте, код поставил.

Скидываю

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto 14% auto 25px; width: auto;}
.sidbar {position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
.bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}

#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

Отредактировано ACT3255 (Пт, 29 Ноя 2019 17:57:44)

Поделиться632Пт, 29 Ноя 2019 18:02:35

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

Главная расползлась до нельзя ))))))))))))))))

Я ошибку допустил.. Попробуйте теперь:

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

Поделиться633Пт, 29 Ноя 2019 18:04:46

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Нет, не получается

на главной вообще каша )))
в форуме, надо чуть поуже...
Если важно, то у меня 1920х1080 монитор.

Отредактировано ACT3255 (Пт, 29 Ноя 2019 18:07:17)

Поделиться634Пт, 29 Ноя 2019 18:07:56

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

Нет, не получается

Поправил:

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;float: none;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

Поделиться635Пт, 29 Ноя 2019 18:10:45

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255, поправил гуляние сайдбара в зависимости от разрешения, которое у вас было:

Код:

<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;float: none;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; right: 1.8%; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

Поделиться636Пт, 29 Ноя 2019 18:13:06

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Вроде сработало, теперь подвину сайдбар и посмотрю, спасибо за помощь!!! :cool:

Поделиться637Пт, 29 Ноя 2019 18:13:46

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255, щас подождите.. я еще поправлю..

Поделиться638Пт, 29 Ноя 2019 18:16:24

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255, Замените в коде это (красным выделил):

kolobdur74 написал(а):

#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; right: 1.8%; width:256px;}

На:

Код:

right: 1%;width: 14%;

Так сайдбар не должен гулять..

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 18:17:37)

Поделиться639Пт, 29 Ноя 2019 18:19:27

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2823
Уважение: +1562
Позитив: +2096
Пол: Мужской
Последний визит:
Сегодня 20:03:30

kolobdur74
Ну вроде нормально, только

выпадает не там,
ну это посмотрим, надо все ровно ещё кнопки выравнивать, расползлись немного.

Отредактировано ACT3255 (Пт, 29 Ноя 2019 18:20:40)

Поделиться640Пт, 29 Ноя 2019 18:30:12

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

ACT3255 написал(а):

выпадает не там

Ну, попробуйте здесь поправить:

#userhero2 figcaption {
display:block;
width:44px;
background:#27324A;
border-radius: 0 0 7px 7px;
box-shadow: 0 0 5px #40310A inset;
color: #fff; font-size: 0.8em;
font-weight: bold;
height: 15px;
left: 3px;
position: absolute;
top: 30px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}

Тема закрыта

Страница: « 1 … 30 31 32 33 34 … 101 »

Единый форум поддержки

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

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

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

Общие вопросы по оформлению (65)

Сообщений 621 страница 640 из 2001

Поделиться1Ср, 13 Фев 2019 13:52:59

Поделиться621Пт, 29 Ноя 2019 16:44:06

Поделиться622Пт, 29 Ноя 2019 16:49:47

Поделиться623Пт, 29 Ноя 2019 16:55:34

Поделиться624Пт, 29 Ноя 2019 17:13:14

Поделиться625Пт, 29 Ноя 2019 17:20:51

Поделиться626Пт, 29 Ноя 2019 17:24:44

Поделиться627Пт, 29 Ноя 2019 17:26:35

Поделиться628Пт, 29 Ноя 2019 17:27:00

Поделиться629Пт, 29 Ноя 2019 17:51:39

Поделиться630Пт, 29 Ноя 2019 17:54:53

Поделиться631Пт, 29 Ноя 2019 17:55:47

Поделиться632Пт, 29 Ноя 2019 18:02:35

Поделиться633Пт, 29 Ноя 2019 18:04:46

Поделиться634Пт, 29 Ноя 2019 18:07:56

Поделиться635Пт, 29 Ноя 2019 18:10:45

Поделиться636Пт, 29 Ноя 2019 18:13:06

Поделиться637Пт, 29 Ноя 2019 18:13:46

Поделиться638Пт, 29 Ноя 2019 18:16:24

Поделиться639Пт, 29 Ноя 2019 18:19:27

Поделиться640Пт, 29 Ноя 2019 18:30:12