width="364"                   
Пятница, 26 Апр 2024, 14:43
Главная | Мой профиль | Регистрация | Выход | Вход Вы вошли как Гость | Группа "Гости" | RSS
Предсказание

Гороскоп на сегодня

Ежедневные гороскопы для всех знаков на сайте *1001 гороскоп*.
Наш аквариум
Афоризмы
Анекдоты
Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 228
Откуда Вы..
Наша копилка
Реклама
Статистика

Онлайн всего: 3
Гостей: 3
Друзей: 0
Главная » FAQ [ Добавить вопрос ]




Часто на различных сайтах в низу статьи, имеется блок ссылками на материалы похожими на данную статью. Схожесть материалов на uCoz-сайтах определяется тегами материала. Для этого есть специальный оператор . Максимальное количество схожих материалов =10 ссылкам, можно уменьшить – для этого в скобках изменить 10 на свое число.Установка:

Панель управления → Управление дизайном → Каталог файлов (или любой другой модуль) → Страница материала и комментариев к нему: Вставляем ниже приведенный код после блока с деталями (class="eDetails") или перед , или в другое удобное для вас место.

Можно вставить просто
Код:
$RELATED_ENTRIES$(10)?>
или уже оформленный мной блок похожим материалов
Код:
<fieldset style="border:1px dashed #FF95A9; font-size:13px; margin:25px;">
 
<legend style="background-color:#FF95A9;">Похожие материалы</legend>
 
$RELATED_ENTRIES$(10)?>
</fieldset>


На мой взгляд, шрифт, который ставится по умолчанию в Ucoz мелковат, поэтому я всегда его немного увеличиваю, на всех сайтах. Если вы попытаетесь изменить шрифт на конкретной странице, то на других страницах все останется по-прежнему, изменения нужно вносить в стили CSS и это не очень сложно.

CSS - это таблица стилей, это файл в котором хранятся все указания - размеры, цвет, жирность шрифтов, как должны выглядеть ссылки и многое другое. Современные сайты верстаются с помощью CSS и если его отключить, то останется "голая страница", в этой статье я постараюсь объяснить как изменить шрифт в Ucoz и не навредить сайту.

Перейдите:

Панель управления - Редактор страниц - Управление дизайном модуля - Таблица стилей (CSS)

Вот так выглядит часть таблицы стилей CSS моего шаблона:

Как изменить шрифт в Ucoz

Там где элемент "body" указаны основные стили, нас в данном случае (смена шрифта) интересуют вот эти две строки:

font: 12px 'Arial';
color: #555555;

В части шаблонов (табличных) CSS отличается, там нужно искать такую строку:

Меняем шрифт в Ucoz

В первом типе CSS:

12px - размер шрифта в пикселях (меня 12px устраивает)
'Arial" - шрифт (мне больше нравится шрифт "Tahoma")
#555555 - цвет шрифта (устраивает)

Во втором типе CSS:

verdana,arial,helvetica - это перечисление нужных шрифтов, если первого не окажется на компьютере у посетителя сайта, то будет использован второй и т.д.
10pt - размер шрифта в пунктах, я использую пиксели (12px), так как они более предсказуемы и выглядят одинаково на компьютерах с разным разрешением экрана.

Все эти данные можно менять, при этом не нарушайте целостность кода - не убирайте скобочки, кавычки, двоеточия и др., если не знаете для чего они служат. После смены сохраните CSS и обновите сайт вместе с кэшэм - CTRL+F5 - вы увидите результаты изменений.

Для некоторых элементов сайта, иногда для многих, могут быть указаны другие шрифты в CSS, в таком случае в некоторых местах на сайте шрифт останется неизмененным, здесь немного сложнее, нужно найти эти области в CSS и внести в них поправки.

Самый простой способ - поиск по CSS с ключевым словом "font", если при поиске видите указание font-size:10px; или другие вариации, то можете сменить на нужное и посмотреть, что получилось на сайте. Можно искать по классам конкретных элементов на сайте, но в Ucoz большое нагромождение кодов, поэтому новичку будет затруднительно найти нужный класс. Сменить основной шрифт на сайте с помощью указанной инструкции можно, а если хотите большего, то изучайте основы CSS.

источник: siteucoz.ru

Поэтапная установка Мью-плеера (mjuChrono) на сайт UCOZ

Перед тем, как приступить к непосредственной установке плеера на сайт, хотелось бы немножко рассказать про сам плеер. Во-первых, это mp3 плеер для сайта.

Что в нем необычного и чем он отличается от других плееров для сайта?

1. Его можно разукрасить как вашей душе угодно. Сделать симпотичные кнопочки, разукрасить меню, а главное это можно выполнить в цветовой гамме вашего сайта.
2. Он прост в установке, тем более ниже я ее всю расписал ну очень-очень подробно.
3. С технической точки зрения он тоже крут. Он умеет проигрывать стока треков, сколько вы пожелаете, закачайте столько треков сколько у вас есть, хоть всю коллекцию битлз. Он умеет запоминать номер трека и позицию в треке во время переходов по сайту. 
Кроме этого в его функционале имеется режим повтора трека, проигрывание треков в случаной порядке и т.д.

Итак!
Приступим к установке mp3 плеера для ucoz.

За пример был взят сайт toppleer.ucoz.ru

Mp3 плеер на сайте установлен так, что:
- на всех страницах сайта треки в плейлисте одинаковы;
- плеер запоминает номер трека и позицию в треке, чтобы при переходе по страницам сайта вы продолжали, а не начинали слушать заново одно и то же.

Вводный раздел или как войти в админскую панель на ucoz-e (чисто для тех, кто забыл :)

Вход на ваш сайт в качестве администратора:

- необходимо ввести свой e-mail и пароль uNet профиля в форме входа на сайте.

Вход в панель управления сайта на ucoz:

- нажмите на ваш никнейм, появится окошко с информацией о пользователе;



- в пункте Общее выбрать Вход в панель управления;


- в открывшемся окошке ввести пароль администратора Вебтопа, ну и конечно код безопасности.


Непосредственная установка плеера на ваш сайт

Итак, как же все-таки выглядит установка плеера для сайта ucoz.

Закачка плеера с сайта разработчиков playmju.ru

Качаем от сюда плеер для сайта mjuChrono или mjuChrono optimal.
Сохраняем скаченную папку на компе.

Составление и редактирование плейлиста

1. Вопрос от куда брать музыку? Проще всего закачать нужные вам треки на ваш сайт с своего компьютера.

2. Как закачать на сайт треки?

- Войдя в панель управления вашего сайта, необходимо зайти в файловый менеджер;


- Далее выбирайте нужную вам песню на компе и загружайте ее на ваш сайт, удобнее будет под это создать отдельную папку (как видно из рисунка, я создал папку playmju и загрузил туда 5 треков исполнителя Armin van Buuren);


3. Далее действуем по инструкции playmju.ru/setup и составляем плейлист из наших закаченных на сайт треков.

- Открываем закаченную ранее на комп папку с плеером, видим файл playlist в формате .mpl, открываем его в блокноте, notepad или в другом текстовом редакторе и редактируем плейлист;

Пример:

Т.к. мы вставлем композиции, а не радио, то наш плейлист (из 5 треков) составляется по этому принципу: <track artist="Исполнитель" title="Название" url="ссылка на mp3" />

Наш пример:

<track artist="Armin van Buuren" title="Wall of Sound" url="http://toppleer.ucoz.ru/playmju/01-Wall_of_Sound-feat-Justine_Suissa-.mp3" />

Прямую ссылку на mp3 вы можете узнать, кликнув мышкой на трек, который лежит в вашем файловом менеджере, из появившегося окошка скопируйте ссылку и вставте в код, как показано выше.


Итак, мы получаем список из 5 треков:

