Стили Css .Вставка в блог .Йёжа Йежов

Стили 

Стих Йёжи Йежова

Чтобы блог наш стал красивей
Дам совет тебе  простой совсем.
Ведь  Нельзя же быть  ленивей ,
Чем наш Ёж , известный всем !

Ты быстрее добавляй-ка  в блог
Стили  вставить поспешай
Объяснил я здесь ну , всё как мог .
Вставлять иль нет ?Быстрей Решай !

Стили могут вид улучшить вам .
Блог ваш станет просто ,ах !
Знаний я чуток сегодня дам.
Тиц  растёт  как на дрожжах !

Вставка Css стилей в блог на Блогспот (Блоггер)

Поговорим сегодня про оформление блога с помощью Css- стилей,точнее про их непосредственную вставку в блог
Нужны ли нам эти самые стили ?
Как бы ответить помягче на этот вопрос .Скажем так :большая часть красивостей в моём блоге сделана с помощью данных стилей .Это и скруглённые углы , и какие -то цитаты -выделения.Это и цвета (и вообще внешний вид) меню к примеру и горизонтального и вертикального и многое-многое другое .
Делать или не делать такие красивости дело ваше . Но согласитесь :гораздо приятнее сидеть на блоге покрасивее .Конечно , может к вам не хлынут посетители и ТИц (индекс цитирования , который способствует вашему рейтингу у поисковых систем) не повысится .Но ,я думаю ,даже самим приятнее , когда блог всё-таки смотрится
Хотя , главное , конечно ,содержание , без него никуда . Но встречают -то по одёжке , именно эту одёжку мы и улучшим с помощью Css-стилей .
Правда есть нюанс .Не все браузеры видят такое оформление.
Допустим Интернет Эксплорер в упор не хочет видеть ,к примеру ,скруглённых углов , да и вообще много чего он не видит .Ну , да Бог ему судья !
Вообще в той или иной степени мы касались этих самых стилей в
более ранних статьях .К примеру :

Оформление текста ,цитирование\Йёжа Йежов

