![]() ![]() ![]()
Какой рейтинг вас больше интересует?
|
Главная /
Каталог блоговCтраница блогера Блог для блогов - создание блога на blogspot/Записи в блоге |
![]() |
Блог для блогов - создание блога на blogspot
Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28 |
Делаем прокручивающий текст сообщения
2013-08-10 22:28:00 (читать в оригинале)Очень мне хотелось установить в блоге прокрутку текста постов. Сообщения получаются длинные, и как то не вписываются в дизайн. Сегодня предлагаю Вам скрипт для прокрутки текста, который легко можно вставить в редакторе сообщений блога. Когда текст уже написан, надо нажать Html и сразу перед текстом вставить вот такой код, скопируйте его.
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">
height:300px; - высота текста;
margin-top: 0px; - отступ сверху от начала текста;
left: 0px; - отступ с левой стороны;
Устанавливайте ширину и высоту, "поиграйте" с цифрами, настройте прокрутку для своих сообщений. Пример смотрите в моем блоге, прокрутка установлена на многих страницах. Всего доброго !
Почитайте-как скопировать не копируемый код
Вставить поиск Яндекса в блог на blogspot
Скрипт для вставки птички Tvitter
2013-08-09 06:52:00 (читать в оригинале)
<a href=' http://bdblogov.blogspot.com/ '></a><div style='position: fixed; bottom:10%; right: 0%;'/><a href="http://www.twitter.com/violavasil_eva" target="_blank"><img src="Ваша ссылка на картинку" /></a></div>
Синий цвет-впишите свои данные в Tvitter;
Коричневый цвет-это адрес ссылки на изображение птички. Вы можете вставить свою, или воспользоваться ссылкой ниже. Картинка будет такая, как у меня.
bottom:10% - от этого процента зависит расположение верх-низ;
right:0% - расположение справа-слева. Поэкспериментируйте с цифрами, и вставьте в соответствии с дизайном Вашего блога. Изображения птичек можно найти в Яндекс-фотках, или впишите в поисковик-птички Tvitter, найдете разных и даже летающих.
http://img-fotki.yandex.ru/get/3713/from-mars1987.1/0_14d25_90c6563d_XS.png
Изображение птички я нашла в Яндекс-фотках, там же получила адрес ссылки.
Почитайте как узнать URL адрес ссылки на картинку;
Как скопировать не копируемый код.
Стрелки вверх-вниз с автоматической прокруткой
2013-08-09 00:54:00 (читать в оригинале)Впрочем Вы и так видите их у меня в блоге. Согласитесь, удобно пользоваться. Стрелки вверх и вниз, треугольник-автоматическая прокрутка, сверху кнопка-стоп, если желаете приостановить прокрутку. Внизу находится скрипт, скопируйте его и установите обычным гаджетом: дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить. Гаджет установите в самом низу в дизайне. Кто ещё не читал мой пост-как скопировать не копируемый код-прошу сюда. Для того, чтобы работали обе кнопки, необходимо в шаблоне-изменить шаблон, вставить код. Пока код не вставите, прокрутки вниз не будет, работает только стрелка-вверх. Куда и как вставлять код, читайте на этой странице. Скопировать надо код-2. Вот он <a name='GoDown'/> . Ничего сложного нет, новичок справится. Внимательно прочитайте как вставлять. На этом пока все. Жду Ваши комментарии.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src='http://phonedevelop.googlecode.com/files/updownPhonedevelop.js' type='text/javascript'></script>
Почитайте-стрелки вверх для прокрутки страниц
Также по теме-стрелки вверх-вниз для прокрутки страниц
Стрелки вверх-вниз для прокрутки страниц блога
2013-08-07 23:07:00 (читать в оригинале)
<a style="display:scroll;position:fixed;bottom:270px;right:5px;" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://s020.radikal.ru/i723/1308/23/da5dc9b36f7e.png"/></a><br/><a style="display:scroll;position:fixed;bottom:225px;right:5px;" href="#GoDown"><img style="border:0;" src="http://s018.radikal.ru/i528/1308/08/f5b83c27b165.png"/></a>
А дальше я покажу Вам изображения стрелок со ссылками на них, и если кому то понравится, то можете копировать адреса и подставлять в код. Ссылки верхней и нижней стрелок в коде у меня выделены разным фоновым цветом. Перейдёте по ссылке внизу поста, после картинок со стрелками.

