ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Rotaban.ru - биржа банерной рекламы



10.02

2008

Как правильно поставить ссылки на Skype и ICQ

Очень часто на порталах техподдержки, бизнес-консультирования и прочего онлайн-саппорта, можно видеть ссылки на ICQ или Skype для живого общения с консультантом.

Недавно и мне понадобилось проставить такие ссылки в одном из проектов. Чтобы решить, казалось бы, такую простую задачу, пришлось поискать ответы в google и отсортировать кучу ненужной информации. Найти сразу все ответы в одном месте не получилось, поэтому восполню этот информационный пробел в своём блоге.
Как поставить ссылку на скайп и аську

09.25

2008

Реализация меню с помощью списка (form)

Вчера мы изучали, как с помощью CSS и JQuery из простых форм сделать что-то красивое. Если пока не нашли применения, держите пример реализации меню в виде списка (но не методами CSS и тэгов <li>…</li> - как было бы желательно для seo-оптимизации, а с помощью form).

Демо | Скачать

Такая реализация удобна в том случае, если у вас на сайте мало места. Подобные списки можно увидеть в “подвалах”, когда хотят продублировать слишком большое меню. Голь на выдумки хитра, как говорится:)
Как реализовать меню с помощью списка

09.17

2008

10 интересных примеров по CSS

1. Как сделать, чтобы текст ссылки был одного цвета, а подчеркивание другого?

<html>
<head>
<style type="text/css">

  a {color:red;}
  a span {color: blue;}

</style>
</head>

<body>
<a href="#"><span>Текст ссылки</span></a>

</body>
</html>

Еще 9 примеров по CSS

09.15

2008

Base Href

Base href - тэг, помогающий сократить количество повторяющегося текста в вашем документе. Определяя base href, вы даете браузеру понять, что все внутренние ссылки в документе идут как бы от начала (т.е. от заданного адреса). Это позволит нам сократить время при разработке и просмотре сайте на компьютере - вы сразу сможете проанализировать, как он будет выглядеть в сети и были ли допущены ошибки в адресации.

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

<head>
<title>Base Href</title>
<base href="http://www.yoursaitename.ru">
</head>

<body>

<p>Проверяем работу base href для ссылок</p>
<p><a href=html>Base Href</a></p>
<!-- Получаем нужную ссылку -
http://<code>www.yoursaitename.ru</code>/html.
Без base href мы были бы перенаправлены на поддерикторию.
Например, http://www.yoursaitename.ru/where-we-now/html -->

<p>Проверяем работу base href для картинок</p>
<p><img src=picture1.jpg></p>
<!-- Полный url - http://www.yoursaitename.ru/picture1.jpg.
Для проверка жмем правой кнопкой и Свойства.
Опять же без base href картинка лежала бы по адресу
http://www.yoursaitename.ru/where-we-now/picture1.jpg,
т.е. там, где ее теоретически нет -->

</body>
</html>