К основному контенту

Статические элементы страницы

Хочу рассказать о очень интересном гаджете - “статические элементы страницы”. Если вы хотите разместить какое либо изображение на своей странице в блоге или на сайте, чтобы при прокручивании вниз картинка оставалась на экране, допустим какая либо реклама, или важное сообщение, то это что вы искали. Если не совсем поняли о чем я, то можете посмотреть демо.
Ниже я приведу 4 скрипта в которых необходимо будет вставить ссылку на свою картинку, а так же выбрать нужный скрипт в зависимости от того где вы хотите разместить свою статическую картинку, справа внизу, слева внизу, справа вверху, слева вверху.


Снизу справа
<script language="JavaScript" src="http://allblogtools.com/MiSc/static-image/allblogtools-adibottomright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://hagi.fileave.com/Caprica.jpg")</script>
В этом скрипте  необходимо заменить ссылку на свою картинку которая в данном коде выделена красным. Вставить скрипт необходимо в тело шаблона сразу после тэга </head>
Снизу слева
<script language="JavaScript" src="http://allblogtools.com/MiSc/static-image/allblogtools-bottomleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://hagi.fileave.com/Caprica.jpg")</script>
Вверху справа
<script language="JavaScript" src="http://allblogtools.com/MiSc/static-image/allblogtools-aditopright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://hagi.fileave.com/Caprica.jpg")</script>
Вверху слева
<script language="JavaScript" src="http://allblogtools.com/MiSc/static-image/allblogtools-aditopleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://hagi.fileave.com/Caprica.jpg")</script>
Еще раз напоминаю что скрипт необходимо вставить в тело шаблона сразу после тэга: </head>
надеюсь вам понравится этот приятный гаджет.

Комментарии

  1. А как сделать чтобы эта картинка была не просто картинкой, как ссылка работала?

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

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

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж...

Многоуровневое выпадающее меню для блогспот

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