Все о HTML и CSS

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

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2021  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
НАШ ОПРОС
Какую верстку вы предпочитаете?
Всего ответов: 16
ДРУЗЬЯ

НАША КНОПКА

..::ШКОЛА 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>

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

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

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

Категория: Скрипты | Просмотров: 187 | Дата: 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>

Категория: Скрипты | Просмотров: 199 | Дата: 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>

Категория: Скрипты | Просмотров: 200 | Дата: 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>

Категория: Скрипты | Просмотров: 177 | Дата: 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>

Категория: Скрипты | Просмотров: 193 | Дата: 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>

Категория: Скрипты | Просмотров: 203 | Дата: 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>

Категория: Скрипты | Просмотров: 169 | Дата: 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>

Категория: Скрипты | Просмотров: 156 | Дата: 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>

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