http://s018.radikal.ru/i523/1308/4e/a873b2e968a0.png

http://i038.radikal.ru/1308/4c/b24512b15744.png

http://i019.radikal.ru/1308/c5/504bad27cb8a.png

http://s019.radikal.ru/i616/1308/2d/31e03e78b788.png

https://sites.google.com/site/poleznoznat/r11.png

http://s006.radikal.ru/i215/1308/84/ef88705ba018.png

https://sites.google.com/site/poleznoznat/r7.png

http://s017.radikal.ru/i419/1308/3b/61882b139eba.png

http://s61.radikal.ru/i171/1308/2f/e938221c0bde.png

http://s018.radikal.ru/i526/1308/da/a8b3506b7408.png

http://s020.radikal.ru/i702/1308/db/2676ad8cf431.png

http://s019.radikal.ru/i609/1308/3c/0c9b4ec8261f.jpg
Что бы скопировать код, перейдите сюда. Ссылки двух последних стрелок попробуйте вставить как верхнюю. Ну вот и все. Надеюсь информация была для Вас полезной.
Почитайте информацию-стрелка вверх для прокрутки страниц блога
Как скопировать не копируемый код
Почитайте информацию-стрелка вверх для прокрутки страниц блога
Как скопировать не копируемый код
Стрелки вверх для прокрутки страниц блога
2013-08-07 17:44:00 (читать в оригинале)Здравствуйте дорогие мои ! Сегодня тема поста о стрелочке вверх для прокрутки страницы, удобного использования для посетителей Вашего блога. В своем посте я писала о вставке кнопочки "наверх". Пришло время поговорить и о более симпатичных стрелочках. Наконец то удалось, на одном из зарубежных блогов, найти скрипт без установки плагина в шаблон блога. Долго описывать не имеет смысла, как удобно посетителю, либо читателю блога использование стрелок. Поэтому сразу, как говорят, приступим к делу. Код стрелочек вверх Вы можете скопировать по этой ссылке.













А вот и сами стрелочки:

http://s018.radikal.ru/i523/1308/4e/a873b2e968a0.png

http://s019.radikal.ru/i639/1308/1c/576d3e5ec4bf.png

http://s004.radikal.ru/i206/1308/21/09e97304af18.jpg

https://sites.google.com/site/poleznoznat/r8.png

https://sites.google.com/site/poleznoznat/r5.png

http://i019.radikal.ru/1308/c5/504bad27cb8a.png

https://sites.google.com/site/poleznoznat/r10.png

https://sites.google.com/site/poleznoznat/r11.png

http://s61.radikal.ru/i171/1308/2f/e938221c0bde.png

http://s019.radikal.ru/i640/1308/88/c46c6b1f7d16.png

http://s53.radikal.ru/i139/1308/eb/90993073050c.png

http://s60.radikal.ru/i168/1308/4e/efc6bd6d48b9.jpg

https://sites.google.com/site/poleznoznat/r7.png
Копируете код изображения понравившейся стрелки и вставляете в скрипт-ваша ссылка на картинку. Вы можете вставить свою ссылку на стрелку, если здесь не найдете подходящей. На этом пока все. Желаю удачи !
Жду Ваши комментарии.
Также можно посмотреть простой код кнопки "наверх"
Ознакомьтесь со стрелками вверх-вниз для прокрутки
Почитайте-как скопировать не копируемый код.
Жду Ваши комментарии.
Также можно посмотреть простой код кнопки "наверх"
Ознакомьтесь со стрелками вверх-вниз для прокрутки
Почитайте-как скопировать не копируемый код.



Категория «Графика»
Взлеты Топ 5
![]() | ||
+203 |
215 |
книга мудрости |
+188 |
288 |
Relazioni |
+164 |
208 |
Палитра тишины - веб-дизайн и не только... |
+163 |
207 |
Blender-Empire |
+148 |
227 |
Карен-тян |
Падения Топ 5
![]() | ||
-3 |
13 |
ITDalee |
-5 |
245 |
Создавая пространство.. Блог декоратора Кати Саган |
-6 |
4 |
antiqvar |
-8 |
7 |
Канарик |
-11 |
6 |
Real_Dark_Trancer |

Популярные за сутки
Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.