<track artist="Armin van Buuren" title="Wall of Sound" url="http://toppleer.ucoz.ru/playmju/01-Wall_of_Sound-feat-Justine_Suissa-.mp3" />
<track artist="Armin van Buuren" title="Empty State" url="http://toppleer.ucoz.ru/playmju/02-Empty_State-feat-Mic_Burns-.mp3" />
<track artist="Armin van Buuren" title="Shivers" url="http://toppleer.ucoz.ru/playmju/03-Shivers.mp3" />
<track artist="Armin van Buuren" title="Golddigger" url="http://toppleer.ucoz.ru/playmju/04-Golddigger-feat-Martijn_Hagens-.mp3" />
<track artist="Armin van Buuren" title="Zocalo" url="http://toppleer.ucoz.ru/playmju/05-Zocalo-feat-Gabriel_Dresden-.mp3" />

- После редактирования файла playlist.mpl, не забудьте его пересохранить;

- Далее вам необходимо сохранить на вашем сайте на ucoz файл с плейлистом (playlist.mpl) и файл с плеером (mju.swf), который хранится в той же папке на вашем компе.


Настройка и разукрашивание плеера

1. На сайте playmju.ru/setup переходите во вторую часть настройки плеера.
Заполняете пункты меню согласно примеру на картинке.


2. В 3-ем разделе отметьте нужные вам меню (совет: не меняейте защиту от кеширования плейлиста и использование unicode-кодировки).
3. В 4-ом разделе выбирайте цвет плеера и кнопок по вашему усмотрению. Тут советов не даю, на вкус и цвет...как говорится.
4. В 5-ом разделе скопируйте полученный код.

Последнии настройки на вашем сайте

1. В панеле управления сайтом войдите в меню Управление дизайном.


2. Далее зайдите в Первый контейнер, если вы хотите, чтобы плеер распологался в другом месте на сайте, то выбирайте соответствующий ему контейнер.


3. Выбрав например Первый контейнер, как делал это я, вставьте тот код, который вы копировали с сайта playmju.ru в код этого контейнера.
Я его вставил прямо в самое начало, поэтому плеер на сайте находится сверху Меню.
Вообще код можно вставить куда угодно, например после статистики (пример на картинке) или после меню сайт.
Пробуйте и у вас все получится!

4. Для последующего редактирования плейлистов, Вам просто необходимо изменять содержимое файла playlist.mpl, по тому же приниципу как и ранее, просто редактировать в текстовом редакторе и заново сохранять в Файловом менеджере в панеле управления вашего сайта.

Ну вот мы и разобрались с плеером для сайта ucoz, слушайте и наслаждайтесь вашим mp3 плеером на сайте.


Внимание!!!

Нашелся баг связанный с некорректным отображением флэшек юкозом  в IE (Internet Explorer), а именно вместо флэшки ucoz делает окошко с рамкой, если у вас такое выявилось, то попробуйте в коде плеера в самом первом теге внутри object-a убрать параметры classid="....." и codebase=".....". Опытным путем проверено - помогает.

источник: toppleer.ucoz.ru


Вид музыкальных страниц из доски объявлений


Для изменения вида понадобится модуль Доска объявлений.Разумеется что можно использовать и другой модуль,всё зависит от того как вы решите раскладывать добавляемый материал.Дело в том что не все модули поддерживают разделы,а на одних категориях,из за разнообразия музыки сильно не разгонишся.В общем мне показалось что более понятным и простым будет вариант где разделами являются основные отличия музыки,и посчитал что их основное отличие в языке исполнения,для упрощения разделов сделал два.Первый раздел Отечественная музыка и соответственно категориями в разделе являются буквы русского алфавита.Второй раздел Зарубежная музыка категориями в которой являются буквы английского алфавита.Соглашусь с мнением что это не самый лучший вариант,но тем не менее раскладывать категории по стилям исполнения тоже имеет свои недостатки.Всё это я пишу чтобы Вы поняли,что можно сделать иначе,как Вам понравится,не стесняйтесь экспериментировать.Прочтите всю статью перед установкой.И так приступим к формированию разделов категориями
1.Набираем АДРЕС ВАШЕГО САЙТА/admin ( заходим в управление сайтом )
2.Активируем модуль Доска объявлений
3.Жмём на Доска объявлений и в выпадающем меню выбираем Управление категориями
4.Жмём Добавить раздел ( называем его Отечественная )
5.Возле появившегося раздела жмём Добавить категорию ( не путать с надписью Добавить категорию которая находится в правом углу )
6.Присваиваем каждой категории по букве русского алфавита ( от А до Я ),должно получаться как на картинке



