Разработано jtemplate модули Joomla

Блог шаблоны

Подробно о закачке
Одностроничный шаблон FerroMenu для uCoz Одностроничный шаблон FerroMenu для uCoz
(0 голосов)
Одностраничный шаблон FerroMenu - это не обычные табы, которые можно заполнить любим содержимым. Для начала скачиваете архив с нашего сайта и папку ferromenu загружаете в свой файловый менеджер. Теперь создаете страницу динамическую (через редактор страниц) или статическую (в файловым менеджере с расширением html) страницу и вставляете в нее данный код: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Название страницы</title> <link rel="stylesheet" href="/ferromenu/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="/ferromenu/ferromenu.css" /> <link rel="stylesheet" href="/ferromenu/matereails.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <script src="/ferromenu/jquery.js" type="text/javascript"></script> <script src="/ferromenu/jqueryferro.js" type="text/javascript"></script> <script src="/ferromenu/transit.js" type="text/javascript"></script>       <script type="text/javascript"> var currentIndex = 0; var currentId = "templateblocks"; $(document).ready(function() { $("#nav").ferroMenu({ position : "left-center", delay : 50, rotation : 720, margin : 20 }); }); var colors = { "templateblocks" : { "background" : "#45688E", "index" : 0 }, "templateblocks1" : { "background" : "#3b5998", "index" : 1        },        "templateblocks2" : {        "background" : "#00aced",        "index" : 2        },        "templateblocks3" : {        "background" : "#0d4d42",        "index" : 3        },        "templateblocks4" : {        "background" : "#F6881F",        "index" : 4        },        "templateblocks5" : {        "background" : "#c08d64",        "index" : 5        }                     };                     function goTo(id){        var obj = eval("colors."+id);                     $("body").css("background",obj.background);        $(".ferromenu-controller,#nav li a").css("color",obj.background);        if(obj.index > currentIndex){        $(".active").addClass("off");        $(".active").transition({        x : -100,        opacity : 0,        zIndex : 0        },600);                     $("#"+currentId).removeClass("active");                     $("#"+id).addClass("active");        $("#"+id).transition({        x : 400        },0,function(){        $("#"+id).removeClass("off");        $("#"+id).transition({        x : 0,        opacity : 1,        zIndex : 2        },600);        });        }else if(obj.index < currentIndex){        $(".active").addClass("off");        $(".active").transition({        x : 100,        opacity : 0,        zIndex : 0        },600);        $("#"+currentId).removeClass("active");                                  $("#"+id).addClass("active");        $("#"+id).transition({        x : -400        },0,function(){        $("#"+id).removeClass("off");        $("#"+id).transition({        x : 0,        opacity : 1,        zIndex : 2        },600);        });        }        currentIndex = obj.index;        currentId = id;                     }        </script>        </head>        <body>        <ul id="nav">        <li><a href="javascript:goTo('templateblocks');"><i class="fa fa-vk"></i></a></li>        <li><a href="javascript:goTo('templateblocks1');"><i class="fa fa-facebook"></i></a></li>        <li><a href="javascript:goTo('templateblocks2');"><i class="fa fa-twitter"></i></a></li>        <li><a href="javascript:goTo('templateblocks3');"><i class="fa fa-whatsapp"></i></a></li>        <li><a href="javascript:goTo('templateblocks4');"><i class="fa fa-odnoklassniki"></i></a></li>       <li><a href="javascript:goTo('templateblocks5');"><i class="fa fa-instagram"></i></a></li>        </ul>        <section id="content">                     <article id="templateblocks" class="active">        <i class="fa fa-vk"></i>        <h1>Название первой вкладки</h1>        <div class="cnt">        Содержимое первой вкладки        </div>        </article>        <article id="templateblocks1" class="off">        <i class="fa fa-facebook"></i>        <h1>Название второй вкладки</h1>        <div class="cnt"> Содержимое второй вкладки        </div>        </article>        <article id="templateblocks2" class="off">        <i class="fa fa-twitter"></i>        <h1>Название третей вкладки</h1>        <div class="cnt"> Содержимое третей вкладки        </div>        </article>        <article id="templateblocks3" class="off">        <i class="fa fa-whatsapp"></i>        <h1>Название четвертой вкладки</h1>        <div class="cnt">        Содержимое четвертой вкладки        </div>        </article>        <article id="templateblocks4" class="off">        <i class="fa fa-odnoklassniki"></i>        <h1>Название пятой вкладки</h1>        <div class="cnt"> Содержимое пятой вкладки        </div>        </article>        <article id="templateblocks5" class="off">        <i class="fa fa-instagram"></i>        <h1>Название шестой вкладки</h1>        <div class="cnt">        Содержимое шестой вкладки        </div>        </article>        </section>        </body> </html>
Данные по файлу
Создан 28-01-2017
Изменен
Версия:
Размер 38.54 KB
Рейтинг
(0 голосов)
Автор
Контрольная сумма MD5 ecc81e08009ca07bbe1e3a43e3a684de
Создал bot
Изменил
Скачиваний 55
Лицензия
Цена
Веб-сайт
Контрольная сумма SHA1 157cfe91d63c3d8df3d13569a9f6823a1fa7a955
Имя файла:917_f...enu.rar
Размер:38.54 KB

Добавить комментарий


Защитный код
Обновить

Вход на сайт

Заработок на сайте

Кратко о tpl-Ucoz.ru

Кратко о нас: tpl-Ucoz.ru(AV-A.RU) открылся в 2014 году. Мы первый сайт который специализируется на шаблонах ucoz, так же есть различный софт для продвижения и познавательные статьи для вашего сайта. Для вашего удобства мы сделали новые разделы, где вы сможете бесплатно скачаивать шаблоны для юкоз. Мы каждый день пытаемся улучшить наш сайт с шаблонами ,спасибо вам за то,что заходите к нам и качаете шаблоны, и общаетесь с нами. Администрация tpl-Ucoz.ru обещает вам что всегда будет радовать новыми шаблонами для ваших сайтов!

Разработано jtemplate модули Joomla

Разработано jtemplate модули Joomla

Разработано jtemplate модули Joomla

Scroll to top