Четверг, 28.03.2024, 19:02
Скрипты для Ucoz
Карта сайта
Главная | Записи участника (Lordarch) - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Записи участника » Lordarch [7]
Результаты поиска
LordarchДата: Вторник, 05.06.2012, 14:33 | Сообщение # 1 | Тема: Набор модераторов на сайт
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
Я тоже хочу !!!

Добавлено (05.06.2012, 14:33)
---------------------------------------------
я разбераюсь в редактировании шаблона и многое другое

 
LordarchДата: Вторник, 05.06.2012, 16:31 | Сообщение # 2 | Тема: Как поставить скрипт на ucoz сайт
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
 
LordarchДата: Вторник, 05.06.2012, 17:04 | Сообщение # 3 | Тема: Набор модераторов на сайт
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
ок постораюсь cool
 
LordarchДата: Вторник, 05.06.2012, 17:29 | Сообщение # 4 | Тема: Меню в серых тонах
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.


Установка:
1. В CSS вставляем:

Code
/* Menu by uSite.su - domenik */      
      .menu-tab span {      
      display:inline-block;      
      font-family:sans-serif;      
      font-weight:bold;      
      font-size:12px;      
      padding-left:6px;      
      padding-top:10px;      
      color:#fff;      
      text-shadow:0px 1px 0px #282828;      
      }      
      .menu-ma {      
      border:1px solid #282828;      
      width:239px;      
      -webkit-border-radius:3px;      
      -moz-border-radius:3px;      
      border-radius:3px;      
      border-bottom:0px;      
      }      
      a.menu-tab:link {      
      border-bottom:1px solid #282828;      
      display:block;      
      text-decoration:none;      
      width:239px;      
      height:34px;      
      background:url('http://usite.su/images/menu-tab.png');      
      }      
      a.menu-tab:visited {      
      border-bottom:1px solid #282828;      
      display:block;      
      text-decoration:none;      
      width:239px;      
      height:34px;      
      background:url('http://usite.su/images/menu-tab.png');      
      }      
      a.menu-tab:hover {      
      border-bottom:1px solid #282828;      
      display:block;      
      text-decoration:none;      
      width:239px;      
      height:34px;      
      background:url('http://usite.su/images/menu-tab.png') 0px 68px;      
      }      
      a.menu-tab:active {      
      border-bottom:1px solid #282828;      
      display:block;      
      text-decoration:none;      
      width:239px;      
      height:34px;      
      background:url('http://usite.su/images/menu-tab.png') 0px 34px;      
      }      

     /* ------------------ */      
      


2. Туда где хотим видеть меню:

Code
<div class="menu-ma">      
      <a href="http://ссылка" class="menu-tab"><span>Проверка меню</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>Вышло не плохо</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>by domenik</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>for uSite.su</span></a>      
      </div>


Готово!
Прикрепления: 2178678.jpg (7.9 Kb)
 
LordarchДата: Вторник, 05.06.2012, 17:37 | Сообщение # 5 | Тема: Всплывающий блок
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
Установка:
1)Для начала создадим сам блок:

Code
<div id="kpro">   
  <div id="kpro_clos"><h6>CLOSED</h6></div>   
  Тут содержимое блока   
  </div>


2)Далее пишем стили для блока:

  
  
Code
#kpro{   
   position:absolute;   
   width:800px; // Ширина блока   
   height:320px; // Высота блока   
   top:50%; // Это не меняем   
   left:50%; // Это не меняем   
   margin-left:-410px; // Половина ширины блока   
   margin-top:-160px; // Половина высоты блока   
   background-color:rgba(0, 0, 0, 0.7); // Фон блока и его прозрачность   
   border-right:10px solid #fff ; // Бордюр справа   
   border-left:10px solid #fff; // Бордюр слева   
   border-top:10px solid #fff; // Бордюр сверху   
   border-bottom:10px solid #fff; // Бордюр снизу   
   border-radius:20px 0 20px 20px; // радиус скругления углов   
   display:none;   
   }  


3)Стили для кнопок закрыть:

  
  
Code
#kpro_clos{   
   position:absolute;   
   top:-34px;   
   right:-10px;   
   width:40px;   
   height:20px;   
   background-color:rgba(0 ,0, 0, 0.7);   
   border-right:4px solid #fff;   
   border-left:4px solid #fff;   
   border-top:4px solid #fff;   
   border-radius:20px 20px 0 0;   
   }  

  
4)Стили при наведении на кнопку:

  
  
Code
#kpro_clos:hover{   
   cursor:pointer;   
   position:absolute;   
   top:-38px;   
   right:-10px;   
   width:40px;   
   height:24px;   
   }  

  
5)Стиль для надписи на кнопки:

  
 
Code
 #kpro_clos h6{   
   text-align:center;   
   padding-top:7px;   
   color:#fff;   
   font: 9px 'Comic Sans MS', 'Arial';   
   }  


6)Теперь сама ссылка для открытия блока:

 
Code
  
   <a class="ic" href="javascript://" onclick="$('#kpro').fadeIn(2000)">Нажми на меня</a>  


7)Скрипт закрытия блока(ставим после блока):

  
Code
  <script type="text/javascript">   
   $(function()   
   {   
   $('#kpro_clos').click(function()   
   {   
   $('#kpro').fadeOut(2000);   
   });   
   });   
   </script>  


Блок легко адаптируется под дизайн сайта.
Готово!
  
  
  
 
LordarchДата: Вторник, 05.06.2012, 17:47 | Сообщение # 6 | Тема: uLinv - быстрое преобразование ссылок на видео
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
http://webuilder.info/_ld/18/16631982.png