7.Теперь жмём Добавить раздел ( называем его Зарубежная )
8.В этот раздел добавляем категории которым присвоены буквы английского алфавита ( от A до Z )
9.Всё,закончив с формированием категорий приступим к настройке модуля

Настройка модуля может производиться по разному,Вы можете применить настройки отличающиеся от тех которые применил я.Многое зависит от основных стилей Вашего сайта,поэтому можете попробовать с моими,но они могут быть и иными.И так пробуем настраивать.
1.Жмём на Доска объявлений и в выпадающем меню выбираем Настройки модуля
2.Указываем название модуля Музыка ( можно иначе )
3.Указываем настройки видимости материалов как на картинке ( могут быть иными)



4.Изменяем названия полей как на картинке,могут быть иными но для начала ставьте как у меня,а только потом по виду можете изменить



5.Всё с настройками закончили можно переходить к установке дизайна модуля.

К сожалению нельзя однозначно определить место в расположении элементов дизайна,у каждого сайта они могут выглядеть по разному.Поэтому последовательность установки подобного вида должна проходить по порядку который я описал,это изменит существующие коды на страницах дизайна убрав не нужные элементы кодов.Главное не спешите и обязательно после каждого действия смотрите что получается,тоесть добавили код,нажали сохранить изменения,открыли страницу модуля и смотрите как отражаются изменения в реальности ( материал пока не добавляем ).При добавлении кода ориентируемся на существующий у Вас,он должен быть стандартно прописан ( это middle и body ) от начала до конца их надо будет заменить на мои.
1.Жмём Доска объявлений ( название изменится если вы изменили название модуля ) и в выпадающем списке выбираем Управление дизайном модуля
2.Жмём на Главная страница модуля находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <!--<s3193>-->Музыка<!--</s>--> (<b>$NUM_ENTRIES$</b>)</td> </tr> </table> <hr /> $CATEGORIES$ <hr /> $BODY$ <br> <div style="text-align:center;">$PAGE_SELECTOR1$</div><!-- </body> --><!-- </middle> -->

3.Жмём на Страница с материалом раздела находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ] </td> </tr> </table> <hr /> $CATEGORIES$ <hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5234>-->В разделе Музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><br /><!--<s5235>-->Показано Музыки<!--</s>-->: <b>$NUM_SHOWN$</b></td> <td align="right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</td> </tr> </table> <hr /> $BODY$ <br> <div style="text-align:center;">$PAGE_SELECTOR1$</div><!-- </body> --><!-- </middle> -->

4.Жмём на страница с материалом категории находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » $CAT_NAME$</td> <td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Музыка<!--</s>--></a> ]</td> </tr> </table> <hr />$CATEGORIES$<hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5233>-->В категории Музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><br /><!--<s5235>-->Показано Музыки<!--</s>-->: <b>$NUM_SHOWN$</b></td> <td align="right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</td> </tr> </table> <hr /> $FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$ <hr /> <!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<hr /> $BODY$<br> <div style="text-align:center;">$PAGE_SELECTOR1$</div><!-- </body> --><!-- </middle> -->

