вторник, 18 февраля 2014 г.

Стили 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>

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





 



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

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