Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (49)
Продолжение темы: Общие вопросы от новичков (48)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Deff
Цвет простого текста
Отредактировано Норвегия (Пн, 26 Янв 2015 17:10:21)
Цвет простого текста
Попробуйте добавить в первом окне
/* A3.1 */
body {
font-size: 100.01%;
color:#Ваш цвет;
}
Deff
К сожалению не помогло.
К сожалению не помогло.
Ну во первых color: #000000; это и есть черный, (выложите картинку нужным цветом - я скажу код цвета)
Во вторых вот у Вас цвет во втором окне стиля:
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #421B0B;}
Deff
Спасибо вам, помогли.
Deff, добрый день!
Позвольте вас еще подонимать моим неловким креативом?
У меня в хтмл-верх стоит вот такой скрипт:
Код:<!-- закругление и рамки в форме ответа --> <style type=text/css> #pun-main .post-content{ font-size: 12px; color: #19130d; } </style> <style type="text/css">#pun-main .post h3 { background-image: url("http://dalar.nc-21.ru/files/0011/4e/9c/19216.png"); background-repeat: no-repeat; background-position: top right; marging-top: 10px; margin-left: -14px; padding-left: 4px; } </style> <style type="text/css"> #pun-main .post-body { background-image: url("http://dalar.nc-21.ru/files/0011/4e/9c/24338.png"); background-repeat: no-repeat; background-position: bottom right; </style> <!-- конец закругления и рамки в форме ответа -->
На выходе он дает обрамление поста и ЛС.
Но выглядит это вот так:
Пост
Личное сообщение
Можно ли как-то заставить верхнюю рамку обрамлять-таки пост сверху без отступления?
Может быть для этого нужно выровнять профиль и тело поста по высоте. Не знаю, почему они сдвинуты относительно друг друга.
Как можно аналогично поправить внешний вид лс?
Или может быть эту рамку можно написать линией, а не картинками?
Луко
Ссылку на форум с проблемой
Ссылка
Найдите в HТМЛ верх
Замените строку на красное и добавьте синее:
<style>
.punbb .post .post-author {
border:2px outset #3f2a12 ;
width:18.2em;
margin: 2px 4px;
padding-right: 1px;
padding-top:2px;
}
#pun-viewtopic .post .post-author {
margin: -9px 4px;
}
</style>
Deff, сделала. Профиль и форма ответа выровнялись по высоте, но проблема верхней рамки не решилась, она все равно на 5 пикселей выше (
Подскажите, возможно ли сделать страницу вроде правил, но чтобы она не вылетела при регистрации и заполнить её самостоятельно? или еще проще - изменить название "правила" на что-нибудь другое?
Deff, сделала. Профиль и форма ответа выровнялись по высоте, но проблема верхней рамки не решилась, она все равно на 5 пикселей выше (
Сделайте скриншот, укажите браузер
Подскажите, возможно ли сделать страницу вроде правил, но чтобы она не вылетела при регистрации и заполнить её самостоятельно? или еще проще - изменить название "правила" на что-нибудь другое?
Зачем она нужна ?
Сделайте скриншот, укажите браузер
Firefox
При этом аватарки стали меньше. Хотя размер картинок не изменилися.
Для сравнения в старом варианте:
Луко
У Вас извраты в стиле, а я должен расхлебывать
Верхний бордер это не граница сообщения .post!
Вы взяли и дату вынесли за якобы сообщение и считаете что это уже не сообщение, а бордер от .post-body
Пробуйте изврат в HTML верх:
<style type="text/css">
.post>h3 {
background:url(http://i57.fastpic.ru/big/2015/0127/22/7bdd65ffea77ba110507347796332022.png) 223px 31px no-repeat!important;
}
</style>
Firefox
При этом аватарки стали меньше. Хотя размер картинок не изменилися.
Для сравнения в старом варианте:
Не надо Валить с больной головы на здоровую!
Уберите из HTML низ(начало)
<!—аватары в постах-->
<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
Луко
Этот код
<style>
.punbb .post .post-author {
border:2px outset #3f2a12 ;
width:18.2em;
margin: 2px 4px;
padding-right: 1px;
padding-top:2px;
}
#pun-viewtopic .post .post-author {
margin: -9px 4px;
}
</style>
исправьте на такой
<style>
.punbb .post .post-author {
border:2px outset #3f2a12 ;
width:18.2em;
margin: -9px 4px;
padding-right: 1px;
padding-top:2px;
}
</style>
Уберите из HTML низ(начало)
Спасибо! Не валю, просто не догадалась, где ноги растут.
Рамка на месте, спасибо огромное!
Можно как-то замкнуть эту рамку, пусть даже поле останется уже?
Можно как-то замкнуть эту рамку, пусть даже поле останется уже?
Оно будет выползать на узких экранах, поскольку фон полотна форума на HTML
<style type="text/css">
#pun-messages .post {
margin-right:-43px;
}
</style>
Хотя будет выползать и без этого кода, правда на экранах поуже
Проверить можно ужимая окно браузера
Работает! Ура вам огромное!
Отредактировано Луко (Вт, 27 Янв 2015 01:29:28)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (49)
