Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1231 | 23:30:25
akula-z, Адрес сайта , вашего с этим шаблоном ..

Сообщение отредактировал Miss_Esq - Пятница, 05 Июл 2013, 23:35:24
akula-z
Сообщений: 214
Репутация: 43

Сообщение # 1232 | 23:35:11
Miss_Esq, сайт еще пустой... Но я хочу сначала шаблон настроить. У меня стоит коричневый шаблон, а мне нужен шрифт как в шаблоне номер 785 - с крупными заголовками в названии статей.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1233 | 23:49:04
akula-z, Скриншот нарисуйте что где как не устраивает .. и как надо

akula-z
Сообщений: 214
Репутация: 43

Сообщение # 1234 | 12:50:57
Miss_Esq, сейчас у меня вот такой шрифт ,а мне надо, чтобы он был такой, как в этом шаблоне ,то есть, более крупным.

Добавлено (07 Июл 2013, 12:50:57)
---------------------------------------------
Подскажите, пожалуйста, как в шаблоне № 786 изменить шрифт в названии материала и сделать его в h1 или h2? А также, как увеличить шрифт на странице самого материала?
Спасибо за ответ.

KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 1235 | 14:37:12
akula-z,
Шрифт в названии материала (зеленое добавить):
Цитата
.eTitle {font-family:'Название_шрифта';padding: 0 22px;font: bold 12px/22px 'Arial';color: #6c5d52;background: url(/.s/t/786/26.png);border-radius: 8px;box-shadow: inset 0 1px 2px #9c8875;}
В h1\h2 его взять можно - отредактируйте шаблоны "вид материала"\"страница материала".

Если увеличить размер шрифта нужно только на странице материала, то добавте зеленое сюда (это шаблон "страница материала"):
Цитата
<div class="eTitle" style="padding-bottom:3px;font-size:14pt">ПРОВЕРКА СВЯЗИ</div>

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Сообщение отредактировал KaiLee - Воскресенье, 07 Июл 2013, 17:29:51
akula-z
Сообщений: 214
Репутация: 43

Сообщение # 1236 | 17:20:01
Цитата (KaiLee)
Шрифт в названии материала (зеленое добавить):

А где тут зелёное, я не вижу?

Добавлено (07 Июл 2013, 17:20:01)
---------------------------------------------
Пожалуйста, ответьте на мой вопрос!

KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 1237 | 17:30:09
akula-z,
Пардон. Исправила оформление сообщения.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
akula-z
Сообщений: 214
Репутация: 43

Сообщение # 1238 | 18:00:26
KaiLee, Спасибо за помощь, только у меня что-то ничего не получается. Мне надо, чтобы шрифт изменился полностью на сайте, стал крупнее.
Когда добавляю .eTitle {font-family:'Название_шрифта'; вообще ничего не происходит. Или там кроме названия надо еще добавлять и его размер? Я писала только название.
Когда изменила этот параметр font-size:14pt увеличился шрифт в названии материала, но только когда переходишь на саму страницу материала, а когда смотришь на названия всего материла, который находится в каталоге статей, то шрифт все равно маленький.
Шрифт же самих сообщений у меня вообще остался без изменений.
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 1239 | 18:10:41
akula-z,
Все именно так, как и должно быть, ведь я уточнила даже...

Если нужно, чтобы шрифт заголовков увеличился на всем сайтеб то замените существующий Ваш код на это:
Цитата
.eTitle {font-family:'Название_шрифта'; fon-size:14pt; padding:0зч 22px; color:#6c5d52; background:url(/.s/t/786/26.png); border-radius:8px; box-shadow: inset 0 1px 2px #9c8875}
Где красное - название шрифта, а зеленое - размер текста.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
NipTuck
Сообщений: 22
Репутация: 3

Сообщение # 1240 | 10:21:57
Помогите пожалуйста, как я понял - лайтбокс цепляет к картинкам дополнительные стили:

Мой CSS

Код
img {border: 0px;}

Открываю сайт, смотрю код через огнежука

Код
img {
[*]border: 0px;
[*]border-image-source: initial;
[*]border-image-slice: initial;
[*]border-image-width: initial;
[*]border-image-outset: initial;
[*]border-image-repeat: initial;
}

Все попытки что-то изменить ничего не дают, он игнорирует мои стили и цепляет приведенные выше, перед танцем с бубном решил посоветоваться с мудрецами.

Есть ли возможность удалить или редактировать это безобразие?
Сообщение отредактировал NipTuck - Среда, 10 Июл 2013, 10:22:51
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 1241 | 11:36:36
NipTuck,
Никто ничего никуда е цепляет - каждая программа просмотра кода читает его по-разному.
Опера DragonFly с некоторых пор тоже каждое св-во расписывает...

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
NipTuck
Сообщений: 22
Репутация: 3

Сообщение # 1242 | 13:02:39
KaiLee,

Ну сама проблема не в красоте кода, у картинки появляется рамка, которая на белом фоне выглядит как серая полоска снизу. В CSS ничего подобного у меня нет, как я уже писал, вероятно дело в лайтбоксе, так как только с его участием картинки обзаводятся рамкой, откуда эта рамка вылезает и как ее убрать/редактировать?
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 1243 | 13:14:33
NipTuck, попробуйте в CSS добавить

Код
img {  
  border-image: none;
}

Если не поможет, то в шаблонах сразу после закрывающего </head> добавить:
Код
<style type="text/css">
img {  
  border: 0px !important;
  border-image: none !important;
}
</style>

KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 1244 | 14:42:57
NipTuck,
Цитата (NipTuck)
Ну сама проблема не в красоте кода, у картинки появляется рамка,
Дайте адрес страницы и укажите, о какой картинке речь.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
NipTuck
Сообщений: 22
Репутация: 3

Сообщение # 1245 | 15:05:27
Drinko,

нечто подобное пробовал, не помогло, сейчас получил временный банан айпи, как отпустит попробую ваши варианты, спасибо.

KaiLee,

http://baltix-spb.ru/photo/
Поиск: