Скрипты, проверенные сайтом

Новые сообщения · Участники · Правила форума · Поиск · RSS

Страница 1 из 1 1
Модератор форума: Sunshine

Форум » АССОРТИ » Веб - дизайн UCOZ » Скрипты » Скрипты, проверенные сайтом

Дата: Воскресенье, 03.05.2015, 14:14 | Сообщение # 1

Sunshine

SOLНЫШКО

Здесь будут хранится только скрипты, уже проверенные нашим сайтом.

Дата: Воскресенье, 03.05.2015, 14:23 | Сообщение # 2

Sunshine

SOLНЫШКО

В верхнюю часть сайта( в самый верх):

Код

<ul id="navigation">
  <li class="home"><a style="margin-left: -85px;" href="$HOME_PAGE_LINK$" title="Главная "></a></li>
  <li class="about"><a style="margin-left: -85px;" href="/gb" title="Гостевая"></a></li>
  <li class="podcasts"><a style="margin-left: -85px;" href="/forum" title="Форум"></a></li>
  <li class="contact"><a style="margin-left: -85px;" href="/index/14" title="ЛС"></a></li>
  <li class="search"><a style="margin-left: -85px;" href="$REGISTER_LINK$" title="Регистрация"></a></li>
  <li class="rssfeed"><a style="margin-left: -85px;" href="$LOGIN_LINK$" title="Вход"></a></li>
<li class="photos"><a style="margin-left: -85px;" href="$LOGOUT_LINK$" title="Выход"></a></li>
  </ul><script type="text/javascript">
  $(function() {
  $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

  $('#navigation > li').hover(
  function () {
  $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
  },
  function () {
  $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
  }
  );
  });
  </script>

в таблицу стилей Css :

Код

/*боковое меню*/
ul#navigation {
  position: fixed;
  margin: 0px;
  padding: 0px;
  top: 30px;
  left: 0px;
  list-style: none;
  z-index:9999;
}
ul#navigation li {
  width: 100px;
}
ul#navigation li a {
  display: block;
  margin-left: -2px;
  width: 100px;
  height: 70px;
  background-color:#D9FE46;
  background-repeat:no-repeat;
  background-position:center center;
  border:1px solid #5a4444;
  /*-moz-box-shadow: 0px 4px 3px #000;
  -webkit-box-shadow: 0px 4px 3px #000;
  */
  opacity: 0.6;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
  background-image: url(http://sonas.3dn.ru/images/home-1-.png);
}
ul#navigation .about a {
  background-image: url(http://sonas.3dn.ru/images/4951657.png);
}
ul#navigation .search a {
  background-image: url(http://sonas.3dn.ru/images/5036460.png);
}
ul#navigation .podcasts a {
  background-image: url(http://sonas.3dn.ru/images/forum1.png);
}
ul#navigation .rssfeed a {
  background-image: url(http://sonas.3dn.ru/images/5036456.png);
}
ul#navigation .photos a {
  background-image: url(http://sonas.3dn.ru/images/5038506.png);
}
ul#navigation .contact a {
  background-image: url(http://sonas.3dn.ru/images/ls.png);
}

/*верхнее меню сайта---*/

Дата: Воскресенье, 03.05.2015, 14:43 | Сообщение # 3

Sunshine

SOLНЫШКО

Код

<marquee style="width: 90%; padding: 5px; border: 1px #FFF5A2(242, 242, 242); color: #C51423;text-shadow: 1px 1px 0px #5A4444; font-family: arbat-webfont; font-size: 20px; font-weight: bold;">
Жадная гусеница запуталась в яблоке и укусила себя за жопу </marquee>

Ваш текст

Код

<marquee> Ваш текст</marquee>/marquee>

- это будет обычная бегущая строка
Все, что относится к стилям - украшает ваш текст, делая его более особенным:

style :

width: 90% - /*ширина бегущей строки в процентном соотношении к форуму*/

padding: 5px; - /* отступы от форума в пикселях*/

border: 1px #FFF5A2(242, 242, 242); - /* цвет линии отступа*/