5.Жмём на Страница материалов и комментариев к нему находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » <a href="$SECTION_URL$">$SECTION_NAME$</a> » <a href="$CAT_URL$">$CAT_NAME$</a></td> <td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ]</td> </tr> </table> <hr />$CATEGORIES$<hr /> <div class="eTitle" style="padding-bottom:3px;"><div style="float:right">$MODER_PANEL$</div>$ENTRY_TITLE$</div> <table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock"> <tr><td width="85%">$FILTER3_VALUE$ | $FILTER1_VALUE$ | <a href="$SCREEN_URL$" target="_blank"><!--<s5161>-->Фотография<!--</s>--></a> </td> <td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr> <tr><td class="eText" colspan="2">$MESSAGE$<br><li>Послушать и скачайть бесплатно без ожидания и рекламы на высокой скорости</li><li>Все композиции загружены на сервер для быстрого скачивания</li><li>При добавлении не использовать ссылки на файлообменники</li><li>Приветсвуются материалы залитые на <a href="http://www.dropbox.com/" target="_blank" title="Бесплатный сервер для хранения Ваших файлов">Dropbox</a></li><li>При возникновении любых вопросов,советов,пожеланий - впишите в комментарий</li><br><div class="MusicBlock"style=""> <table cellpadding="10" cellspacing="10" height="25"width="100%"> <tr> <td style="width:30%;"><a href="$OTHER1$" target="_blank" title="Скачать бесплатно на высокой скорости"> <img border="0" src="http://xaoc34rus.ucoz.ru/kartinki/Knopki_Ska4at/Knopka_Skachat_110.gif"></a></td> <td style="width:200;" align="right"><center><object type="application/x-shockwave-flash" data="http://xaoc34rus.ucoz.ru/scriptbl/player/player.swf" id="audioplayer1" height="30" width="300"> <param name="movie" value="http://xaoc34rus.ucoz.ru/scriptbl/player/player.swf"> <param name="FlashVars" value="playerID=1&soundFile=$OTHER1$"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object></center></td> <td style="width:10%;" align="center"><div style="margin-right:5px;float:right;font-size:9px;color:#8B8989;"><div align="center"> <a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></div></td></div></tr></table></div><br></td></tr> <tr><td class="eDetails1" colspan="2"> <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a> | <!--<s5192>-->Контактное лицо<!--</s>-->: <u>$AUTHOR_NAME$</u> <a href="$AUTHOR_EMAIL_JS$" title="E-mail">E</a> <a rel="nofollow" href="javascript://" onclick="window.open('$AUTHOR_SITE$');return false;" title="Web-site">W</a> | <!--<s5193>-->Телефон<!--</s>-->: <u>$AUTHOR_PHONE$</u> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$ </td></tr> <tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s5236>-->Размещено до<!--</s>-->: $PLACED_TILL$ </td></tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </table> $COM_ADD_FORM$ <div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div> <!-- </body> --><!-- </middle> -->

6.Жмём на Вид материалов и заменяем всё содержимое этим кодом

<div class="MusicBlock"> <table style=""cellpadding="0"cellspacing="0"height="30"width="100%"> <tr> <td style="width:70%; padding-left:7px; padding-bottom:1px;"><a href="$ENTRY_URL$" class="entryLink"title="Скачать песню на высокой скорости + оставить комментарий"><font color="#ffffff"style="font-size:13px;"><b>$TITLE$</b></font></a><div style="font-size:10px;color:#cccccc; "align="left"><a title="<br>Скачало: $READS$">Дата: $DATE$ | Скачало: $READS$</a></div></td> <td style="width:170;" align="right"><object type="application/x-shockwave-flash" data="http://xaoc34rus.ucoz.ru/scriptbl/player/player.swf" id="audioplayer1" height="30" width="170"> <param name="movie" value="http://xaoc34rus.ucoz.ru/scriptbl/player/player.swf"> <param name="FlashVars" value="playerID=1&soundFile=$OTHER1$"> <param name="quality" value="high"> <param name="menu" value="true"> <param name="wmode" value="transparent"> </object></td> <td style="width:10%;" align="center"><div style="margin-right:5px;float:right;font-size:9px;color:#8B8989;"><div align="center"> <a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></div></td></div></tr></table></div>

7.Жмём на Страница поиска и рейтинга материалов находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ] </td> </tr> </table> <hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5234>-->В разделе музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><br /><!--<s5235>-->Показано музыки<!--</s>-->: <b>$NUM_SHOWN$</b></td> <td align="right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</td> </tr> </table> <hr /> $BODY$ <div style="text-align:center;">$PAGE_SELECTOR1$</div><!-- </body> --><!-- </middle> -->

