В процессе создания сайта, по мере накопления материала и опыта, приходится использовать различные скрипты. Одни упрощают работу посетителям, другие создают различные эффекты. Найдено в интернете. Доработано, проверено. Спасибо их авторам. Хватит стоять на месте, надо искать следующие тупики. 2TB облачного пространства на всю жизнь Форум с оплатой
Приспичило мне скрывать текст на странице, что бы не мозолил глаза при просмотре основной информации.
Скрипт под спойлером.
Показать спрятать текст.
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <html> <head> <title>Помощь начинающему</title>
<!-- HEAD FIDDLER HERE -->
<script language="JavaScript1.2"> <!-- var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } //--> </script>
<h3 style="cursor:hand" onClick="expandit(this)">Кликни тут прямо</h3> <span style="display:none" style=&{head};> Сюда можно вставить всё что душе угодно. </span> <h3 style="cursor:hand" onClick="expandit(this)">Теперь тут ещё кликни</h3> <span style="display:none" style=&{head};> Сюда можно вставить всё что душе угодно. Даже фото и рисунки <img src="https://src.ucoz.ru/sm/1/smile.gif" border="0" align="absmiddle" alt="smile"> </span>
[code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title> Начало бизнеса в Интернет http://exhort.my1.ru/ </title > <script><!-- var tit = document.title; var c = 0;
<script> window.alert("Надеюсь, вам больше 18-ти"); window.alert("И у вас крепкие нервы"); window.alert("Иначе не смотрите эти картинки"); window.alert("Я вас предупреждал"); window.alert("Потом не жалуйтесь");
Постоянно при создании сайта вебмастеру необходимовнедрение скриптов, расширяющих функционал ресурса. Мы хотим представить вам на выбор множество скриптов для сайта под ваши нужды.
Предоставляю для всеобщего скачивания, абсолютно бесплатно архив из более 100 скриптов для наведения порядка на ваших сайтах.
Рассмотрим пример установки плавной смены блоков с эффектом затухания без перезагрузки страницы. Блоки будут меняться в определенный промежуток времени, при смене они будут затухать или плавно проявляться
Содержимое блоков может быть самым разным, но на мой взгляд удобнее всего так откручивать несколько информеров на одном месте с поочередным показом каждого
За основу взят скрипт всем известного слайдера.
Код
(function ($) { var hwSlideSpeed = 3000; var hwTimeOut = 9000; var hwNeedLinks = false;
Где вы можете изменить скорость автоматической смены блоков, изменив значение var hwTimeOut = 9000; выделенное красным - числовое значение скорости. Чем оно больше - тем медленнее скорость смены Если вам нужно вписать сменяющиеся блоки в правую или левую колонку сайта, то значение
Код
{"position" : "static", "top":'0', "left": '0'}
Стили
Код
#slider-wrap{ width:210px; }
.slide{ width:100%; height:100%; }
Где
Код
#slider-wrap{ width:210px; }
Это ширина блока, которая должна совпадать с шириной ваших блоков на сайте. Если например дать ширину более, чем ширина блока, то колонка где установлен блок будет шире остальных
Код
.slide{ width:100%; height:100%; }
Это ширина и высота сменяющихся блоков. Лучше поставить по 100%
Установка на сайт
Код
<div id="slider-wrap"> <div id="slider"> <div class="slide">тут располагаем первый блок с содержимым</div> <div class="slide">тут располагаем второй блок с содержимым</div> <div class="slide">тут располагаем третий блок с содержимым</div> </div></div>
Вместо блоков с содержимым можно прописать картинки, любые тексты и все что угодно .
скрипт подключаем в любое место до закрывающего тега body (или берем содержимое скрипта и заливаем на сайт, подключаем с заменой адреса подгрузки скрипта со своего сайта) Код:
Код
#slider-wrap{ width:210px; }
.slide{ width:100%; height:100%; }
В любое место таблицы стилей CSS
Код
<div id="slider-wrap"> <div id="slider"> <div class="slide">тут располагаем первый блок с содержимым</div> <div class="slide">тут располагаем второй блок с содержимым</div> <div class="slide">тут располагаем третий блок с содержимым</div> </div></div>
Произошедшие обновления форума uCoz преподнесли новую функцию - функцию подписки на тему для пользователей и подписки на целый форум для администраторов сайта. Эта ссылка для подписки на темы и форумы представлена в виде ужасной формы с привычными для системы uCoz квадратными скобками. В принципе, при нажатии на эту ссылку должна произойти подписка на емэйл уведомления о новых ответах в тема и на форуме.
По умолчанию ссылки выглядят не красиво и сливаются с фоном части таблицы, где они находятся.
Вот так это смотрится на некоторых стандартных шаблонах:
Довольно пессимистично, и в довесок с квадратными скобками.
Чтобы отредактировать ссылку подписки на темы и форумы, распишем #subscribe
Способ оформления ссылки подписки на форум и темы и удаления квадратных скобок
В таблицу стилей в любое место вставьте следующий код:
Строка background это фон подложки под ссылку, он же сделает невидимыми квадратные скобки
Код
background: #EFFCD0;
Строка font-family это это стиль шрифта, который вы можете заменить на свой.
Код
font-family: georgia, serif;
Строка font-size это размер шрифта, который можно изменить.
Код
font-size: 10px;
Строка text-align выравнивание текста ссылки по центру на подложке фона
Код
text-align: center;
Строка преобразует все буквы текста в нижний регистр, можно изменить на none или на capitalize, чтобы первая буква ссылки стала заглавной.
Код
text-transform: lowercase;
Получилось заметная и красивая ссылка для подписки на форум или тему.
Конечно при не желании узнать самое нужное для начинающего, по этой ссылке можно и отписаться от получения писем на емэйл. После внесения изменений в таблицу стилей CSS, нужно необходимо обязательно сохранить шаблон. Хватит стоять на месте, надо искать следующие тупики. 2TB облачного пространства на всю жизнь Форум с оплатой
Вот кстати нашел классный сайт где много уроков по javascript для создания различных эффектов на сайте Доступно только для пользователей Сайт где много уроков
Сохраните у себя на сайте, там где вы хотите видеть случайный анекдот.
Вот это очень интересно! Подскажите, скрип еще работает? А можно как-то вставить его на сайт в сайд-бар с помощью виджета? А сколько там будет анекдотов? Как часто они будут меняться? Откуда они вообще берутся? ))
Анекдоты добавляются вручную, по мере нахождения, я подписан на многие "веселые сайты". Там и нахожу свежие и актуальные смешные истории. Хватит стоять на месте, надо искать следующие тупики. 2TB облачного пространства на всю жизнь Форум с оплатой