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

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

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

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

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

Страница:   1 … 20 21 22 23 24 … 82  

Сообщений 421 страница 440 из 1639

1

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

В этой теме просим помощи в оформлении форума и его элементов

Столкнулись с трудностями в оформлении вашего форума? Или просто хотите придать ему новый, свежий вид? В этой теме вы можете задать вопросы по стилизации, дизайну и внешнему виду вашего форума. Получите помощь по работе с CSS, настройке цветовой гаммы, шрифтов, размещению изображений и другим элементам оформления.

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

  • Укажите ссылку на форум: Ссылка на форум, с которым требуется помочь, позволит нам увидеть, понять контекст проблемы и предложить наиболее точное решение, не тратя время на догадки.

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

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

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

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

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

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

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

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

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

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

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

+1

421

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47

Иса, поправил.. Правило Импортантов.. Вот зачем вы их ставите?

Правила приоритетов в CSS

Отредактировано kolobdur74 (Вт, 30 Мар 2021 22:01:28)

0

422

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

kolobdur74
а так нет самого фона (

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

Вот зачем вы их ставите?

я их ставлю когда что-то не работает, чтобы работало)

0

423

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47
Иса написал(а):

я их ставлю когда что-то не работает, чтобы работало)

Так не бывает)) Вы просто перебиваете всё им, а потом уже не можете перебить этот код..  Есть каскадность, можно использовать для перекрытия вышестоящий селектор, можно посмотреть, а возможно просто сделать правки или объединить два кода, но импортант стоит ставить в последнюю очередь, а не на всё.. Это как гильотина от всех болезней..

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

а так нет самого фона (

Сделайте скриншот как должно быть..

0

424

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

kolobdur74
Вот я нашла пример. Тут галочки установлены поверх фона.
http://neversleeps.rusff.me/

Нельзя ли так же проставить названия разделов?

0

425

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47
Иса написал(а):

Нельзя ли так же проставить названия разделов?

Проверьте данный скрипт:

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background":"url("+myarray[q+1]+") transparent 23px 50% no-repeat, url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

0

426

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

kolobdur74
тоже нет )) засада. Ладно пока отбой, спасибо.
Может еще вернусь с этим же вопросом ) пока оставлю так

0

427

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51715
  • Уважение: +15537
  • Позитив: +12337
  • Последний визит:
    Сегодня 14:36:41

Иса
Ни наю, не проверял:

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background": "url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center, url("+myarray[q+1]+") no-repeat 23px 50%"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
</script>

По идее можно поставить прозрачным фоном на :after тем же размером, что и категория и через z-index подложить под неё, тады верх через скрипт, низ с эффектом прозрачности через :after
2-е - У категории чичас есть независимый(от скрытия группам пользователей) постоянный селектор через класс

<div id="pun-category2" class="category category-4">

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

Отредактировано Deff (Вт, 30 Мар 2021 23:00:30)

+1

428

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47
Deff написал(а):

Ни наю, не проверял:

Дефф, не работает двойной фон:

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

"background": "url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center, url("+myarray[q+1]+") no-repeat 23px 50%"

Я тоже самое пробовал:

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

"background":"url("+myarray[q+1]+") transparent 23px 50% no-repeat, url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center"

+1

429

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51715
  • Уважение: +15537
  • Позитив: +12337
  • Последний визит:
    Сегодня 14:36:41

Может так прокатит ?

Код:
"background":"url("+myarray[q+1]+") transparent 23px 50% no-repeat", "url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center"

+1

430

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51715
  • Уважение: +15537
  • Позитив: +12337
  • Последний визит:
    Сегодня 14:36:41

Но вообщем через стиль и класс без скриптов самое верное...

Отредактировано Deff (Ср, 31 Мар 2021 00:30:32)

+1

431

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47
Deff написал(а):

Может так прокатит ?

Неа, не работает.. Видимо запятая дает как перечисление свойств.. :dontknow:
А так двойной фон работает:

Код:
$('#pun-index div.category h2,#pun-index #pun-stats h2').css('background', 'url(http://placehold.it/300x200) left top no-repeat, url(http://placehold.it/300x200) right bottom no-repeat')
Deff написал(а):

Но вообщем через стиль и класс без скриптов самое верное...

Вообщем то да, но скрипт интересен своим удобством.. Но двойной фон в таком виде по ходу не поставить..