8.Жмём на Страница добавления/редактирования материалов находим строку  и по строку заменяем этим кодом

<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;">[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ] </td> </tr> </table> <hr /> $BODY$<!-- </body> --><!-- </middle> -->

Теперь Вам осталось дописать стиль для вида музыки,для этого нажимаем Таблица стилей (CSS) и в самый низ вписываем этот код

.MusicBlock {opacity: 0.7;background:#636363;border:1px solid #252525;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;text-shadow: 1px 1px 0px #BEBEBE;}  div.MusicBlock:hover {opacity: 1.0;border:1px solid #FFFFFF;text-shadow: 1px 1px 0px #BEBEBE;}


Всё,теперь можно пробовать добавлять материал.Понятно что вся процедура изменения вида может показатся трудной работой,но если Вы будете выполнять всё как я описал по порядку то всё должно получиться.Я старался быть объективным и последовательным,если у Вас появились вопросы,опишите подробнее в комментарии что именно не понятно.Готовый Вид материалов можно увидеть здесь,желаю удачи!!!



Вставьте там где хотите видеть код


<div style='text-align: center'>       
<SCRIPT language=JavaScript>       
d0 = new Date('december 18, 2010');       
d1 = new Date();       
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);       
document.write('Этот сайт живет <B><SPAN style="COLOR: #ff0000">' + Math.round(dt) + '</SPAN></B>-й день.');       
</SCRIPT>       
</center> 

Вот как это выглядит
Этот сайт живет 606-й день.

Вид материалов для музыкального mp3 сайта ucoz

Это добавляем в верхушку css (Таблицы стилей)


a.mp3xx:link, a.mp3xx:visited, a.mp3xx:active {text-shadow:#FFFFFF 1px 1px 0px; text-decoration:none; color:#555; display:block; background:#f0f3f9; padding:4px 5px;}
a.mp3xx:hover {text-shadow:#FFFFFF 1px 1px 0px; text-decoration:none; color:#333; display:block; background:#ffffff; padding:4px 5px;}




Это вставляем в вид материалов каталога файлов.

<div style="border-top: 1px solid rgb(169, 184, 194);"></div><div id="entryID201"><table style="border-collapse: collapse; width:100%;"><tbody><tr>
<td width="24px" style="border-right:1px solid rgb(169, 184, 194);">
<center><img src="http://mp3xx.ru/favicon.ico" width="16px" height="16" style="cursor: pointer;" onclick="_uWnd.alert('<center><object type=\'application/x-shockwave-flash\' data=\'http://mp3xx.ru/player.swf\' height=\'70\' width=\'470\'><param name=\'wmode\' value=\'transparent\'><param name=\'allowFullScreen\' value=\'true\'><param name=\'allowScriptAccess\' value=\'always\'><param name=\'movie\' value=\'/player.swf\'><param name=\'FlashVars\' value=\'way=$FILE_URL$&swf=http://mp3xx.ru/player.swf&w=470&h=70&time_seconds=0&autoplay=1&q=&skin=sky&volume=70&comment=$TITLE$ [mp3xx.ru]\'></object></center>','Предпрослушка трека',{w:510,h:115,min:1,tm:999999});" title="Прослушать трек"></center></td>
<td width="24px" style="border-right:1px solid rgb(169, 184, 194);"><center><a href="$FILE_URL$"><img src="http://mp3xx.ru/other/control_download.png" title="Скачать" border="0"></a></center></td>
<td><a class="mp3xx" href="$ENTRY_URL$"><strong style="font-weight:normal;">$TITLE$</strong>
</a></td>
<td width="55px" style="border-left:1px solid rgb(169, 184, 194);"> <div style="display:none;"><a href="http://mp3xx.ru"></a></div><img src="http://mp3xx.ru/other/time.png" title="Время"> $AUTHOR_NAME$ </td>
<td width="65px" style="border-left:1px solid rgb(169, 184, 194);"> <img src="http://mp3xx.ru/other/load.png" title="Размер"> $FILE_SIZE$ </td>
<td width="75px" style="border-left:1px solid rgb(169, 184, 194);"> <img src="http://mp3xx.ru/other/bit.png" title="Битрейт"> $AUTHOR_SITE$ Кб/с</td>
</tr></tbody></table>



$AUTHOR_SITE$ - битрейт песни
$AUTHOR_NAME$ - время песни

Скрипт Java Script. Описание: С этим сценарием DHTML, бабочки летающие бесцельно по Вашей страницы. Небольшое насекомое может быть отклонено, нажимая по нему. Сценарий, модифицированный для эффективности, NS6 совместим, плюс способность анимировать многократные бабочки.

Скопируйте приведенный ниже код между тэгами <BODY> и <BODY>





<script language="JavaScript1.2">

var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='butterfly2.gif';
floatimages[1]='butterfly2.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

</script>


Вставить на нужных страницах скрипт, между <head></head> 

 

<SCRIPT type=text/javascript>  
var snowmax=30  
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")  
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")  
var snowletter="*"  
var sinkspeed=0.9  
var snowmaxsize=22  
var snowminsize=8  
var snowingzone=1  
var snow=new Array()  
var marginbottom  
var marginright  
var timer  
var i_snow=0  
var x_mv=new Array();  
var crds=new Array();  
var lftrght=new Array();  
var browserinfos=navigator.userAgent  
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)  
var ns6=document.getElementById&&!document.all  
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera  
function randommaker(range) {  
rand=Math.floor(range*Math.random())  
return rand  
}  
function initsnow() {  
if (ie5) {  
marginbottom = document.body.clientHeight  
marginright = document.body.clientWidth  
}  
else if (ns6) {  
marginbottom = document.body.clientHeight  
marginright = window.innerWidth  
}  
else if (opera) {  
marginbottom = document.documentElement.clientHeight  
marginright = document.body.clientWidth  
}  
var snowsizerange=snowmaxsize-snowminsize  
for (i=0;i<=snowmax;i++) {  
crds[i] = 0;  
lftrght[i] = Math.random()*15;  
x_mv[i] = 0.03 + Math.random()/10;  
snow[i]=document.getElementById("s"+i)  
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]  
snow[i].size=randommaker(snowsizerange)+snowminsize  
snow[i].style.fontSize=snow[i].size  
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]  
snow[i].sink=sinkspeed*snow[i].size/5  
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}  
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}  
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}  
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}  
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)  
snow[i].style.left=snow[i].posx  
snow[i].style.top=snow[i].posy  
}  
movesnow()  
}  

