Всем огромный привет!

Сей пост - урок от "противного". Все помнят историю с "синими квадратиками" в комментах? Спамеры этакэ:)

Посмотрите на саааамое первое предложение этого поста... Есть там ссылка? Вроде и нету... А она есть, даже кликабельная:)
Вот сейчас и научу вас делать такие ссылки... (повторю заголовок,- не делайте так, это не хорошо. Но в качестве шпиона плагиата своих же постов - можно использовать ;) )

Суть в том, что мы просто делаем нашу ссылку точно такой же как и весь текст сообщения, поста и пр.
Кто еще не догадался, в предложении "Всем огромный привет!" слово "огромный" - это ссылка, можете кликнуть:)



Чтобы все это воплотить будем использовать стили (css). Из-за чего становится понятно, что ссылка это ссылка?
1. Размер шрифта может отличаться,
2. Сам шрифт может быть другим,
3. Ссылки обычно подчеркнуты,
4. При наведении мышки на ссылку курсор меняется со стрелки на
5. Цвет ссылки отличается от цвета остального текста.

Вот пять параметров, их нам и надо исправить для наших ссылок, чтобы сделать их незаметными.



Ну поехали:)
Вспоминаем, что такое стили. Немного говорили о них в посте CSS. Border, background. Введение

Начинаем составлять "код" нашей ссылки. Просто ссылка пишется так:
<a href="http://le8.ru/">Привет!</a>

Итак, я знаю, что у меня в дневнике текст поста пишется (В скобочках я указал как прописывается данный параметр) :
1. размером в 10pt (font-size:10pt;) ,
2. шрифт tahoma (font-family:tahoma;) ,
3. не подчеркнут (text-decoration:none;) ,
4. курсор, при наведении на обычный текст, такой (cursor:text;) ,
5. цвет текста черный (color:#000000;) .


Теперь все это компануем и "запихиваем" в стиль нашей ссылки. Получится такое:
<a href="http://le8.ru/" style="font-size:10pt;font-family:tahoma;text-decoration:none;cursor:text;color:#000000;">Привет!</a>

Вот как-то так:) Если возникнут проблемы с дополнительными свойствами текста,- смотрите мой пост Html шпаргалки




P.S. Про див-то:) Все тоже очень просто. В начале поста пишем див с точно таким же стилем, как у нашей "невидимой" ссылки:
<div style="font-size:10pt;font-family:tahoma;text-decoration:none;cursor:text;color:#000000;">

А в конце поста просто его закрываем:
</div>

©2010 Legionary