воскресенье, 23 ноября 2008 г.

Куда же вставить этот CSS?

Я здесь довольно часто пишу про оформление вашей страницы Blogger, тюнинг blogspot-страницы с помощью стилей. И если с HTML всё более-менее понятно /* не понятно? -- пишите! :) */, то с CSS может быть далеко не так тривиально. Итак, куда же вставлять этот чёртов CSS?

Blogger CSS: Инструкция по применению


Способ первый (универсальный):
  1. Идем в настройки шаблона (Настроить - Макет - Изменить HTML)
  2. В поле шаблона находим закрывающий тег </head>
  3. Прямо перед этим тегом создаём собственный раздел стилей: <style>здесь пишите ваши стили</style>
    Дополнено: Еще лучше
    <style type="text/css">здесь пишите ваши стили</style>

Например:
<style type="text/css">
/* комментарий: стиль для параграфа */
p {color: #1A4676;}

blockquote {
line-height:1.3em;
}
.more span {
font-size:100%;
font-weight:bold;
color: #1A4676;
}
</style>
</head>


Способ второй (настройка скина):
  1. Шаг 1 из первого способа
  2. В поле шаблона находим строку ]]></b:skin>
  3. Прямо перед этой строкой добавляем собственные стили

Например:
p {color: #1A4676;}
blockquote {
line-height:1.3em;
}
]]></b:skin>

Инструкция дана.

6 Комментариев :

prokofevna комментирует...

Пришла прямо с форума по вашему совету...
Возможно я действительно не там вставляла эти
CSS?
Завтра буду пробовать опять, уже подглядывая и к вам на страничку...

Croaker комментирует...

Заглядывайте, конечно! На самом деле CSS на странице всегда вставляется внутри тегов <style type="text/css">...стили CSS...</style>
Даже псевдотег b:skin трансформируется движком Блоггер в тег style:
<style id='page-skin-1' type='text/css'>...</style>

MaximTr комментирует...

Спасибо ценная информация по настройке блога, нашел вас через поисковик. Рад что можно самому полностью уникализировать шаблон.

Анонимный комментирует...

А в какой тег HTML вставлять CSS если я хочу залить фон в ячейку таблицы? Сколько ни пыталась, следуя советам, так и не поняла как это делается. Сайтостроительство еще только начала изучать, азы HTML имеются. Пока моя пробная страничка создана в виде таблицы, где есть верхний блок (шапка), 2 боковых, середина (основная часть) и блок для счетчиков (узенький такой снизу). Задача: мне нужно задать фон для шапки. Ну и соответственно потом уже будет понятно как модернизировать остальные блоки.

Croaker комментирует...

Самое простое – указывать стили в ячейке таблицы. Для той же шапки блога:

<td style="background-color:#5DA9CF;">
…шапка блога…
</td>


Еще лучше – создать класс для шапки:

<td class="shapka">
…шапка блога…
</td>

а правила класса как в этой статье записывать в блоке style:
.shapka {
background-color:#5DA9CF;
}

На этом пока можно и остановиться (начинать лучше с простого). Но еще правильней вообще отказаться от таблиц в шаблоне. Например, таким образом: Третья колонка в шаблоне.

Nadia Dixon комментирует...

Какое же вам огромное спасибо!

Отправить комментарий

Жги!