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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65)


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

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

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

+3

621

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

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

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

Код:
/* Выделение доп. поля квенты под аватаром*/
.pa-fld4 {
  display: block;
  width: 189px;
  height: 15px;
  border: none; 
  margin-left: 15px;
  background: url(http://forumfiles.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)

+1

622

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

0

623

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>
<!--конец боковой панели-->

+2

624

kolobdur74
Спасибо, попробую, не могли бы Вы подсказать, что именно изменили, ибо я скрипт уже настроил и хотелось бы внести правки в уже готовый.
Добавлено спустя 3 минуты 16 секунд:
Не совсем то, не на главной, остается пустота справа (форум не растягивается.
http://s8.uploads.ru/t/BjrbT.png http://s7.uploads.ru/t/bhYFD.png

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

0

625

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 - это ИД селектора главной страницы:

Скриншот:

https://i.imgur.com/XNYCJsC.png

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

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

+1

626

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

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

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

0

627

kolobdur74
Поясню немного.
Главная:
http://sd.uploads.ru/t/8vXkV.png
Страница в форуме:
https://c.radikal.ru/c38/1911/85/c987112e70d6t.jpg
Вот хотелось бы, на главной есть боковая панель, а на остальном форуме нет, что бы форум растягивался под экран, а то справа пустота.

0

628

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

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

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

http://nude-celebrity.ru/

0

629

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)

+1

630

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

0

631

kolobdur74
Главная расползлась до нельзя ))))))))))))))))
http://sd.uploads.ru/t/uCO39.png
в форуме тоже широко очень.
Гляньте, код поставил.

Скидываю

Код:
<!--Боковая панель-->
<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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumfiles.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)

0

632

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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumfiles.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>
<!--конец боковой панели-->

0

633

kolobdur74
Нет, не получается
http://sh.uploads.ru/t/tc9Mw.png
на главной вообще каша )))
в форуме, надо чуть поуже...
Если важно, то у меня 1920х1080 монитор.

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

0

634

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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumfiles.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>
<!--конец боковой панели-->

0

635

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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumfiles.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>
<!--конец боковой панели-->

+1

636

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

0

637

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

+2

638

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)

+1

639

kolobdur74
Ну вроде нормально, только http://s5.uploads.ru/t/bdw6s.png http://s7.uploads.ru/t/nqNAz.png

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

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

0

640

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65)