Ваши вопросы по копанию в css стилях форума. Часть седьмая.
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Предыдущая часть темы: Вопрос/ответ по дизайну css #6
Вопрос/ответ по дизайну css #7
Сообщений 211 страница 220 из 370
Поделиться113.01.21 16:12
- технозомби
- Уважение: +9813
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться21114.08.21 21:11
- Участник
- Уважение: +919
- Достижения/подарки: cake 0 emoji_events 0
- Наградные баллы: 335
Добрый вечер.
Я немного зависла, но возможно ли сделать так, чтобы в каждой категории стояла своя картинка без использования
вот такого или похожего кода
Код:<!-- КАТЕГОРИИ --> <script type="text/javascript"> $(document).ready(function(){ myarray=new Array( "1", "ссылка на картинку", "2", "ссылка на картинку", "3", "ссылка на картинку", "4","ссылка на картинкуg", "5","ссылка на картинку", "6","ссылка на картинку" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"141px", "width":"863px", "background-color": "transparent", "margin-left": "20px", "margin-bottom": "15px", "margin-top": "5px", "background-image":"url("+myarray[q+1]+")", "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script> <!-- Конец -->
а через css?
Поделиться21214.08.21 21:32
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
#p159652,starling написал(а):
Я немного зависла, но возможно ли сделать так, чтобы в каждой категории стояла своя картинка без использования
сейчас у каждой категории есть свой класс по порядку самой начальной создания-установки(до любых перемещений):
.category.category-1
.category.category-2
и т.д.
Если есть проблемы с определением - дайте ссылку на форум(правда под гостем наверно будут видны не все)
Поделиться21314.08.21 21:39
- Участник
- Уважение: +919
- Достижения/подарки: cake 0 emoji_events 0
- Наградные баллы: 335
Deff
https://relaxcross.rusff.me/ - форум вот. На него попросила админов поставить скрипт сворачивания категорий и есть подозрение, что он конфликтует с кодом выше на замену названий категорий на картинки.
Это можно как-то "вылечить", поставив иначе коды или быстрее будет в css все картинки прописать и не мучаться?
Поделиться21414.08.21 22:24
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
starling
Пробуйте поставить вместо скрипта такой код в конец Первого Окна стиля:
Код:
.category h2{
height:20px;
background-color: transparent;
background-position:50% 50%;
background-repeat:no-repeat;
}
.category.category-2 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/97318.jpg);
}
.category.category-3 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/36743.jpg);
}
.category.category-4 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/18579.jpg);
}
.category.category-5 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/72048.jpg);
}
.category.category-6 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/39916.jpg);
}
.category.category-7 h2{
background-image:url(https://forumstatic.ru/files/001b/35/2f/27298.jpg);
}
Поделиться21515.08.21 14:30
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
starling
Поправил(забыл h2) 
Поделиться21615.08.21 17:44
- Участник
- Уважение: +22
- Наградные баллы: 0
Доброго времени суток)
Подскажите пожалуйста, как выровнять надписи внутри темы? Где нужно внести правки?
Свернутый текст
Форум тестовый, http://testso.mybb.ru/, стиль золотистый - верхняя кнопка в селекторе стилей слева.
Поделиться21715.08.21 18:03
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Курама
Пробуйте вставить в конец файла стиля
#pun-viewtopic h1 span,
#pun-viewtopic h2 span{
display:inline-block;
margin: 20px auto -20px;
}
Поделиться21815.08.21 18:13
- Участник
- Уважение: +22
- Наградные баллы: 0
Deff спасибо, работает)
А как еще выровнять надписи "страница ...." и "ответить" ?
Или это не ровняется? (а хотя ладно, может пусть так)
Отредактировано Курама (15.08.21 18:48)
Поделиться21915.08.21 18:54
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Курама
Кидай опять ник пароль в личку - под гостем не видно, заливай скриншоты втут через форму ответа в файлы форума, - у мну не видно через залитое тобой на imageup
И ссылку на страницу, где смотреть!
Поделиться22015.08.21 19:27
- Участник
- Уважение: +22
- Наградные баллы: 0
Пароли отправил. Тут в ЛС.
Да там оно на любой странице так. Например страница:http://testso.mybb.ru/viewtopic.php?id=62#p3703
Но, я вот подумал, что если выровнять надписи "страница " и "ответить" по центру, то не будет ли так, что номера страничек потом залезут на заголовок, когда их станет много?
Свернутый текст
И тут,
Свернутый текст
можно как-то чуть-чуть опустить вниз полосу с датой и временем поста вниз, ( ну или рамку с профилем чуть вверх) чтобы ровно встали? А то там тоже небольшое расхожедение есть((
Отредактировано Курама (15.08.21 19:29)
