Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Февраль 2020  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
242526272829
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
НАШ ОПРОС
Помог ли вам наш сайт?
Всего ответов: 6
ДРУЗЬЯ

НАША КНОПКА

..::ШКОЛА HTML & CSS::.. || ..::SCHOOL HTML & CSS::..

ОБЛАКО ТЕГОВ
<meta метаданные Домен популярность сайта рейтинг тиц favicon иконка имидж сайта каскадные таблицы стилей что такое css высота подвал Class id атрибуты отличия трюки выпадающее меню css теги html замена картинки список написание спецсимволов символы <a гиперссылка ссылка тег
СТАТИСТИКА

Яндекс Цитирование
Средний Индекс Цитирования
Rambler's Top100



Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Архив материалов
Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен.
В самый низ страницы, перед /body :

Код
<!-- <Кнопка Вверх> -->
<script type="text/javascript">
$(document).ready(function(){

   
  $("#back-top").hide();
  & ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 129 | Дата: 04.03.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

Код
... Читать дальше » /div>

Категория: Скрипты | Просмотров: 133 | Дата: 03.03.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Установка
1. Создайте блок в режими вкл конструктора.
2. Вставьте код в содержимое блока.

Код
<style>
.yellow-yarik-profile-main {border: 1px solid #d1d1d1;border-radius:3px;text-align:center;}
.yellow-yarik-profile-main-sup {background-image:url(http://bambun.ru/images/yellow-profile-bg.png);height:111px;border: 1px solid #f1f1f1;border-radius:3px;}
.yellow-yarik-profile-date {color:#d0b609;text-shadow: 1px 1px 1px #efefef;}
.yellow-yarik ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 144 | Дата: 03.03.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Задержите пользователя на своем сайте.

установка: куда угодно ставите код

Код
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="ball" align="middle" height="200" width="175"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://bambun.ru/images/ball.swf"><script type="text/javascript" src="http://camadmi ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 134 | Дата: 03.03.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Сегодня я хотел бы Вам рассказать, как вставить скрипт кнопка “Вверх” на сайт ucoz и не только. Эта кнопка будет очень полезна для сайтов, блогов или форумов с длинными страницами. Данный скрипт очень красиво и оригинально смотрится а Вашим посетителям удобно передвигаться по страницам Вашего ресурса.
Перед закрывающимся тегом /head :

Код
<!-- MrScrollUp.Start -->
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 124 | Дата: 03.03.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Здравствуйте.
Информер топ файловиков,для юкоза.
Заходим в Админ понель далее создаем информер>Пользователи>Материалы>Кол. файлов >Материалы: 5 >Колонки: 1
В дизайн информера вставляем

Код
</div><center><table
cellspadding="0" class="topten_table" style="border-color: rgb(76, 76,
76); width: 100%; margin: 0px;"
cellspacing="0"><tbody><tr><td style="padding: 2px 0px
2px 4px; cursor: pointer; border-left: 0px none; width: 4 ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 137 | Дата: 23.02.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Создаем информер:
Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1
Затем открываем шаблон созданного информера, удаляем все и вставляем это:

Код
<table style="border: 1px dashed #819db1;margin-bottom:4px;" cellpadding="2" cellspacing="1" width="100%" class="infTable">
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<script type="text/javascript" src="http://activiks.ru/img/png.js"></scr ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 144 | Дата: 22.02.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Установка скрипта:

1. ПУ - CSS Стиль - В самый низ код:

Код
/* COMMENTS USERS */
.block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;}
.block_new_comm:hover {background:#93abbb;color:#fff;}
.block_new_comm:hover .block_new_text a {color:#fff;}
.block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;}
.block_new_av img ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 116 | Дата: 21.02.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Установка скрипта:

1.Создаем информер -

[ Онлайн игры · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 2 ] - Код в информер

Код
<div class="ScreenGame"><table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable"><tr><td class="infTd" width="50%"></td><td class="infTd" width="50%"><a href="$ENTRY_URL$#screen"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 110 | Дата: 21.02.2013 | Рейтинг: 0.0/0 | Комментарии (0)
Отличные часики для сайта в основном для темных отеннков дизайна.

Код
<script src="http://weatherandtime.net/swfobject.js" type="text/javascript" ></script><div id="div_clock_08" style="text-align:center; margin:auto auto;width:170px; height:100px;"><div style="padding:0px 1px 1px 1px;position:absolute; z-index:100; color:#000000; text-align:center; width:170px;height:auto;"><a style="color:#000000; text-decoration:none;font-size:12px;" href="http://weatherandtime.net/ ... Читать дальше » /div>

Категория: Скрипты | Просмотров: 123 | Дата: 21.02.2013 | Рейтинг: 0.0/0 | Комментарии (0)
« 1 2 3 4 5 6 ... 11 12 »
© 2008-2020 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"