+1

432

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47

Deff, ааа, я тупанул твой код из поста 427 работает.. Только наоборот фон:

Код:
<!--Своя картинка в каждую категорию -->
<script type="text/javascript">
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "https://forumstatic.ru/files/0004/e5/0c/65537.png",
    "games information", "https://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "https://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "https://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "https://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "https://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "https://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "https://forumstatic.ru/files/0014/d0/61/77575.jpg", 
    "PR-zone", "https://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "https://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background": "url("+myarray[q+1]+") no-repeat 23px 50%, url(https://forumstatic.ru/files/0004/e5/0c/36479.jpg) repeat-y fixed top center"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
</script>

+1

433

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51715
  • Уважение: +15537
  • Позитив: +12337
  • Последний визит:
    Сегодня 14:36:41

воть соорудил скриптец вывод соответствия названий категорий классу:

Код:
<!-- соответствия названий категорий классу -->
<script type="text/javascript">
var arr = []
$("#pun-index div.category h2").each(function (i) {
   arr[i]=[$(this).text(), $(this).parent('.category')[0].className.split(' ')[1]];
})
$('<textarea id="My-textarea" style="height:200px;width:460px;">'+ arr.join('\n')+'</textarea>').appendTo('#pun');
</script>

Отредактировано Deff (Ср, 31 Мар 2021 01:15:04)

+2

434

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

Поставила скрипт Цветовыделение ников По ГРУППАМ, т.к. прежнее напрочь перестало работать. Но и этот почему-то отказывается выделять группу с ID=14. Как его можно заставить или выделить ники каким-либо другим не устаревшим способом? На http://almarein.spybb.ru/

Отредактировано Mirra Bell (Ср, 31 Мар 2021 12:04:58)

0

435

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3058
  • Уважение: +1700
  • Позитив: +2339
  • Последний визит:
    Сегодня 14:35:15

Mirra Bell
попробуйте этот http://forumd.ru/viewtopic.php?id=6344 оч. удобный.

0

436

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3058
  • Уважение: +1700
  • Позитив: +2339
  • Последний визит:
    Сегодня 14:35:15

Здравствуйте, вопрос по поводу "Премодерации" Обновления на сервисе
Стоит скрипт:

Код:
<script><!--Своя картинка или Слово в Пользовательские Ссылки -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
ulinks=new Array(
  ".item1 a","https://forumstatic.ru/files/0014/74/cb/13164.png","https://forumstatic.ru/files/0014/74/cb/31542.png",	// Новые сообщения
  ".item2 a","https://forumstatic.ru/files/0014/74/cb/65261.png","https://forumstatic.ru/files/0014/74/cb/57315.png",	// Активные темы
  ".item7 a[href*='show_replies']","https://forumstatic.ru/files/0014/74/cb/48086.png","https://forumstatic.ru/files/0014/74/cb/12928.png",	// Oтветы
  ".item3 a","https://forumstatic.ru/files/0014/74/cb/19594.png","https://forumstatic.ru/files/0014/74/cb/67274.png",	// Темы без ответов
  ".item4 a","https://forumstatic.ru/files/0014/74/cb/25406.png","https://forumstatic.ru/files/0014/74/cb/64451.png",	// Мои сообщения
  ".item6 a","https://forumstatic.ru/files/0014/74/cb/33718.png","https://forumstatic.ru/files/0014/74/cb/48270.png",	// Подписка
  ".item5 a","https://forumstatic.ru/files/0014/74/cb/97693.png","https://forumstatic.ru/files/0014/74/cb/64775.png",	// Мои Загрузки
  ".premod a","https://forumstatic.ru/files/0014/74/cb/54204.png","https://forumstatic.ru/files/0014/74/cb/58533.png",	// Премодерация
  ".item7 a[href*='action=markread']","https://forumstatic.ru/files/0014/74/cb/55540.png", "https://forumstatic.ru/files/0014/74/cb/69611.png"	// Все прочитано - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < ulinks.length; i+=2){s=ulinks[i+1];s2=ulinks[i+2];
   if(!Img_Word){s='<img class="ulinks" src="'+s+'" onmouseover="this.src=\''+s2+'\'" onmouseout="this.src=\''+s+'\'"border="0" />'}
   $("#pun-ulinks "+ulinks[i]).html("<span>"+s+"</span>");i++;}
