Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » LightSlider v. 0.2 от ElegantThemes (Второй эксклюзивный рип для MVC)
LightSlider v. 0.2 от ElegantThemes
footballmasterДата: Суббота, 30.10.2010, 15:17 | Сообщение # 1
Спикер
Группа: Пользователи
Пользователь №: 191
Сообщений: 207
Награды: 9
Репутация: 43
Статус: оффлайн
Представляю вам свой второй собственный рип для MVC

Демо
---
Архивы

Установка:

Это в head и /head

Code
<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />

А это в самом конце перед /body

Code
    <script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/jquery.cycle.all.min.js"></script>
       <script type="text/javascript" src="http://www.elegantthemes.com/preview/Magnificent/wp-content/themes/Magnificent/js/superfish.js"></script>

       <script type="text/javascript">
       //<![CDATA[
        jQuery.noConflict();
                
        jQuery('ul.nav').superfish({       
         delay:       200,                            // one second delay on mouseout       
         animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation       
         speed:       'fast',                          // faster animation speed       
         autoArrows:  true,                           // disable generation of arrow mark-up       
         dropShadows: false                            // disable drop shadows       
        });
              
        jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul');
                
        et_search_bar();
              
        var $featured_content = jQuery('#slides');
              
        if ($featured_content.length) {
         $featured_content.cycle({
               timeout: 5500    ,
              speed: 500,
          cleartypeNoBg: true,
          prev:   '#featured a#left-arrow',       
          next:   '#featured a#right-arrow'
         });
        }
              
        <!---- Search Bar Improvements ---->
        function et_search_bar(){
         var $searchform = jQuery('div#search-form'),
          $searchinput = $searchform.find("input#searchinput"),
          searchvalue = $searchinput.val();
                
         $searchinput.focus(function(){
          if (jQuery(this).val() === searchvalue) jQuery(this).val("");
         }).blur(function(){
          if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
         });
        };
              
        /* footer widgets improvements */
              
        var $footer_widget = jQuery("#footer .footer-widget");
              
        if (!($footer_widget.length == 0)) {
         $footer_widget.each(function (index, domEle) {
          // domEle == this
          if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
         });
        };
              
        var $threaded_comments = jQuery('.depth-1 > ul.children');
              
        if ($threaded_comments.length) {         
         $threaded_comments.each(function(index, domEle) {
          var $right_place = jQuery(domEle).parent('.depth-1').find('.entry-content');
          jQuery(domEle).appendTo($right_place);
         });
        }
              
               
       //]]>       
       </script>

Активирование:

Пропишите следующий код где вам угодно

Code
  <div id="featured">
       <div id="featured-overlay"></div>
       <div id="slides">
             
         <div class="slide">
         <a href="ссылка">
          <img src="картинка"   alt='описание' width='461' height='271' />   </a>
         <div class="description">
          <h2 class="title"><a href="ссылка">описание</a></h2>
          <p class="meta-info">описание</p>
         </div> <!-- end .description -->
        </div> <!-- end .slide -->
          <div class="slide">
         <a href="ссылка">
          <img src="картинка" class='thumb'  alt='описание' width='461' height='271' />   </a>
         <div class="description">
          <h2 class="title"><a href="ссылка">описание</a></h2>
          <p class="meta-info">описание</p>
         </div> <!-- end .description -->
        </div> <!-- end .slide -->
          <div class="slide">
         <a href="ссылка">
          <img src="картинка" class='thumb'  alt='описание' width='461' height='271' />   </a>
         <div class="description">
          <h2 class="title"><a href="ссылка">описание</a></h2>
          <p class="meta-info">описание</p>
         </div> <!-- end .description -->
        </div> <!-- end .slide -->
                
       </div> <!-- end #slides -->
               
       <a href="#" id="left-arrow">Previous</a>
       <a href="#" id="right-arrow">Next</a>
             
</div>    <!-- end #featured -->    

Картинки должны иметь размер 461px на 271px и не забудьте залить архивы в файловый менеджер!

Кому понравилось оставьте комментарий! booze



Кто хочет заказать у меня дизайн сайта стучите в Skype: alexandru_lampard ; ICQ: 614017088


Сообщение отредактировал footballmaster - Суббота, 30.10.2010, 15:24
 
вверх
ELYSIUMДата: Суббота, 30.10.2010, 20:41 | Сообщение # 2
Говорун
Группа: Пользователи
Пользователь №: 16
Сообщений: 55
Награды: 0
Репутация: 2
Статус: оффлайн
Мне очень нравится стиль этих слайдеров (чёткий минимализм), что 1 и 2-ого....


Реклама запрещена!
 
вверх
василийДата: Суббота, 30.10.2010, 22:46 | Сообщение # 3
Шептун
Группа: Пользователи
Пользователь №: 110
Сообщений: 48
Награды: 0
Репутация: 0
Статус: оффлайн
вот эта версия лучше =)) да, хотелось бы заранее узнать: можно как нить расширить слайдер?

Сообщение отредактировал василий - Суббота, 30.10.2010, 22:48
 
вверх
ELYSIUMДата: Воскресенье, 31.10.2010, 02:07 | Сообщение # 4
Говорун
Группа: Пользователи
Пользователь №: 16
Сообщений: 55
Награды: 0
Репутация: 2
Статус: оффлайн
Рисуешь новую рамку другого размера и меняешь значения width='461' height='271' на размеры своей рамки.


Реклама запрещена!
 
вверх
Angry4178Дата: Пятница, 12.11.2010, 17:52 | Сообщение # 5
Спикер
Группа: Пользователи
Пользователь №: 85
Сообщений: 255
Награды: 5
Репутация: 14
Статус: оффлайн
footballmaster, о супер, искал слайдер такого типа...Спасибо "+" отправлен.


 
вверх
VanDerGrandДата: Среда, 12.01.2011, 19:38 | Сообщение # 6
Авы нет
Молчун
Группа: Пользователи
Пользователь №: 606
Сообщений: 1
Награды: 0
Репутация: 0
Статус: оффлайн
footballmaster, У меня вопрос!!!! Всё сделал как ты написал, ну всёравно что то не ТО
 
вверх
footballmasterДата: Среда, 12.01.2011, 22:04 | Сообщение # 7
Спикер
Группа: Пользователи
Пользователь №: 191
Сообщений: 207
Награды: 9
Репутация: 43
Статус: оффлайн
VanDerGrand, установи jQuery 1.4.2



Кто хочет заказать у меня дизайн сайта стучите в Skype: alexandru_lampard ; ICQ: 614017088
 
вверх
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » LightSlider v. 0.2 от ElegantThemes (Второй эксклюзивный рип для MVC)
  • Страница 1 из 1
  • 1
Поиск: