Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)
Предыдущая тема: Общие вопросы по оформлению (59)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Deff
Шрифт что в круге - вытянутый вверх, а тот что в квадрате - нормальный.
Добавьте красным
<!--Замена фона категории форумов-->
<style>#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
color: #ffffff;
background:none;
background-image: url(http://forumstatic.ru/files/0017/94/c8/97422.png);
background-repeat: no-repeat;
background-position: center;
font: normal normal 400 18px/normal Sait!important;}
.punbb .main h2 span, #pun-stats h2 span, .punbb .main h1 span, #pun-stats h1 span {
font-variant:normal!important;
}
</style>
Вот справочник => http://htmlbook.ru/css
Вот селекторы основных элементов форума: FAQ по дизайну форума в CSS
Deff
Да, он стал нормальным. Но пока эти добавки красным для меня какой-то космос.. Спасибо за справочник.
Да, он стал нормальным. Но пока эти добавки красным для меня какой-то космос.. Спасибо за справочник.
В исходном стиле у Вас стояло(Для категорий):
font-variant:small-caps;
Модифицирует все строчные символы как заглавные уменьшенного размера
http://htmlbook.ru/css/font-variant
Заменил на font-variant:normal; И уменьшил шрифт до 18px => font: normal normal 400 18px/normal Sait!important; (Поскольку small шрифт уменьшает, если не менять - шрифт бы вырос
Deff
И видимо это делается в том числе для экономии места на длине..
И видимо это делается в том числе для экономии места на длине..
Нет, они Хотели все категории сделать только заглавными буквами (длину мон тоже регулировать как размером шрифта так и отступом между буквами
есть такое css правило: http://htmlbook.ru/css/letter-spacing
Deff
Ах, вот как! Ну так можно вообще все-все перерисовать до неузнаваемости. Прикольно!
p.s. отступ букв искала. До сего момента не находила. )) Терь вижу.
Отредактировано Reina_Avart (Сб, 6 Авг 2016 00:01:41)
Deff
Что будет проще и правильнее: переписать все под "свой стиль" или оставить как есть правками через <style>? С точки зрения веса форума, его скорости загрузки и пр. это как-то влияет? Или не имеет значения?
Что будет проще и правильнее: переписать все под "свой стиль" или оставить как есть правками через <style>? С точки зрения веса форума, его скорости загрузки и пр. это как-то влияет? Или не имеет значения?
Ну типично, если добавки не превышают полторы страницы, мон их добавить к Своему стилю(Загружаем текущий классический стиль в Окна стиля, как есть тут=> Типовые Вопросы п.п.33) в конец Первого Окна(После отладки и теста через HTML верх), если больше, то да, имеет смысл переписать весь свой стиль, убрав сходные
=========================
Deff
у меня уже 8 страниц.. 
Reina_Avart
Ни наю, я имею ввиду нормального настольного браузера, пока Ваш HTML верх у меня меньше страницы
Deff
Хм.. не очень понимаю о чем речь. Я конечно, пошла по простому пути и вордом мерила 
не учитывая размер шрифта и стиль.
Отредактировано Reina_Avart (Сб, 6 Авг 2016 00:55:35)
Хм.. не очень понимаю о чем речь. Я конечно, пошла по простому пути и вордом мерила
Да, Я просто смотрю исходник Вашей страницы в Браузере, высота экрана 1050 пиксел, шрифт там 12 пиксел (Скрипты не учитываю
Reina_Avart
Правильнее будет внести правки в свой стиль.
http://rolevayakvdevyatziznei.rolevaya.ru
Добрый день
Перестали отображаться границы форума и шапка сдвинулась, можете помочь?
ЛаскаКВ
1. Сделайте скриншот проблемы
2. Уберите эту строчку: (Она у Вас Дважды, - в HTML верх и объявлении
#pun-announcement .container {margin-right: -5px;}
ЛаскаКВ
Ксать поставьте новый Вариант Пиар входа, - старый лагает => Новый вариант Пиар-Входа
шапка сдвинулась
Увеличьте отступ сверху:
/* A5.1 */
#pun {
margin: 25px auto 15px auto;
width : 873px;
padding: 0px 0px 0px 0px;
background-color: #f7eedd;
}
Перестали отображаться границы форума
Попробуйте добавить в:
/* Обрамление Форума*/
#pun{
background-clip:border-box;
background-color: transparent;
border-width: 22px;
-moz-border-image: url(http://sg.uploads.ru/qSUrg.png) 23 repeat; /* Firefox 4 */
-webkit-border-image: url(http://savepic.ru/10783334.png) 23 repeat; /* Safari 5 и Chrome */
-o-border-image: url(http://savepic.ru/10783334.png) 23 repeat; /* Opera 10.5 */}
Вот это: background-origin: border-box;
ЛаскаКВ, у вас еще дубляж:
/* Настройки объявления и расположение стрелок слайдера */
#pun-announcement .container {margin-right: -5px;}
и:
/* Настройки объявления и расположение стрелок слайдера */
#pun-announcement .container {margin-right: -5px;}
И стоит уменьшить отступы:
/* D6.3 */
#pun-announcement .container {
padding: 1em 1em 1em;
}
Иначе блок выезжает за пределы общего форума..
Если вы хотите внутренний отступ со всех сторон, то лучше так, к примеру:
/* D6.3 */
#pun-announcement .container {
padding: 0.8em;
}
Отредактировано kolobdur74 (Сб, 6 Авг 2016 12:14:01)
kolobdur74
Дробные значения пишутся с точкой:
/* D6.3 */
#pun-announcement .container {
padding: 0.8em;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (60)