2010-07-31

Textual description of firstImageUrl

Оформление ссылок HTML

<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a>Шпаргалка по HTML для блоггера;
<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блоггера (откроется в новом окне);
<a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a> -

 где title="Шпаргалка по HTML для блоггера" - всплывающая подсказка.


Отменить подчеркивание ссылки:

<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>
Пример: Азбука блоггера


Поменять шрифт, цвет и размер шрифта для ссылки:

<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a>
Пример: Ваш текст

Ссылка в рамке:

1. точками:
Ваш текст
Код: <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
2. пунктиром:
Ваш текст
код: <a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
3. трехмерная вдавленная:

Ваш текст

Код:<a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
4. Таким же образом можно задать и остальные рамки: сплошной чертой (solid), двойной (double), трехмерная выпуклая (ridge), трехмерная ступенька вверх (inset), трехмерная ступенька вниз (outset), изменяя параметр border-style
5. Ссылка в разноцветной рамке:

Ваш текст

Код:

.. Подчеркнутая ссылка

1. Ссылка зеленого цвета, подчеркнутая красной чертой
Ваш текст
Код:<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>

1. Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Например: Ваш текст
Код: <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>

На цветном фоне

Ссылка
Код: <a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="АДРЕС СТРАНИЦЫ">Ссылка</a>

Изменение цвета фона ссылки после наведения на нее курсора (не везде работает)

ТЕКСТ ССЫЛКИ
Код: <a href="АДРЕС СТРАНИЦЫ"><font onmouseover="style.backgroundColor='#98FB98'; style.cursor='hand'" onMouseOut="style.backgroundColor='#FFDAB9';">ТЕКСТ ССЫЛКИ</font></a>

Ссылка на фоне из картинки:



HTML


Код:

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

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

ничего не понимаю.хочу вставить в свой блог часики,но не пойму как вставлять код. ну, допустим копирую код, а как этот код может превратиться в часики?

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

Обязательно нужно вставлять код в режиме HTML, проверьте весь ли код Вы скопировали (нельзя пропустить ни один символ), для этого выделить код лучше при помощи клавиш клавиатуры Ctrl+A (выделить все). Некоторые блогохостинги не поддерживают флеш-формат часиков, поэтому вставить в блоги, находящиеся, например, на платформе mail.ru, привет.ru, невозможно. На Li.ru код часиков примет другой вид. На какой платформе находится Ваш блог?

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

Спасибо!
Очень помогло ))))

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

Заморочно, но нужно и полезно. СПАСИБО. ЛиРу дает возможность комментировать
только анонимно?((

Тогда подписываюсь так: Lo_spero

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

Cпасибо ! все легко и просто даже начинающим..

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

Добрый день!
Объясните пожалуйста (подробнее, если можно), как сделать - "Ссылку к заданному месту текста". Спасибо

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

Про то, как сделать ссылку к заданному месту текста я писала в записи Ссылки внутри страницы. Если будет непонятно - пишите в комментариях.

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

Спасибо.Разобрался. Все работает

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

как вставить картинку в блог без поддержки ХТМЛ

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

Нужно взять ссылку на изображение (об это я писала в теме про прямые ссылки на изображение и вставить в поле url (после нажатия кнопки вставки картинки в запись в режиме оформления).

Юрий Чуйков комментирует...

Спасибо! Все нашел. Читаю Вас с удовольствием.

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

Как сделать --чтобы за мышкой тянулся шлейф на всю страницу --как у вас?

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

Я уже отвечала на этот вопрос здесь

Россиянка комментирует...

Подскажите,как оформить ссылку на флешку,когда пишется открыть флеш в новом окне

Иванова Наталья комментирует...

Россиянка, если я правильно поняла, то вам нужен этот код:
<a href="ссылка на flash" target=_blank title="смотреть флеш">Посмотреть флеш</a>

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

Добрый день
подскажите где можно найти код вашего архива блога справа.. раскрывающийся список

Иванова Наталья комментирует...

Это стандартный гаджет для блога Blogger.com. Кодом на другие площадки не встраивается.

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности