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

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



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

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

<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>

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



код
<textarea cols="40" rows="2">здесь код или текст</textarea>
Варианты бегущей строки.

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

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

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

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

Ой, а что это там ниже? Ну надо же! Нажимаем!


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

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


13 комментариев:

  1. Вика,спасибо!!!
    Нужная информация!

    ОтветитьУдалить
  2. Лариса, привет. Рада, что пригодилось .

    ОтветитьУдалить
  3. Привет, все хочу вместо ссылки или видео сделать картинку типа кнопки. Пару раз пробовала, не получилось, надо будет еще раз попробовать. Наверное, я не допонимаю, что такое адрес картинки.

    ОтветитьУдалить
    Ответы
    1. Привет, адрес картинки это, т.е. URL.Нажми правой кнопкой мыши на картинку. В предложенном списке будет функция копировать URL картинки.
      Короче говоря это путь к картинке. Где ты обычно хранишь все изображения?

      Удалить
    2. То есть можно не только с интернета, но и с компа?

      Удалить
  4. Конечно. Желательно сначала воспользоваться онлайн-сервисом и сжать изображение. А лучше на хостинг какой-нибудь потом закинуть.

    ОтветитьУдалить
  5. А как сделать подобную ссылку в сообщении? Куда вводить код?

    ОтветитьУдалить
  6. И можно ли сделать ссылку на неопубликованное сообщение?

    ОтветитьУдалить
  7. Анна. При написании сообщении переходите из режима создать в режим HTML это в редакторе сообщений вверху слева. Там, где предполагается ссылка и вставляете код.
    По второму вопросу. На неопубликованные сообщения нельзя. Какой смысл. Ведь она никуда не приведёт. Когда опубликуете тогда и ставьте.

    ОтветитьУдалить

Пользовательский поиск
Foto Saya
My Photo