Шпаргалка для начинающих

Приветствую всех на своём блоге. Тем, кто давно ведёт блог, предложу сразу же на этом и закончить читать это сообщение.

Сегодняшняя шпаргалка для тех, кто только начинает делать первые шаги в блогосфере. Никто не рождается со знанием чего - то. Всю жизнь приходится учиться. Также и я, несколько лет назад загорелась идеей о создании своего сайта или блога. К сожалению тогда это была не платформа Блоггер, но опыт я получила бесценный. И вот откопала в своём блокноте старую шпаргалку, которой сегодня с вами с удовольствием делюсь.



Блоггер предоставил нам достаточно много настроек. Тот же редактор сообщений с множеством возможностей оформления текста. Здесь я предложу вам ещё некоторые варианты оформления ссылок и текста. Ну, в общем, такой  небольшой ликбез для новичков.

Варианты оформления ссылок. 

обычная ссылка

<a href="адрес страницы куда должна вести ссылка"> текст ссылки</a>

картинка ссылка

<a href=Адрес  куда ведет ссылка "> <img src="Адрес изображения"/></a>

ещё вариант

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

 <a href="адрес страницы куда должна вести ссылка" target=_blank><img src="адрес изображения " border="2" title="пояснительный текст " width=50 height=15></a>

border="2"-ширина рамки
target=_blank-ссылка откроется в новом окне
width=50 height=15-ширина и высота изображения.

подчёркнутая пунктиром ссылка

главная

<a href=" адрес страницы" style="border-bottom: 2px dashed navy; text-decoration: none;"> текст ссылки</a>

ссылка бегущая строка

шпаргалки блогерши

<marquee width="280" height="40">

<a target="_blank" href="адрес страницы"><div class="wpmd">

<div>текст ссылки</div>

</div></a></marquee>

НАЗАД

<a href="javascript:history.go(-1)">НАЗАД</A>

Возможно, пригодятся некоторые коды для оформления участка текста сообщения.

Глаза умеют говорить. Кричать от счастья или плакать. Глазами можно ободрить, с ума свести, заставить плакать. Словами можно обмануть, глазами это невозможно. Во взгляде можно утонуть, если смотреть неосторожно. О. Хайям.

код

<div style="padding-right: 4px; padding-left: 3px; font-size: 95%; padding-bottom: 4px; color: #00008b; padding-top: 2px; background-color: #faebd7; border: #000080 1px solid;">  ваш текст</div>

зелёным-размер шрифта
красным-цвет шрифта
синим-цвет фона
коричневым-цвет и размер рамки

поменяем некоторые значения border получаем цветную рамку

border-style: solid; border-width: thick; border-top-color: #00FF00; border-right-color: #00FFFF; border-bottom-color: #FFFF00; border-left-color: #8080FF;

Когда разговариваешь с очень умным, чувствуешь себя тупым. А когда разговариваешь с тупым, чувствуешь, как тупеешь

Если поставить значение border: inset #FF0000 3px; получаем объёмную рамку.

Будь счастлив в этот миг. Этот миг и есть твоя жизнь.

Можно вставить картинку с текстом

Текст текст текст текст 

<div style="background-color: #faebd7; border:3px #00B344 ridge;
 width: 240px; height:100px; padding: 5px 0 5px 15px; margin:20px 0 0 20px;">
<img src=" адрес изображения"><br>Ваш текст</div>

Сделаем текст или код с прокруткой. В моё случае код кнопки логотипа блога.

<center> <div dir="ltr" style="text-align: center;" trbidi="on"> <a href="http://hpargallka.blogspot.ru/"><img alt="" src="http://i031.radikal.ru/1406/67/c01848dc22de.gif" title="шпаргалки блогерши" /></a></div> </center> код <textarea cols="40" rows="2">здесь код или текст</textarea> Варианты бегущей строки.

побежали, побежали, побежали
<marquee>ваш текст</marquee>

Картинка вместо текста
<marquee><img src="адрес картинки"></marquee>

Тема бегущей строки заслуживает отдельного внимания, так как вариантов очень много. Если из всего предложенного, вы что-то взяли для себя, как реализовать? Перейдите в редакторе сообщений из режима создать в режим HTML и в том месте, где хотите видеть выделенный элемент вставьте нужный код.  Возвращаетесь обратно и продолжаете писать сообщение.
Буду рада, что такая шпаргалка и вам поможет при оформлении сообщения блока. Если возникнут вопросы спрашивайте.

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

оформите подписку на новые шпаргалки

Введите Ваш email ...: