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

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

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


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


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

Сообщений 1461 страница 1480 из 1486

1

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

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

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

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

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

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

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

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

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

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

+1

1461

Трамп
Попробуйте такой вариант скрипта:

Код:
<script type="text/javascript">
var DefAvtr = 'https://i.ibb.co/rZ6Bg1t/image.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://i.ibb.co/x6QW5nY/image.png'; //Ссылка на аватар для Гостя
$('#pun-viewtopic,#pun-messages').find('.post').each(function(){
    var b = DefAvtr;
    if($(this).attr('data-group-id') == '3'){b = GuestAvtr;}
    var s = '<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
    if($(this).find('.pa-avatar').html() == null) $(this).find('.pa-title').after(s);
});
$('#profile-left strong:contains("Нет аватара")').parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

Дело в том, что в скрипте бралось из статуса группы Гость, которое при смене в админке становится другим, от этого скрипт переставал работать. Переделал скрипт, чтобы брался ID группы гостя из самого поста.

+3

1462

Reysler, о! Ты мой спаситель! Спасибо большое, работает! *w*

0

1463

Приветствую. Не подскажите, как панель с кнопками у брать из шапки и местить ее вниз, чтобы весь блок был под шапкой? А то сливаются кнопки и не видно на фоне. Возможно есть еще какие-нибудь варианты, чтобы было видно кнопки?

https://sun9-72.userapi.com/impg/RgkaWdJTwO2N1jw8gB3r356_nJi0_Gu3Rg-xcA/yIdfGXxs8UQ.jpg?size=1299x133&amp;quality=96&amp;sign=e63dc301204056f938d9628c9b902580&amp;type=album

Вот так:
https://sun9-79.userapi.com/impg/GUCBBt1tH6-8xOsdKmVHgmnAKQF1IUNjdDoD9g/hNnz3kBwCK0.jpg?size=1124x114&amp;quality=96&amp;sign=47b8df75bc51a8813f711f3523996e0d&amp;type=album

Отредактировано POLIGON (Сб, 5 Окт 2024 17:20:42)

0

1464

POLIGON
Ссылку на форум с проблемой

+1

1465

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

POLIGON
Ссылку на форум с проблемой

Форум

0

1466

POLIGON
В Администрирование - Формы - HTML-верх найдите код:

<!--Рег. высоты меню под шапкой -->

<style type="text/css">
#pun-navlinks {
  margin-top: 0px;
  margin-bottom: 0px;
}

</style>

Выделенное красным поменяйте на 95px или на своё значение.

+1

1467

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

Выделенное красным поменяйте на 95px или на своё значение.

Да, спасибо, все работает.

0

1468

POLIGON
Перенес в общие вопросы по оформлению. Не стоит обращаться с вопросами в чужие темы, впредь лучше писать в общей либо создать свою.

+2

1469

Приветствую. Настраиваю свой стиль форума и не могу найти параметр где изменяется цвет вот этого бордюра (коричневый цвет). Не подскажите какой параметр за это отвечает? Ссылка на форум.

Код стиля

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
        background: url(../../img/Mybb_Amulet/bg.gif) #696969 repeat-x;
}

html {
    background-color: #696969;
}

#pun-title TABLE {
        background: url(../../img/Mybb_Amulet/logo.gif) no-repeat top right;
        margin-left: -2px;
}

#pun-title h1 {
        background: none
}

#pun {
        background: transparent;
        color: #301200;
        border-color: #26363d
}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #F5F5F5;
  color: #301200;
  }

#pun-ulinks .container{
  background-color:  #917e72;
  color: #301200;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background-color: #A9A9A9;
  color: #301200;
}

.punbb .post h3 span {
  background-color: #C0C0C0;
  color: #301200;
}

.punbb td.tc2, .punbb td.tcr  {
  background-color: #D3D3D3;
  color: #301200;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1,.punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(../../img/Mybb_Amulet/h2.gif) repeat-x #696969;
  color: #fff;
  text-align: center;
  font-size: 1.7em;
  font-family: tahoma;
  font-weight: normal;
  letter-spacing: 1px;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: #808080;
  color: #301200;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #FFFFFF;
  color: #301200;
  }

/* CS1.6 */
#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
        font-size: 0.9em;
        color: #301200;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #F5F5F5;
  color: #301200
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #F2E6E1;
  color: #301200
}

/* CS1.8 */
#pun-navlinks .container {
  background: url(../../img/Mybb_Amulet/h2.gif) repeat-x  #917e72 ;
  color: #301200;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

.punbb th {
  color: #FFFFFF;
  background: url(../../img/Mybb_Amulet/sub.gif) repeat-x #7f6e64;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
     border-color:   
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: #79685F
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #7f6e64
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #7f6e64
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #79685F
  }

/* CS2.5 */
.punbb th {
  border-color: #79685F;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #79685F
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #EBDFDA
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #FFF6F2
  }

.punbb .divider {
  border-color: #EBDFDA #FFF6F2 #FFF6F2 #EBDFDA;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #a7b5bd;
  }

li.pa-online {
  border-left-color: #968377;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000000;
  text-decoration: underline;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #FFF6F2;
  text-decoration: underline;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #0000FF;
   text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #0000FF;
  text-decoration: none;
border: 0px solid
border-radius: 0px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #301200;
  color: #301200;
  }

.post h3 span a:link, .post h3 span a:visited {
        font-weight: normal;
        font-size: 0.9em;
        text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(../../img/Mybb_Amulet/old.gif) no-repeat;
}