1.  Кнопка-ссылка с помощью CSS стиля для блога .(Генератор CSS кнопок) Йёжа Йежов - New !!
   
   Вставить в блог стили Css можно несколькими способами .У каждого своё преимущество и недостатки.
   
   

   Способ первый: вставка кода стиля прямо в сообщение

   
   
   Если нам надо вставить код стиля в блог на одно-два сообщения ,то проще всего вставить прямо в сообщение .Если допустим  надо много сообщений с данным стилем , то вставим в шаблон ,чтобы излишне не перегружать блог.
   Для вставки в сообщение воспользуемся формулой
   
   

   <style type="text/css">Ваш код стиля Css</style>
    код стиля кнопки  пишем один раз в статье в режиме редактирования HTML ,
   или используем код ниже
   <style>Ваш код стиля Css</style>

   
   Полдела сделано ,но теперь надо задействовать этот стиль
    для этого воспользуемся формулой
   
   

   <div class=" Название стиля ">Нужный участок текста или картинка в выбранное оформление </div>

   
   Вставляем данный код в режиме редактирования сообщения HTML.
   А где взять навание то ?Обычно код Css стиля выглядит примерно так
   

   

   
   
   
   Начинается код как правило либо с точки ,либо с "a "
   заканчивается скобкой.
   вот после точки - то и будет наше название ..Как правило до открыващей скобки в данном случае название будет knopka2 
   Это название и вставляем в формулу выше  
   Пример допустим Кнопки ссылки будет выглядеть так .см
   
    Кнопка-ссылка с помощью CSS стиля для блога .(Генератор CSS кнопок) Йёжа Йежов - New !!
   .
   

   <style type="text/css">Стиль Css</style>
   вверху код стиля кнопки его пишем один раз в статье в режиме HTML ,а внизу сама ссылка -кнопка.Их может быть несколько в вашей статье ,Помещаем там , где нам необходимо
   <a class="Название стиля" href="Адрес вашей ссылки" rel="nofollow">Название ссылки</a>

   
   Первый способ поняли , с грехом пополам ,поехали дальше
   
   

    Способ второй: вставка кода стиля  в шаблон

   
    Бывает нам нужно создать много сообщений ,
   используя определённый стиль .Чтобе не перегружать наш блог ,мы вобьём код стиля в шаблон .Сделать это можно по крайней мере двумя способами .Данный способ чуть более сложный , но более надёжный , чем нижеследующий.
   Данный способ я уже упоминал в статье
   Оформление текста ,цитирование\Йёжа Йежов
   
   

   Перед эксперементом обязательно сделать
   
   Резервное копирование шаблона
   
   

   Идём в редактирование блога .Вкладка Шаблон -Изменить  HTML
   
   

   

   
   Заходим в наш шаблон .Нажимаем на клавиатуре одновременно  Ctrl и F вводим в появившемся окне   ]]></b:skin> и нажимаем Enter на клавиатуре.
   
   
   

   

   
   Может быть даже найдёт данную часть кода .Но почему-то последее время не всегда находит .Если не получилось найти так , найдём по другому.Щёлкаем правой кнопкой по коду ,нажимаем выделить всё ,копируем и вставляем в блокнот .К примеру в Notepad++
   (Блокнот бесплатный) .Дальше  ,с помощью поиска в блокноте ,находим пресловутый ]]></b:skin>
   Щёлкаем перед ним мышкой , нажимаем Enter , чтобы спустить на строчку ниже .Вставляем перед ним наш код либо в шаблоне , либо в блокноте .Нажимаем Сохранить шаблон .Если делали через блокнот , то после вставки кода стиля , Выделить всё в блокноте-копировать -выделить всё в шаблоне-вставить -Сохранить шаблон.
   Для того , чтобы втавить в сообщение , воспользуемся уже известной формулой 

<div class=" Название стиля ">Нужный участок текста или картинка в выбранное оформление </div>

Результат достигнут ,но можно воспользоваться другим способом вставки в шаблон 

Способ третий: вставка кода стиля  в шаблон , вариант 2

Этот способ проще предыдущего , но почему-то не всегда работает.
Идём в редактирование блога вкладка Дизайн  -в Дизайнере шаблонов 

Дальше вкладка Дополнительно -Добавить Css

Справа будет окошко в него и вставляем наш код .
Не забываем нажать применить к блогу.

Для того , чтобы вставить в сообщение , воспользуемся уже известной формулой 

<div class=" Название стиля ">Нужный участок текста или картинка в выбранное оформление </div>

.

Есть ещё один способ , немного экзотический

Способ четвёртый: заливка кода стиля  на  хостинг

Чтобы черезчур не загружать блог , иногда хранят стили на хостинге .Причём хостинг должен иметь возможность выдавать прямую ссылку .Куда залить скрипты и стили ,я расскажу в следующий раз .А сейчас просто формула вставки такого стиля в сообщение.

<link href="Ссылка на ваш стиль с хостинга " media="screen" rel="stylesheet" type="text/css"></link>

Например выглядеть будет примерно так

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>

Вставляем данный код в сообщение в режиме HTML .
Ну а для придания стиля опять же известная нам формула.Которую тоже ставим в сообщение в режиме HTML

 

<div class=" Название стиля ">Нужный участок текста или картинка в выбранное оформление </div>

Ну вот и всё на сегодня

Он-лайн сервисы CSS-помощников.magentawave
Супер выпадающие меню на CSS.magentawave
 CSS - свойства, значение и описание.magentawave
 Как врубиться в CSS.magentawave
http://htmlbook.ru/

 

Ещё Готовка ОТ ЙЁЖИ ЙЕЖОВА  

Статьи о блогах ОТ ЙЁЖИ ЙЕЖОВА 

 Об Авторе -