|
Результаты поиска
|
|
|
| bandjuk | Дата: Понедельник, 05.12.2011, 11:37 | Сообщение # 257 | Тема: Флэш анимация в виде дракона "До Нового года осталось ..." |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Красивая анимация в виде дракона, показывает сколько осталось дней, часов, минут до Нового года.
Создаём новый блок
В вверху сайта в панели администратора выбираем:
Конструктор ---> Включить конструктор ---> Добавить блок+ ---> в настройках нового блока выбираем HTML и вставляем этот код туда:
Code <script src="http://ssilki.at.ua/media/?t=video;w=176;h=148;f=http%3A%2F%2Fssilki.at.ua%2Fgame%2FNoviy_god%2Fdragon.swf" type="text/javascript"></script>
По умолчания размеры анимации составляют: ширина - 176; длина - 148; Вы можете изменить эти параметры меняя значения - w=176;h=148;
Материалы на эту же тему:
Скрипт "Отображение лимита символов на форуме" Скрипт "Новогоднее поздравление Деда Мороза и снег" Скрипт "Зима" Скрипт Новогодняя кнопка вверх для сайта uCoz Скрипт "Осень" Яндекс Краски на вашем сайте Изменение фона на странице "Ответ добавлен" (на форуме) Новые иконки групп пользователей для сайта Ucoz Скрипт "Красивый сворачивающийся мини профиль+форма входа" Замена иконок Изменить, Удалить тему на форуме Ucoz Скрипт "Красивый информер обоев на Ваш сайт" Ещё один информер обоев для Вашего сайта Скрипт "Усовершенствованный вид фотоальбома" Скрипт "Красивый вид фотографий" Скрипт "Красивый вид изменения репутации пользователей"
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:02 | Сообщение # 258 | Тема: Создание абзаца в тексте. |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Иногда приходится размещать на страницах сайта слишком большие, длинные статьи, по умолчанию в браузере никаких отступов (абзацев) не предусмотрено и количество вводимых пробелов перед началом строки никакого влияния не оказывает. В итоге перед взором пользователя предстаёт сплошное нагромождение слов. В этой статье я покажу Вам как создавать абзацы для Ваших статей.
Для создания отступа первой строки блока текста (например, для параграфа P) служит параметрtext-indent. Воздействия на все остальные строки он не оказывается. Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.
Для каждого нового блока текста (абзаца) можно задавать разные значения отступов. Пример:
Code <p style="text-indent: 25"align="justify">В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. </p> Любой текст <p style="text-indent: 5em">При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.</p>
Для создания отступов по всей статье каждый новый блок текста должен быть помещён между:
Code <p style="text-indent: 25em"Ваш текст</p>
Материалы на эту же тему:
Создание красивого раздвижного меню для сайта Специальные символы Создание бегущей строки Основные атрибуты и свойства фона - background Оформление ссылок в таблице стилей (CSS) Основные Мета тэги Создание рамки с помощью FIELDSET Границы при помощи border Коды для вставки изображения в страницу
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:17 | Сообщение # 259 | Тема: Как убрать с главной страницы сайта в меню... |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
time, открываешь:
Панель управления ---» Каталог файлов ---» Настройки модуля ---» Название модуля (заменяешь на своё)
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:21 | Сообщение # 260 | Тема: Флэш анимация в виде дракона "До Нового года осталось ..." |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Стараемся!
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:28 | Сообщение # 261 | Тема: Как убрать с главной страницы сайта в меню... |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
time, блин я тоже самое проделывал с модулем тесты! Менял название на чат! Щас поищу где!
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:30 | Сообщение # 262 | Тема: Как убрать с главной страницы сайта в меню... |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Нашел! Пу ---> Дизайн ---> Конструктор меню ---> Каталог файлов , редактировать там меняешь надпись на нужную!
|
| |
| |
| bandjuk | Дата: Понедельник, 05.12.2011, 18:35 | Сообщение # 263 | Тема: Как убрать с главной страницы сайта в меню... |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
time, Да я сам с этим долго парился! Тему закрываю!
|
| |
| |
| bandjuk | Дата: Вторник, 06.12.2011, 10:54 | Сообщение # 264 | Тема: Скрипт "Новый вид бокового ползунка (полосы прокрутки)" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Этот скрипт позволит Вам создать собственный скролл-бар, который будет подходить под дизайн Вашего сайта.
Установка:
Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), в самый низ ставим код:
Code body { scrollbar-face-color:#5997CA; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #5997CA; scrollbar-darkshadow-color: #5997CA; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #F6F6F6; }
Изменям цвет ползунка под свой сайт
Расшифровка:
1. scrollbar-arrow-color - цвет стрелки.
2. scrollbar-track-color - цвет подложки.
3. scrollbar-face-color - цвет самой полосы.
4. scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; цвет разделющей полосы.
5. scrollbar-3dlight-color: #5997CA; scrollbar-darkshadow-color: #5997CA; цвет внешних границ полосы.
Материалы на эту же тему:
Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS" Скрипт "Иконка NEW" Скрипт "Классные медали на форум" Скрипт "Кнопка добавить материал, новость" Скрипт "Фоновое изображение на форуме"
|
| |
| |
| bandjuk | Дата: Вторник, 06.12.2011, 16:14 | Сообщение # 265 | Тема: Скрипт "Описание групп в статистике форума" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
При наведении на ник пользователя выводится описание его группы (работает в статистике форума).
Установка:
Панель управления ---> Управление дизайном ---> Форум ---> Общий вид страниц форума в самый низ вставляем код:
Code <script> $('td.gTableBody1:first a').each(function(){ var _groupClass = ['groupUser','groupVerify','groupModer','groupAdmin']; // Классы групп var _groupTitle = [ 'Описание для группы пользователей.', 'Описание для группы проверенных.', 'Описание для группы модераторов.', 'Админ сайта:-)' ];
for( _i = 0; _i < _groupClass.length; _i++){ if($(this).attr('class') == _groupClass[_i]){ $(this).attr('title', _groupTitle[_i]); } } }); </script>
Не забудьте изменить Описание для группы.
Материалы на эту же тему:
Скрипт "Новый вид бокового ползунка (полосы прокрутки)" Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS" Скрипт "Иконка NEW" Скрипт "Классные медали на форум" Скрипт "Кнопка добавить материал, новость"
|
| |
| |
| bandjuk | Дата: Среда, 07.12.2011, 10:21 | Сообщение # 266 | Тема: Скрипт Новогодняя кнопка вверх для сайта uCoz |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Рома, Если хочешь создай тему в разделе помощи с описание того как и что ты ставишь и что именно у тебя не получается?! Я тебе обязательно помогу!
|
| |
| |
| bandjuk | Дата: Среда, 07.12.2011, 12:37 | Сообщение # 267 | Тема: Скрипт "Два блока в одном" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Замечательный скрипт! Позволяет создать 2 блока в одном! Теперь в одном блоке можно поместить в 2 раза больше информации!
Установка:
Панель управления ---> Управление дизайном ---> Таблица стилей (CSS) в самый низ вставляем код:
Code /* UcoZ Tab */ .menuBg {background:#DEE7F6 !important;} .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;} .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;} .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;} .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; } /* ---------------- */
Разбираем этот код по строчкам: 1. .menuBg {background:#DEE7F6 !important;} - цвет окна; 2. .Mactive {background:#DEE7F6 - цвет активной кнопки; line-height:20px;border-right:1px solid #88A1C2; - цвет и толщина правой границы кнопок; border-left:1px solid #88A1C2; - цвет и толщина левой границы кнопок; border-bottom:1px solid #88A1C2; - цвет и толщина нижней границы кнопок; font-size:7pt; - размер текста активной кнопки. 3. Оформление ссылок.
4,5. .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} тоже что и пункт 2, только для неактивного блока.
Создаём новый блок
В вверху сайта в панели администратора выбираем:
Конструктор ---> Включить конструктор ---> Добавить блок+ ---> в настройках нового блока выбираем HTML и вставляем этот код туда:
Code <script type="text/javascript"> // UcoZ Tab START function showmods(t) { if (t){ document.getElementById('instMods').className='MnotActive1'; document.getElementById('uninstMods').className='Mactive'; document.getElementById('isInMo').style.display='none'; document.getElementById('noInMo').style.display=''; document.body.focus(); } else { document.getElementById('instMods').className='Mactive'; document.getElementById('uninstMods').className='MnotActive'; document.getElementById('noInMo').style.display='none'; document.getElementById('isInMo').style.display=''; document.body.focus(); } } // UcoZ Tab END </script>
<div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div> <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg"> <div style="display:none;overflow:auto;height:250px;" id="noInMo"> <div align="center"> Содержание 2-го окна </div></div> <div style="overflow:auto;height:250px;" id="isInMo"> <div align="center"> Содержание 1-го окна </div> </div> </div></div></div> <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="6%"> </td> <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 1</a></div></td> <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">Название 2</a></div></td> <td width="7%"> </td> </tr> </tbody> </table>
Не забудьте поменять названия блоков 1,2 на свои!
Материалы на эту же тему:
Скрипт "Описание групп в статистике форума" Скрипт "Новый вид бокового ползунка (полосы прокрутки)" Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS" Скрипт "Иконка NEW" Скрипт "Классные медали на форум"
|
| |
| |
| bandjuk | Дата: Среда, 07.12.2011, 15:22 | Сообщение # 268 | Тема: Скрипт "Красивая кнопка для печати страницы" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Скрипт создаёт кнопку, принажатии на которую появляется окно печати страницы.
Ставим скрипт в любое место (где вы хотите видеть кнопу).
1. Вариант. Кнопка-картинка
в любое место на странице вставьте код:
Code <SCRIPT Language="Javascript"> function printit(){ if (window.print) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<img style="cursor:hand" src="http://ssilki.at.ua/image/Forum/fileprint.png" name="Print" onClick="printit()" alt="Печать страницы"Title="Печать страницы"width="64" height="64"/>'); } </script>
http://ssilki.at.ua/image/Forum/fileprint.png - картинку можете поменять на свою.
2. Вариант. Кнопка с надписью "Печать страницы"
Code <SCRIPT Language="Javascript"> function printit(){ if (window.print) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<form><input type=button value="Печать страницы" name="Print" onClick="printit()"></form>'); } </script>
Надпись можно изменить.
Материалы на эту же тему:
Скрипт "Два блока в одном" Скрипт "Описание групп в статистике форума" Скрипт "Новый вид бокового ползунка (полосы прокрутки)" Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS" Скрипт "Иконка NEW"
|
| |
| |
| bandjuk | Дата: Среда, 07.12.2011, 15:39 | Сообщение # 269 | Тема: Скрипт "Вокруг курсора вращается красивый мигающий круг" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Вокруг курсора вращается красивый мигающий круг. Этот скрипт подойдёт только для сайтов с тёмным дизайном (для светлых дизайном его будет плохо видно!)
Установка: Код вставляем на страницу, где хотите видеть этот эффект между <head> и </head>:
Code <SCRIPT LANGUAGE="JavaScript"> <!-- Begin ns = (document.layers)?1:0; Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') yBase = 0; xBase = 0; step = 3; currStep = 0; Ypos = 0; Xpos = 0; if (ns){ for (i = 0; i < 14; i++) document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); function nMouse(evnt){ Ypos = evnt.pageY; Xpos = evnt.pageX; } window.onMouseMove = nMouse; } else{ document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">'); for (i=0; i < 14; i++) {document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>')} document.write('</div></div>'); function iMouse() { Ypos = event.y+document.body.scrollTop; Xpos = event.x+document.body.scrollLeft; } document.onmousemove = iMouse; } function Comet() { var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4; var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4; for (i = 0; i < 14; i++){ var randCol = Math.round(Math.random()*8); var layer = (document.layers)?document.layers['n'+i]:me[i].style; layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200); layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400); if (ns) layer.bgColor = Clrs[randCol]; else layer.background = Clrs[randCol]; } currStep += step; setTimeout("Comet()",10); } window.onload = Comet; // End --> </script>
Материалы на эту же тему:
Скрипт "Красивая кнопка для печати страницы" Скрипт "Два блока в одном" Скрипт "Описание групп в статистике форума" Скрипт "Новый вид бокового ползунка (полосы прокрутки)" Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость" Скрипт "Красивая иконка ленты новостей RSS"
|
| |
| |
| bandjuk | Дата: Четверг, 08.12.2011, 11:18 | Сообщение # 270 | Тема: Скрипт "Кнопка "Скачать" с показом размера файла" |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
Красивая кнопка "Скачать", посреди кнопки показан размер файла.
Установка:
Панель управления ---> Управление дизайном (шаблоны) ---> Каталог файлов ---> Страница материала и комментариев к нему, находим строки:
Code <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$">Скачать</a> ($FILE_SIZE$)<?endif?> <?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank">Скачать</a> ($RFILE_SIZE$)<?endif?>
И заменяем на:
Code <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?> <?if($FILE_URL$)?> <TABLE style="WIDTH: 249px; BORDER-COLLAPSE: collapse; HEIGHT: 48px"> <TBODY> <TR> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadleft.png) left top; WIDTH: 135px"> <P align=right> <A class=noun title=$FILE_SIZE$ href="$FILE_URL$" target=_blank><IMG alt="Скачать" src="http://ssilki.at.ua/image/catalog_files/downloadtop.png" border=0></A></P></TD> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadcenter.png) left top; WIDTH: 77px"> <P align=center><STRONG><SPAN style="COLOR: #ededed">$FILE_SIZE$</SPAN></STRONG></P></TD> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadright.png) left top; WIDTH: 35px"></TD></TR></TBODY></TABLE><?endif?>
<?if($RFILE_URL$)?> <TABLE style="WIDTH: 249px; BORDER-COLLAPSE: collapse; HEIGHT: 48px"> <TBODY> <TR> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadleft.png) left top; WIDTH: 135px"> <P align=right><A class=noun title=$RFILE_SIZE$ href="$RFILE_URL$" target=_blank> <IMG alt="Скачать" src="http://ssilki.at.ua/image/catalog_files/downloadtop.png" border=0></A></P></TD> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadcenter.png) left top; WIDTH: 77px"> <P align=center><STRONG><SPAN style="COLOR: #ededed">$RFILE_SIZE$</SPAN></STRONG></P></TD> <TD style="BACKGROUND: url(http://ssilki.at.ua/image/catalog_files/downloadright.png) left top; WIDTH: 35px"></TD></TR></TBODY></TABLE><?endif?>
Не забудьте удалить скобку ] в этой строке:
Code <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?>] <?endif?>
Материалы на эту же тему:
Скрипт "Вокруг курсора вращается красивый мигающий круг" Скрипт "Красивая кнопка для печати страницы" Скрипт "Два блока в одном" Скрипт "Описание групп в статистике форума" Скрипт "Новый вид бокового ползунка (полосы прокрутки)" Скрипт "Кнопка Google+ для форума Ucoz" Индикатор символов в мини-чате Ucoz Скрипт "Счётчик символов и слов в тексте" Скрипт "bb-код для форума "Мигающий текст" Скрипт "Уведомление о новом сообщении в мини-чате" Скрипт "Раздвижной Вид материалов для форума Ucoz" Скрипт "Новая кнопка добавить новость"
|
| |
| |