Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (55)
Предыдущая тема: Общие вопросы по оформлению (54)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
корцек
А css куда вставлять?) Я совсем нуб в делах этих... Как сделать этот фон картинкой, а углы не закругленные?
Доброго времени суток!
Подскажите пожалуйста, а есть ли разные селекторы для названия форума на странице тем и названия темы на странице сообщений?
Нужные элементы в красных прямоугольниках:
В FAQ по дизайну указан лишь общий "#pun-main h1", а элементы хочется оформить по-разному...
корцек
В свой стиль.
.desc {
background: url(ссылка на изображение) no-repeat; /* no-repeat - фон не будет повторяться при большом описании (можно убрать по желанию) */
border-radius: 10px; /* закругление */
color: #ffffff; /* цвет текста в описании */
padding: 7px; /* Отступ внутри div с описанием */
margin-top: 5px; /* Отступ сверху (от названия форума) */
border: 1px solid #ff0000; /* Рамка толщиной в 1px и цветом #ff0000 */
}
/* Текст */ <- эти подсказки можно убрать.
Eldena
#pun-viewforum h1 - для форумов (1 скрин).
#pun-viewtopic h1 - для топиков (2 скрин).
В свой стиль.
Это понятно. В первое окно, во второе, в начало, в конец, куда?
корцек
Не имеет значения.
Добавлено спустя 2 минуты 48 секунд:
Вставляйте туда, куда вам удобно.
Я обычно пихаю подобное в конец второго окна примерно так:
/* Other
----------------------------------------------*/
/* Описание форумов */
#селектор {
параметр: значение;
параметр: значение;
параметр: значение;
}
/* Еще что-то */
#селектор {
параметр: значение;
параметр: значение;
параметр: значение;
}Отредактировано Fover (Ср, 25 Фев 2015 18:38:54)
Fover
Спасибо^^
Fover
Большое спасибо! Парочка штрихов)
Первый - это возможно ли сузить рамку по красной линии:
и второй - как изменить теперь размер, наклон, и вообще сам шрифт в описании?
корцекНе имеет значения.
Поскольку второе Окно загружается ранее первого, а в первом установки типоразмеров и подвижек,
пихать, к примеру margin во второе Окно, для элемента указанного в первом - бессмысленно, ибо будет действовать последнее правило из Первого Окна.
Поэтому для фона и цвета - Второе Окно,
для Подвижек-Размеров, - Первое,
если есть и подвижки и цвет и лень разделять, - в Конец Первого
корцек
Пойдет?
.desc {
background: url(http://savepic.su/5122586.jpg) repeat;
margin: 7px 0px 0px 10px!important;
border-radius: 3px;
color: #222222;
padding: 10px;
width: 350px; /* Ширина */
font: bold italic 12px Arial;
}
bold - жирный
italic - наклон
12px - размер
Arial - название шрифта
Отредактировано Fover (Ср, 25 Фев 2015 19:42:48)
Fover
Я имел ввиду так, чтобы, к примеру, расстояние между словами было побольше, размер 10 px установил, убрал курсив, а он все равно курсивом отображает. Также как и текст главного меню (сообщения, администрирование). В стиле нигде уже не прописан italic, но все равно отображается
корцек
word-spacing: 3px; <- Расстояние между словами.
Fover
Странно как) У меня со всех браузеров оно показывается курсивом
корцек
Кэш.
Fover
Чищу историю, ничего не происходит(
корцек
https://support.google.com/chrome/answer/95582?hl=ru
Или откройте и обновите это окно -> тык.
Fover
Я все так и сделал. И окно обновлял. Во всех браузерах одно и то же(
корцек
Весьма странно.
Попробуйте так (chrome):
ПКМ - Просмотр кода элемента - Вкладка Network - ПКМ - Clear browser cache <- Скрин
корцек
У Вас два слова Слитно написаны текстТекст
Разделите, ибо из-за этого - это ощущение
Fover
И снова ничего. Только грузился о-о-очень долго... Кошмар(
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (55)