tr.inew div.icon {
        background: url(../../img/Mybb_Amulet/new.gif) no-repeat;
}

tr.iclosed div.icon {
        background: url(../../img/Mybb_Amulet/lock.gif) no-repeat;
}

tr.iredirect div.icon {
        background: url(../../img/Mybb_Amulet/link.gif) no-repeat;

}

tr.isticky div.icon {
        background: url(../../img/Mybb_Amulet/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
        background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url(../../img/Mybb_Amulet/post.gif) no-repeat 0px 5px;
        padding-left: 16px;
}

#pun-stats ul.container {
        background: transparent url(../../img/Mybb_Amulet/stats.gif) no-repeat 14px 35px;
        padding-left: 62px;
}

#pun-stats div.statscon {
        background: #f7ebe6;
}

#pun-crumbs2 .container, #pun-about .container{
        background:  #f7ebe6;
        color: #301200;
}

#pun-main div.catleft, #pun-main div.catright {
        display: none;
}

https://sun9-8.userapi.com/impg/bM8qy9sepucDaacwwVGxs915M9F4mETZ-9lIlQ/_rNrbpkojTk.jpg?size=1180x239&amp;quality=96&amp;sign=6b3f430049ef10f07db9ce8052ef0490&amp;type=album

0

1470

POLIGON

.punbb th {
  color: #FFFFFF;
  background: url(../../img/Mybb_Amulet/sub.gif) repeat-x #7f6e64;
}

а какой Вам вид нужен ? Поправьте в редакторе

Отредактировано Deff (Пн, 14 Окт 2024 21:53:37)

+1

1471

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

.punbb th {

Спасибо! Очень помогли.

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

а какой Вам вид нужен ? Поправьте в редакторе

Я только цвета меняю, в целом все устраивает )

Появилась вот такая проблема. После смены цвета пропали значки на закрепленных темах. Можно их как-то восстановить?

https://sun9-41.userapi.com/impg/KVpnykLbLymP7ZCeE8TBewOtuELRlOlBdku5Yg/Ut0UdQTrrww.jpg?size=863x476&amp;quality=96&amp;sign=7911967360b83761bd30b81d2d74059e&amp;type=album

0

1472

POLIGON
Ну тут наверно пропали значки новых сообщений, ибо черненькие танчики под гостем видны все https://forumupload.ru/uploads/0000/14/ … 854303.png
Поскольку новые под гостем не видны - для теста нужен админ-ник пароль и ссылка на форум в личку...

Отредактировано Deff (Вт, 15 Окт 2024 00:22:27)

+1

1473

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

POLIGON
Ну тут наверно пропали значки новых сообщений, ибо черненькие танчики под гостем видны все https://forumupload.ru/uploads/0000/14/ … 854303.png
Поскольку новые под гостем не видны - для теста нужен админ-ник пароль и ссылка на форум в личку...

Не, там нет новых сообщений. Это выделенные темы, которые висят сверху. Раньше там был синий танк. Но сейчас, после изменения темы он почему-то пропал. А вот на новых сообщениях он появляется как положено:

https://sun9-55.userapi.com/impg/ZAbMbnVDIOXs8Njifu3KDvejzr855GkD8kA0zw/R1UlDGpI0Zs.jpg?size=1070x299&amp;quality=96&amp;sign=20085301ea737702cddc416f70c1bcd8&amp;type=album

0

1474

POLIGON
Может так?

<style type="text/css">TR.inew Div.icon, tr.isticky div.icon {
background-image : url(https://forumstatic.ru/files/0018/18/32/57226.png);
background-repeat: no-repeat;
}
</style>

+2

1475

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

POLIGON
Может так?

Да, поправил. Спасибо!

0

1476

Доброго времени. Подскажите пожалуйста, взят код со смайликами вот отсюда Скрипты от пользователей 3, но у меня не получается разграничить паки отдельно, они все равно получаются в одной полосе. Подскажите как поправить.  Ссылающий файл вот https://forumstatic.ru/files/001c/37/f1/53960.txt?v=4 Итог
https://forumupload.ru/uploads/0000/14/1c/39070/t499883.png

Отредактировано Seal (Пн, 21 Окт 2024 15:23:58)

0

1477

Seal
Уберите лишний пробел (именно пробел, не новую строку!) между последней ссылкой на изображение и началом новой категории
https://forumupload.ru/uploads/0000/14/1c/15830/t344222.png

+1

1478

Reysler
Спасибо большое, получилось

0

1479

Здравствуйте. Не подскажите, как можно масштабировать вот эти иконки?

https://sun9-63.userapi.com/impg/RmQyiyOQisMheSkzP99DoZbWDl7SCHHIvoO_VA/FWlkij2N7oM.jpg?size=720x470&amp;quality=96&amp;sign=96f2fcea2019079c97e8b442d3b10d93&amp;type=album

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

https://sun9-77.userapi.com/impg/xPu7FD7Bm1r7AqaRmqrxP9w-5Ch4GkEtrFaEPg/noMgFVrccs0.jpg?size=707x201&amp;quality=96&amp;sign=daa01b60e1a99881c68d6ac95b90aa93&amp;type=album

0

1480

POLIGON
Иконки в этом размере удобоваримо не смасштабируются
выложите картинку хотя бы 64х64 пиксела

Сейчас у Вас высота танка всего  12px https://forumstatic.ru/files/0018/18/32/52474.png

Вот уменьшить проще, чем увеличивать микробную картинку

Отредактировано Deff (Сб, 2 Ноя 2024 01:14:55)

0


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