Понедельник, 06.05.2024, 15:10
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • В Крыму очень жарко: спасают системы кондиционирования
  • Какие семена купить для дальнейшей реализации
  • Почему кофемашины часто покупают в офисы
  • Можно ли починить айфон при разбитом дисплее
  • Когда могут пригодиться рации
  • Заказать отзывы на АВИТО у компании Upgrating
  • Что чаще всего рекламируют на билбордах в Санкт-Петербурге
  • Преимущества взрывозащитных тепловентиляторов
  • Интересные факты о майнинге криптовалют
  • Как производится регистрация прав интеллектуальной собственности
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Пользуетесь ли вы Поиском?


    Всего ответов: 1423

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0


    Зарегистрировано 31220 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [10.09.2011, 00:46]

    Оригинальная всплывающая панель BB кодов для комментариев при выделении текста, дизайн KrisXY, скрипт Apo

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Немного улучшил дизайн, в основном работает на CSS 3, поддерживаются все новые браузеры кроме IE 

    оригинал: http://www.apo-ucoz.com/load/37-1-0-1759

    Установка:

    Первый Метод

    В Форму добавления сообщений в самый верх вставляйте:



    <script type="text/javascript" src="/js/jquery.caret.js"></script>  
    <script type="text/javascript" src="/js/BB.js"></script>  
    <style type="text/css">  
    #menu  
    {  
      padding: 10px 10px 0px 10px;
      background: #fff;
      display:none;  
      overflow:hidden;  
      position:absolute;  
      top:0;  
      left:0;  
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  
      -khtml-opacity: .3;  
      -moz-opacity: .3;  
      opacity: .3;  
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;  
      -moz-border-radius: 5px;  
      border-radius: 5px;  
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      -webkit-box-shadow: 0px 0px 5px #4c4c4c;
      -moz-box-shadow: 0px 0px 5px #4c4c4c;
      -box-shadow: 0px 0px 5px #4c4c4c;
    }  

    #menu:hover  
    {
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  
      -khtml-opacity: 1;  
      -moz-opacity: 1;
      opacity: 1;
      -webkit-box-shadow: 0px 0px 7px #4c4c4c;
      -moz-box-shadow: 0px 0px 7px #4c4c4c;
      -box-shadow: 0px 0px 7px #4c4c4c;  
    }  

    #menu a {padding:0 1px 0 0}
    .effect
    {
      -webkit-border-radius: 30px;
      -khtml-border-radius: 30px;  
      -moz-border-radius: 30px;  
      border-radius: 30px;  
    }
    .effect:hover
    {
      -webkit-transform: scale(1.15) translateY(0px);  
      -moz-transform: scale(1.15) translateY(0px);  
      -ms-transform: scale(1.15) translateY(0px);  
      -o-transform: scale(1.15) translateY(0px);  
      transform: scale(1.15) translateY(0px);  
    }  
    .point {cursor:pointer;}  
    .grey {background:grey; width:20px; height:20px;border:0;}  
    .olive {background:olive; width:20px; height:20px;border:0;}  
    .green {background:green; width:20px; height:20px;border:0;}  
    .blue {background:blue; width:20px; height:20px;border:0;}  
    .purple {background:purple; width:20px; height:20px;border:0;}  
    .red {background:red; width:20px; height:20px;border:0;}  
    .orange {background:orange; width:20px; height:20px;border:0;}  
    .pink {background:pink; width:20px; height:20px;border:0;}  
    .yellow {background:yellow; width:20px; height:20px;border:0;}  
    </style>  

    <div id="menu">  
    <center>  
    <table>  
    <tr>  
    <td><a title="Жирный" class="point" id="bold"><img src="http://apocalypse.ucoz.kz/bbcodes/b.gif" border="0"></a></td>  
    <td><a title="Наклонный" class="point" id="italic"><img src="http://apocalypse.ucoz.kz/bbcodes/i.gif" border="0"></a></td>  
    <td><a title="Подчёркнутый" class="point" id="underline"><img src="http://apocalypse.ucoz.kz/bbcodes/u.gif" border="0"></a></td>  
    <td><a title="По левому краю" class="left" id="left"><img src="http://apocalypse.ucoz.kz/bbcodes/l.gif" border="0"></a></td>  
    <td><a title="По центру" class="center" id="center"><img src="http://apocalypse.ucoz.kz/bbcodes/c.gif" border="0"></a></td>  
    <td><a title="По правому краю" class="right" id="right"><img src="http://apocalypse.ucoz.kz/bbcodes/r.gif" border="0"></a></td>  
    <td><a title="Вставить ссылку" class="point" id="link"><img src="http://apocalypse.ucoz.kz/bbcodes/link.gif" border="0"></a></td>  
    <td><a title="Код" class="point" id="code"><img src="http://apocalypse.ucoz.kz/bbcodes/code.gif" border="0"></a></td>  
    <td><a title="Цитата" class="point" id="quote"><img src="http://apocalypse.ucoz.kz/bbcodes/quote.gif" border="0"></a></td>  
    </tr><tr>  
    <td><a class="point" id="grey"><div class="grey"></div></a></td>  
    <td><a class="point" id="olive"><div class="olive"></div></a></td>  
    <td><a class="point" id="green"><div class="green"></div></a></td>  
    <td><a class="point" id="blue"><div class="blue"></div></a></td>  
    <td><a class="point" id="purple"><div class="purple"></div></a></td>  
    <td><a class="point" id="red"><div class="red"></div></a></td>  
    <td><a class="point" id="orange"><div class="orange"></div></a></td>  
    <td><a class="point" id="pink"><div class="pink"></div></a></td>  
    <td><a class="point" id="yellow"><div class="yellow"></div></a></td>  
    </tr>  
    </table>  
    </center>  
    </div>


    Второй Метод

    1) В Форму добавления сообщений в самый верх вставляйте:



    <script type="text/javascript" src="http://logostat.at.ua/js/BB_Codes_jquery.caret.js"></script>  
    <script type="text/javascript" src="http://logostat.at.ua/js/BB_Codes.js"></script>  
    <style type="text/css">  

    </style>  

    <div id="menu">  
    <center>  
    <table>  
    <tr>  
    <td><a title="Товстий" class="point" id="bold"><img src="http://logostat.at.ua/images/BB_Codes/b.gif" border="0"></a></td>  
    <td><a title="Похилий" class="point" id="italic"><img src="http://logostat.at.ua/images/BB_Codes/i.gif" border="0"></a></td>  
    <td><a title="Підкреслений" class="point" id="underline"><img src="http://logostat.at.ua/images/BB_Codes/u.gif" border="0"></a></td>  
    <td><a title="По лівому краю" class="left" id="left"><img src="http://logostat.at.ua/images/BB_Codes/l.gif" border="0"></a></td>  
    <td><a title="По центру" class="center" id="center"><img src="http://logostat.at.ua/images/BB_Codes/c.gif" border="0"></a></td>  
    <td><a title="По правому краю" class="right" id="right"><img src="http://logostat.at.ua/images/BB_Codes/r.gif" border="0"></a></td>  
    <td><a title="Вставити лінк" class="point" id="link"><img src="http://logostat.at.ua/images/BB_Codes/link.gif" border="0"></a></td>  
    <td><a title="Код" class="point" id="code"><img src="http://logostat.at.ua/images/BB_Codes/code.gif" border="0"></a></td>  
    <td><a title="Цитата" class="point" id="quote"><img src="http://logostat.at.ua/images/BB_Codes/quote.gif" border="0"></a></td>  
    </tr><tr>  
    <td><a class="point" id="grey"><div class="grey effect"></div></a></td>  
    <td><a class="point" id="olive"><div class="olive effect"></div></a></td>  
    <td><a class="point" id="green"><div class="green effect"></div></a></td>  
    <td><a class="point" id="blue"><div class="blue effect"></div></a></td>  
    <td><a class="point" id="purple"><div class="purple effect"></div></a></td>  
    <td><a class="point" id="red"><div class="red effect"></div></a></td>  
    <td><a class="point" id="orange"><div class="orange effect"></div></a></td>  
    <td><a class="point" id="pink"><div class="pink effect"></div></a></td>  
    <td><a class="point" id="yellow"><div class="yellow effect"></div></a></td>  
    </tr>  
    </table>  
    </center>  
    </div>  


    2) В таблицу Стилей CSS:



    #menu  
    {  
      padding: 10px 10px 0px 10px;
      background: #fff;
      display:none;  
      overflow:hidden;  
      position:absolute;  
      top:0;  
      left:0;  
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  
      -khtml-opacity: .3;  
      -moz-opacity: .3;  
      opacity: .3;  
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;  
      -moz-border-radius: 5px;  
      border-radius: 5px;  
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      -webkit-box-shadow: 0px 0px 5px #4c4c4c;
      -moz-box-shadow: 0px 0px 5px #4c4c4c;
      -box-shadow: 0px 0px 5px #4c4c4c;
    }  

    #menu:hover  
    {
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  
      -khtml-opacity: .9;  
      -moz-opacity: .9;
      opacity: .9;
      -webkit-box-shadow: 0px 0px 7px #4c4c4c;
      -moz-box-shadow: 0px 0px 7px #4c4c4c;
      -box-shadow: 0px 0px 7px #4c4c4c;  
    }  

    #menu a {padding:0 1px 0 0}
    .effect
    {
      -webkit-border-radius: 30px;
      -khtml-border-radius: 30px;  
      -moz-border-radius: 30px;  
      border-radius: 30px;  
    }
    .effect:hover
    {
      -webkit-transform: scale(1.15) translateY(0px);  
      -moz-transform: scale(1.15) translateY(0px);  
      -ms-transform: scale(1.15) translateY(0px);  
      -o-transform: scale(1.15) translateY(0px);  
      transform: scale(1.15) translateY(0px);  
    }  
    .point {cursor:pointer;}  
    .grey {background:grey; width:20px; height:20px;border:0;}  
    .olive {background:olive; width:20px; height:20px;border:0;}  
    .green {background:green; width:20px; height:20px;border:0;}  
    .blue {background:blue; width:20px; height:20px;border:0;}  
    .purple {background:purple; width:20px; height:20px;border:0;}  
    .red {background:red; width:20px; height:20px;border:0;}  
    .orange {background:orange; width:20px; height:20px;border:0;}  
    .pink {background:pink; width:20px; height:20px;border:0;}  
    .yellow {background:yellow; width:20px; height:20px;border:0;}  


    вот и все


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Оригинальная всплывающая панель BB кодов для комментариев при выделении текста, дизайн KrisXY, скрипт Apo



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: SCRIPTS-FOR-UCOZ
    Просмотров: 3909 | Загрузок: 65 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz