Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)
Предыдущая тема: Общие вопросы по оформлению (56)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Иган Спенглер
Каталог скриптов/CSS для кого написан??
Я совсем про него забыл!
Отредактировано Иган Спенглер (Сб, 12 Дек 2015 15:52:24)
Доброй ночи!
Подскажите как прикрепить к кнопкам Пиар-входа и Читателя свои фоновые изображения для мобильной версии форума?
Добавка в верх
@media screen and (max-width: 540px){
#navpiar a, #navpiar a:hover {
background-image: url('http://ipic.su/img/img7/fs/Pr-Read.1449950594.png') !important;
}
#navreader a, #navreader a:hover {
background-image: url('http://ipic.su/img/img7/fs/Pr-Read.1449950594.png') !important;
background-position: center -48px !important;}
}
не помогает, могу только подвигать в пределах стандартного изображения.
@media screen and (max-width: 540px){
#navpiar span,#navreader span {display:none;}
#navpiar a, #navpiar a:hover{
display:inline-block; height: 40px; width:40px;
background: url('http://ipic.su/img/img7/fs/Pr-Read.1449950594.png') no-repeat!important;
background-position: center -54px !important;
}
#navreader a, #navreader a:hover{
display:inline-block; height: 40px; width:40px;
background: url('http://ipic.su/img/img7/fs/Pr-Read.1449950594.png') no-repeat!important;
background-position: center -54px !important;
}
}Deff
Неа.. Все равно стандартные.
Alex_63
Спасибо, помогло, а по странице переадрессации разобрался сам благодаря Вашей ссылке)
Armavel
Поставьте в теги <style> </style> в HTML верх
Возможно есть ошибка в Стиле Выше, поэтому правила не срабатывают
(Ибо я проверял действие на контенте вашего форума)
Скажите, пожалуйста, есть ли возможность вставки изображений в описание товаров магазина (этого скрипта)?
Если нет, то есть ли какие-либо альтернативы этому скрипту?
Доброго дня! Подскажите, пожалуйста, как увеличить размер текста на форуме ?
форум http://alexmatias.mybb.ru/
Can Vas
<style>
.punbb{
font-size:80%;
}
</style>
Armavel
1. Попробуйте перезалить картинки в Админку - Файлы
2.
<style type="text/css">
@media screen and (max-width: 540px){
#navpiar span,#navreader span {display:none;}
#navpiar a, #navpiar a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://ipic.su/img/img7/fs/Pr-Read.1449950594.png) no-repeat!important;
background-position: center -54px !important;
}
#navreader a, #navreader a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://ipic.su/img/img7/fs/Pr-Read.1449950594.png) no-repeat!important;
background-position: center -54px !important;
}
}
</style>
Вместо красного вставляйте перезалитые картинки
Alex_63
Неа, не помогло.
http://labyrinth.nc-21.ru/
Поставьте в теги <style> </style> в HTML верх
Возможно есть ошибка в Стиле Выше, поэтому правила не срабатывают
(Ибо я проверял действие на контенте вашего форума)
Да вряд ли.. Выше стоит только защита от отлючения скриптов:
<div id="pircs"><!----><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/pun-main.css" /><div id="msg-n">У Вас
отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div></div><script>$("style.#style_st,div.#pircs").replaceWith("");</script>
<!-- html_header -->
Отредактировано Armavel (Вс, 13 Дек 2015 16:07:49)
Armavel
Так Должно сработать:
<style>
@media screen and (max-width: 540px){
#navpiar span,#navreader span {display:none;}
#pun-navlinks li#navpiar a, #pun-navlinks li#navpiar a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat;
background-position: center 11px !important;
margin-bottom: -10px;
}
#pun-navlinks li#navreader a, #pun-navlinks li#navreader a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat;
background-position: center -36px !important;
margin-bottom: -10px;
}
}
</style>
(* Поправил
Armavel
Проверьте работу кода без уменьшения окна браузера:
<style>
#navpiar span,#navreader span {display:none;}
#pun-navlinks li#navpiar a, #pun-navlinks li#navpiar a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat;
background-position: center -54px !important;
}
#pun-navlinks li#navreader a, #pun-navlinks li#navreader a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat;
background-position: center -54px !important;
}
</style>Не требуется, см.предыдущий мой(Alex_63) Пост!
Deff
Проблема не в этом была, а в том, что в стиле mobile.3 прописано #pun-navlinks li a, а мы прописали просто (li)#navpiar a
С Добавлением #pun-navlinks стиль срабатывает
Alex_63
Гм, вообще-то я проверил(правдо под оперой) впихнул в контент форума, всё работало и на мобильном, при ужатии экрана до 540пиксел, может чел ужимал до больших значений, чем 540
Deff
Может быть, под Оперой срабатывает и старый вариант кода (не проверял), но у меня под Гугол Хромом работает только мой из #613
Alex_63, Deff Спасибо большое) Получилось.
Стоит это:
<style>
@media screen and (max-width: 540px){
#navpiar span,#navreader span {display:none;}
#pun-navlinks li#navpiar a, #pun-navlinks li#navpiar a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat!important;
background-position: center 11px !important;
margin-bottom: -10px;
}
#pun-navlinks li#navreader a, #pun-navlinks li#navreader a:hover{
display:inline-block; height: 40px; width:40px;
background: url(http://labyrinth.nc-21.ru/files/0016/a7/4c/95396.png)!important;
background-repeat:no-repeat!important;
background-position: center -40px !important;
margin-bottom: -10px;
}
}
</style>
Alex_63, спасибо!!!!!! 
Скажите, пожалуйста, есть ли возможность вставки изображений в описание товаров магазина (этого скрипта)?
Если нет, то есть ли какие-либо альтернативы этому скрипту?
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (57)