</script>

скрин с главной
https://i.imgur.com/coG9IfWm.png
но не выводится кол-во "Премодерируемых" постов:
скрин из админки
https://i.imgur.com/orQhugDm.png
Как поправить?

Отредактировано ACT3255 (Ср, 31 Мар 2021 11:57:50)

0

437

  • Автор: Mirra Bell
  • Модератор
  • Mirra Bell
  • Зарегистрирован: Чт, 3 Апр 2014
  • Сообщений: 2184
  • Уважение: +1882
  • Позитив: +2478
  • Пол: Женский
  • Последний визит:
    Пн, 20 Окт 2025 14:20:49

ACT3255
Попробовала, группа № 14 не красится.

0

438

  • Автор: Северный Ветер
  • Заслуженный
  • Северный Ветер
  • Зарегистрирован: Пн, 26 Сен 2011
  • Сообщений: 257
  • Уважение: +24
  • Позитив: +9
  • Последний визит:
    Пт, 9 Апр 2021 02:21:30

Здравствуйте.
Чтобы окрасить строчку подфорума в другой цвет при обновлении темы, используется:

https://upforme.ru/uploads/0000/14/1c/27470/981850.png

Как сделать подобный финт ушами (другой цвет, обновление темы в этом подфоруме), только на заголовке подфорума?
https://upforme.ru/uploads/0000/14/1c/27470/967494.png
http://kingdominchaos.mybb.ru/

0

439

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51715
  • Уважение: +15537
  • Позитив: +12337
  • Последний визит:
    Сегодня 14:36:41

Северный Ветер

#pun-index.punbb tr#forum_f2.inew h3 a{
   color:#FF0000!important;
}

Отредактировано Deff (Ср, 31 Мар 2021 12:47:54)

+1

440

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7555
  • Уважение: +6100
  • Позитив: +6661
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:37:47
ACT3255 написал(а):

Здравствуйте, вопрос по поводу "Премодерации" Обновления на сервисе
Стоит скрипт:

Ну, как вариант:

Код:
<!--Своя картинка или Слово в Пользовательские Ссылки -->
<style>
#pun-ulinks li a {font-size: 0;}
</style>
<script>
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
ulinks=new Array(
  ".item1 a","https://forumstatic.ru/files/0014/74/cb/13164.png","https://forumstatic.ru/files/0014/74/cb/31542.png",	// Новые сообщения
  ".item2 a","https://forumstatic.ru/files/0014/74/cb/65261.png","https://forumstatic.ru/files/0014/74/cb/57315.png",	// Активные темы
  ".item7 a[href*='show_replies']","https://forumstatic.ru/files/0014/74/cb/48086.png","https://forumstatic.ru/files/0014/74/cb/12928.png",	// Oтветы
  ".item3 a","https://forumstatic.ru/files/0014/74/cb/19594.png","https://forumstatic.ru/files/0014/74/cb/67274.png",	// Темы без ответов
  ".item4 a","https://forumstatic.ru/files/0014/74/cb/25406.png","https://forumstatic.ru/files/0014/74/cb/64451.png",	// Мои сообщения
  ".item6 a","https://forumstatic.ru/files/0014/74/cb/33718.png","https://forumstatic.ru/files/0014/74/cb/48270.png",	// Подписка
  ".item5 a","https://forumstatic.ru/files/0014/74/cb/97693.png","https://forumstatic.ru/files/0014/74/cb/64775.png",	// Мои Загрузки
  ".premod a","https://forumstatic.ru/files/0014/74/cb/54204.png","https://forumstatic.ru/files/0014/74/cb/58533.png",	// Премодерация
  ".item7 a[href*='action=markread']","https://forumstatic.ru/files/0014/74/cb/55540.png", "https://forumstatic.ru/files/0014/74/cb/69611.png"	// Все прочитано - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < ulinks.length; i+=2){s=ulinks[i+1];s2=ulinks[i+2];
   if(!Img_Word){s='<img class="ulinks" src="'+s+'" onmouseover="this.src=\''+s2+'\'" onmouseout="this.src=\''+s+'\'"border="0" />'}
   $("#pun-ulinks "+ulinks[i]).prepend("<span>"+s+"</span>");i++;}
</script>

+1

Страница:   1 … 20 21 22 23 24 … 82  

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