function movesnow() {  
for (i=0;i<=snowmax;i++) {  
crds[i] += x_mv[i];  
snow[i].posy+=snow[i].sink  
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);  
snow[i].style.top=snow[i].posy  

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){  
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}  
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}  
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}  
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}  
snow[i].posy=0  
}  
}  
var timer=setTimeout("movesnow()",50)  
}  

for (i=0;i<=snowmax;i++) {  
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")  
}  
if (browserok) {  
window.onload=initsnow  
}  
</SCRIPT>


Отличный скрипт для сайтов ucoz "Мы ВКонтакте" с возможностью подписки. Скрипт можно изменять под себя, редактируется размер.

Установка: заходим в ПУ - глобальные блоки - первый контейнер. В нужное место ставим вот этот код: 

Code

<center> 
<script type="text/javascript" src="http://grotesk-perm.ucoz.ru/js/vk.js"></script> 
<noindex> 
<div id="vk_groups"></div> 
<script type="text/javascript"> 
VK.Widgets.Group("vk_groups", {mode: 0, width: "230", height: "200"}, 25316248); 
</script> 
  </noindex> 
</center> 
 
Теперь вместо 25316248 ставим айди своей группы ВКонтакте. На этом все, скрипт установлен. Код скрипта в тестовом файле также можно скачать с сервера.

Встатить в Дизайн CSS:

 

/* PageSelector */ 
.catPages1 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;} 
.catPages1 a:link, 
.catPages1 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;} 
.catPages1 a:hover {background-color:#5c5b5b;} 
.catPages1 b {text-decoration:none;background:#95012D;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;} 
.catPages1 b, 
.catPages1 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.pagesBlockuz2 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;} 
.pagesBlockuz2 a:link, 
.pagesBlockuz2 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;} 
.pagesBlockuz2 a:hover {background-color:#5c5b5b;} 
.pagesBlockuz2 b {text-decoration:none;background:#95012D;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;} 
.pagesBlockuz2 b, 
.pagesBlockuz2 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.pagesBlockuz1 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;} 
.pagesBlockuz1 a:link, 
.pagesBlockuz1 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;} 
.pagesBlockuz1 a:hover {background-color:#5c5b5b;} 
.pagesBlockuz1 b {text-decoration:none;background:#95012D;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;} 
.pagesBlockuz1 b, 
.pagesBlockuz1 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.pagesBlock1 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;} 
.pagesBlock1 a:link, 
.pagesBlock1 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;} 
.pagesBlock1 a:hover {background-color:#5c5b5b;} 
.pagesBlock1 b {text-decoration:none;background:#95012D;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;} 
.pagesBlock1 b, 
.pagesBlock1 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
/* --------- */


Поиск
Личный кабинет

Гость !


26 Апр 2024
14:43


Гость, мы рады Вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Точное время
Отправь смс
Праздники
Календарь праздников
Сегодня именинники:
Дачникам
Информер на основе лунного календаря
Луна
Пpoгнoз мaгнитныx буpь
Прогноз погоды Пермь
Полезные советы
Советы кулинарные
Тесты
Погода за окном
Яндекс.Погода
Облако тегов
картинка любовь стихи скрипт для Ucoz картинки со стихами стихи о любви девушка 1 апреля день дурака день смеха скрипты для uCoz 1 мая вид материалов каталога файлов 1 сентября ангел кошки цветы аватарка анимашка анимация анимашки спасибо эротические стихи пасха стихи о жизни стихи о женщине вербное воскресенье открытка открытка 1 мая 9 мая День Победы огонь свечи открытки открытка с днем рождения с Днем Ангела открытки с Днем учителя с Днем учителя День учителя открытки - анимашки анимация природа бабочка анимация бабочки анимация кошки спокойной ночи анимация спокойной ночи 8 марта восход девочка ангелочек анимация ангел Целую Ангелы анимация ангелы анимация с новым годом с новым годом христианство Иисус Христос анимация любовь сердечки день рождения анимация с днем рождения анимация с днем водителя день водителя анимация сердечко картинки дети ромашки Обои для рабочего стола день матери открытки С Днем матери Gif Анимационные открытки животные обои животные gif анимация новый год открытка с Новым годом открытка Новый год пожелание Нового года открытки с Новым годом анимашка с Новым годом анимация gif новогодняя новогодняя анимашка дракон дракончик картинка дракон анимация драконы анимашка дракончик анимация девушка и драконы анимация фэнтези анимашка фэнтези фэнтези gif анимация Новый год открытка анимационная с новым годом поздравление благодарю gif анимация спасибо анимация скучаю анимация новогодняя анимашка новый год Дед Мороз снегурочка Шампанское анимация новогодняя елка анимашка елочка новогодняя зима картинки новогодние аватар аватарка ангел анимация gif малыш аватар дети аватарка дети открытки мультяшки открытки малыши пожелания малышей открытки Машенька пожелания Маши анимация рождество открытка Рождество рождество христово ананимашки снегурочка секси картинка снегурочка открытка с Рождеством рождество открытки анимашки крещение анимация с Крещением открытка крещение открытки анимашки с крещением картинка Крещение Крещение Господне открытка с Крещением открытки с крещением gif анимация День Святого Валентина анимашка День влюбленных открытка гифка Валентинов день открытка с Днем Святого Валентина С Днем Влюбленных валентинка с днем рождения 1 мая друзьям открытка с 1 мая день танца открытка с днем танца 1 годик с днем рождения 1 год открытка
Друзья сайта
  • В гостях у Елены
  • "Гротеск"-ансамбль танцев на колясках (Пермь)

  • Copyright MyCorp © 2024