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

Поделиться1Сб, 19 Дек 2020 13:24:51

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

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


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

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

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

+1

Поделиться421Вт, 30 Мар 2021 21:59:40

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

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

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

0

Поделиться422Вт, 30 Мар 2021 22:14:57

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

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

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

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

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

0

Поделиться423Вт, 30 Мар 2021 22:20:18

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

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

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

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

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

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

0

Поделиться424Вт, 30 Мар 2021 22:22:57

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

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

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

0

Поделиться425Вт, 30 Мар 2021 22:25:58

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

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

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

Код:

<!--Своя картинка в каждую категорию -->
<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Вт, 30 Мар 2021 22:28:18

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

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

0

Поделиться427Вт, 30 Мар 2021 22:47:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 16:49:17

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

Код:

<!--Своя картинка в каждую категорию -->
<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Ср, 31 Мар 2021 00:25:52

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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Ср, 31 Мар 2021 00:28:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 16:49:17

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

Код:

"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Ср, 31 Мар 2021 00:30:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 16:49:17

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

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

+1

Поделиться431Ср, 31 Мар 2021 00:37:08

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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Ср, 31 Мар 2021 00:51:20

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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Ср, 31 Мар 2021 01:08:35

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 16:49:17

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

Код:

<!-- соответствия названий категорий классу -->
<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Ср, 31 Мар 2021 10:25:05

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

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

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

0

Поделиться435Ср, 31 Мар 2021 10:34:05

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 14:52:38

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

0

Поделиться436Ср, 31 Мар 2021 11:43:01

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2899
Уважение: +1599
Позитив: +2188
Пол: Мужской
Последний визит:
Сегодня 14:52:38

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

Код:

<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>

скрин с главной

но не выводится кол-во "Премодерируемых" постов:
скрин из админки

Как поправить?

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

0

Поделиться437Ср, 31 Мар 2021 11:44:21

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

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

0

Поделиться438Ср, 31 Мар 2021 12:19:19

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

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

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

Как сделать подобный финт ушами (другой цвет, обновление темы в этом подфоруме), только на заголовке подфорума?

http://kingdominchaos.mybb.ru/

0

Поделиться439Ср, 31 Мар 2021 12:42:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 16:49:17

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

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

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

+1

Поделиться440Ср, 31 Мар 2021 14:39:22

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

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

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

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

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

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

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

Поделиться1Сб, 19 Дек 2020 13:24:51

Поделиться421Вт, 30 Мар 2021 21:59:40

Поделиться422Вт, 30 Мар 2021 22:14:57

Поделиться423Вт, 30 Мар 2021 22:20:18

Поделиться424Вт, 30 Мар 2021 22:22:57

Поделиться425Вт, 30 Мар 2021 22:25:58

Поделиться426Вт, 30 Мар 2021 22:28:18

Поделиться427Вт, 30 Мар 2021 22:47:21

Поделиться428Ср, 31 Мар 2021 00:25:52

Поделиться429Ср, 31 Мар 2021 00:28:28

Поделиться430Ср, 31 Мар 2021 00:30:09

Поделиться431Ср, 31 Мар 2021 00:37:08

Поделиться432Ср, 31 Мар 2021 00:51:20

Поделиться433Ср, 31 Мар 2021 01:08:35

Поделиться434Ср, 31 Мар 2021 10:25:05

Поделиться435Ср, 31 Мар 2021 10:34:05

Поделиться436Ср, 31 Мар 2021 11:43:01

Поделиться437Ср, 31 Мар 2021 11:44:21

Поделиться438Ср, 31 Мар 2021 12:19:19

Поделиться439Ср, 31 Мар 2021 12:42:09

Поделиться440Ср, 31 Мар 2021 14:39:22