color: #C51423 - /*цвет текста*/

text-shadow: 1px 1px 0px #5A4444; - /*цвет тени и отступы самой тени*/

font-family: Courier; - /*название шрифта*/

font-size: 20px; -/* размер шрифта*/

font-weight: bold; -/*жирный текст*/

Дата: Воскресенье, 03.05.2015, 15:23 | Сообщение # 4

Sunshine

SOLНЫШКО

на самом деле, я не помню откуда я взяла этот скрипт) Он позволяется скрыть админ бар=> появляется кнопочка в правом верхнем углу)

Код

background:url('http://3week.clan.su/img4/sprites.png') -613px -209px;

- /*поменять картинку*/

Дата: Воскресенье, 03.05.2015, 15:56 | Сообщение # 5

Sunshine

SOLНЫШКО

Верхняя картинка

Вставляется после

Код

Код

height:36px; - /*растояние высоты картинки*/

background: url(http://sonas.3dn.ru/images/over-top.png) - /* ссылка на саму картинку - желательно на прозрачном фоне*/

repeat-x /*повтор горизонтально*/

100% - растяжка картинки на всю площадь сайта

Дата: Воскресенье, 03.05.2015, 16:09 | Сообщение # 6

Sunshine

SOLНЫШКО

Скрипт на смену шапочек при обновлении страницы

Код

Разберем поближе этот скрипт:
Циферка 3 - /* эту цифру можно менять, в зависимости от того, сколько шапочек у вас будет на смену */

img src="http://ftale.3dn.ru/shapki1/logo'+sha+'.png " /*здесь ссылка на папку в файловом менеджере, в данном случае ссылка на этот сайт и определенные шапки*/

P.S менять нужно только ссылку на вашу папку только до /logo'+sha+'.png
Важно! В файловый менеджер загружать файлы только под названиями: logo0.png, logo1.png, logo2.png, logo03.png и так далее. в зависимости от количества шапочек.

border="0" /*без отступов*/

width="100%" /* размер на всю шапку*/

Дата: Воскресенье, 03.05.2015, 23:35 | Сообщение # 7

Sunshine

SOLНЫШКО

чтобы сделать вот такой вид материалов новостей, нужно:

В Сss добавить=>

Код

/* вид новостей на главной */
  .pierwsza {border: 1px solid #98000; background:#C8F60E; border-bottom: 3px solid #98000; border-radius: 3px 0 0 3px; padding: 5px;}
  .likek {display: block; color: #edf1f5;}
  .druga {padding: 5px; border: 5px solid rgba(200, 246, 14, 0.34); border-bottom: 5px solid rgba(200, 246, 14, 0.34);}
  .imageks {border-radius: 3px; width: 150px; height: 200px; box-shadow: -3px 0px 6px rgba(50, 50, 50, 0.25);}
  a.titlename {padding: 5px;border-bottom: 1px dotted #98000;display: block; font-size: 17pt; color: #98000;}
  a.titlename:hover {padding: 5px;border-bottom: 1px dotted #5a4444; text-decoration: none; color: #5a4444;}
  /* ------- */

Потом идем в ПУ=> Дизайн=> Управление дизайном(шаблоны) => Новости сайта => Вид материалов и полностью удаляем там все коды, а вставляем этот код:

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
  <tr>
  <td width="8%" class="pierwsza" align="center" valign="top">
  <img src="http://ucozon.ru/_dr/61/61181331.png" title="Количесто лайков" alt="Количество лайков">
  <div class="likek" align="center" title="Количесто лайков">$RATED$</div>
  </td>
  <td widht="100%" valign="top" class="druga">
  <?if($IMG_URL1$)?><div style="float: right;"><a href="$ENTRY_URL$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" class="imageks" />
  </a></div><?endif?>
  <div><a href="$ENTRY_URL$" class="titlename">$TITLE$</a><div>
  $MESSAGE$
  </td>
  </tr>
  </table>

Форум » АССОРТИ » Веб - дизайн UCOZ » Скрипты » Скрипты, проверенные сайтом

Страница 1 из 1
1