uLinv - это моментально преобразование ссылок на видео и их оформление. С помощью данного скрипта можно с лёгкостью преобразовать ссылки на видео, изменить их дизайн.
Поддерживаемые видео-сервисы:
1). youtube.com
2). vimeo.com
3). flickr.com
4). rutube.ru

Как работать с этим скриптом?
Добавляем в js следующий код:
Code
$('$1').uLinv({tag: '$2', find: '$3'},$4,'$5');


$1 - html тег, в котором необходимо выполнить преобразование ссылок
$2 - в каком теге искать ссылку, например: "a"
$3 - в каких атрибутах следует вытаскивать ссылку на видео
$4 - всегда ставим true, наверное позже добавлю одну фичу
$5 - html код ссылки, т.е. вы можете изменить стнд. вид ссылок

Переменные для html шаблона ссылки:
{title} - название ссылки
{link} - ссылка сгенерированная на видео в uwnd

Code
$('div').uLinv({tag: 'a', find: ['href','title']},false,'<a{link}style="background: rgba(0, 0, 0, 0.702);border-radius: 5px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.275);color: #FFFFFF;cursor: pointer;text-shadow: 0px 1px 0px #262626;padding:2px;">{title}</a>

Где "div" выполняет поиск ссылок во всех дивах, к примеру для форума нужно вместо "div", написать ".posttdMessage", тогда скрипт будет выполнять поиск именно в этом блоке.

Плагин uLinv:
Code
<span style="font:normal normal normal 12px/14px Tahoma;color:rgb(70, 85, 132);border-style:none;letter-spacing:normal;line-height:14px;text-align:justify;vertical-align:baseline;text-decoration:none;text-shadow:rgb(102, 101, 95) 1px 2px 3px">function p_url(url){var pattern="^(([^:/\\?#]+):)?(//(([^:/\\?#]*)(?::([^/\\?#]*))?))?([^\\?#]*)(\\?([^#]*))?(#(.*))?$";var rx=new RegExp(pattern);return rx.exec(url)}function uLinvc(host,url){switch(host){case'www.youtube.com':var url=p_url(url);var param_id=url[8].split('?v=');var emd='<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/'+param_id[1]+'?version=3&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+param_id[1]+'?version=3&hl=ru_RU" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>';break;case'vimeo.com':var url=p_url(url);var param_id=url[7].split('/');var emd='<iframe src="http://player.vimeo.com/video/'+param_id[1]+'?portrait=0&color=ffffff" width="560" height="315" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';break;case'www.flickr.com':var url=p_url(url);var param_id=url[7].split('/');var emd='<object type="application/x-shockwave-flash" width="560" height="315" data="http://www.flickr.com/apps/video/stewart.swf?v=109786" classid="clsid:D27CDB6E-AE6D-11cf-96B8-<a style="font:normal normal normal 12px/14px Tahoma;" href="https://passport.webmoney.ru/asp/CertView.asp?wmid=444553540000" target="_blank" title="">444553540000</a>"> <param name="flashvars" value="intl_lang=en-us&photo_secret=27ee8b3ae9&photo_id='+param_id[3]+'"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=109786"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=109786" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&photo_secret=27ee8b3ae9&photo_id='+param_id[3]+'" height="315" width="560"></embed></object>';break;case'rutube.ru':var url=p_url(url);var param_id=url[7].split('.html');param_id=param_id[0].split('/');var emd='<OBJECT width="560" height="315"><PARAM name="movie" value="http://video.rutube.ru/'+param_id[2]+'"></PARAM><PARAM name="wmode" value="window"></PARAM><PARAM name="allowFullScreen" value="true"></PARAM><EMBED src="http://video.rutube.ru/'+param_id[2]+'" type="application/x-shockwave-flash" wmode="window" width="560" height="315" allowFullScreen="true" ></EMBED></OBJECT>';break}new _uWnd('name','Просмотр видео',590,360,{autosize:0,modal:1,align:'center'},emd)}jQuery.fn.uLinv=function(options,http,html){var container=this;var settings=jQuery.extend({tag:"div",find:"href"},options);$(container).find(settings.tag).each(function(k,a){jQuery.each(settings.find,function(i,val){url=$(a).attr(val);var parts=p_url(url);if(parts[5]=='www.youtube.com'||parts[5]=='vimeo.com'||parts[5]=='www.flickr.com'||parts[5]=='rutube.ru'){if(html){$(a).replaceWith(html.replace(/{title}/g,'Смотреть видо с '+parts[5]).replace(/{link}/g,' href="#" onclick="uLinvc(\''+parts[5]+'\',\''+parts[0]+'\')"'))}else{$(a).replaceWith('<a href="#">Смотреть видео с '+parts[5]+'</a>')}}})});return this}; </span>


Подключаем этот плагин. Готово.
 
LordarchДата: Вторник, 05.06.2012, 18:07 | Сообщение # 7 | Тема: Установка нестандартного шаблона на сайт uCoz
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
Год выпуска: 2011
Производитель: Ucoz templates
Продолжительность: 03:58
Язык: Русский
Описание: Данное видео содержит пошаговую инструкцию по установке шаблона на сайт uCoz.
Видео: flv.264, 1366x768, 16:9, 30fps, 1.5 Mbs
Аудио: mp3, 44 кГц, 192 kbts, 2 (стерео)

Скачать
 
Скрипты для Ucoz » Записи участника » Lordarch [7]
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz