|
|
Модератор форума: dotbot |
Сообщество uCoz Архивариус Корзина Промо для сайта |
Промо для сайта |
Здравствуйте уважаемые форумчане, никогда не думал что прийдется просить помощи, но очень надеюсь на вас теперь.
Видите ли с данным шаблоном возникли такие проблемы, да и пробелы в знаниях. Пожалуйста помогите разобраться как можно сделать подобное промо на данный сайт, без утраты качества дизайна.Не успеваю в сроки увы. Помогите пожалуйста. http://do-learning.do.am/ - настоящий сайт куда планирую вставить.Думаю понятно куда. http://alternativa-inf.do.am/ - шаблон пример , желаемого слайд промо |
Drevniy,
Слайдер: Код <div id="slider"> <div class="slide"> <div class="part-l"> <div class="slide-i"> <div class="slide-t">PERFECT BUSINESS</div> <a href=""><img src="/.s/t/1111/slide1.jpg" alt=""></a> </div> </div> <div class="part-r"> <div class="part-i slide-d"> <div class="slide-st">the best business structure</div> <div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div> <a href="" class="read-m">read more</a> </div> </div> <div class="clr"></div> </div> <div class="slide"> <div class="part-l"> <div class="slide-i"> <div class="slide-t">PERFECT BUSINESS</div> <a href=""><img src="/.s/t/1111/slide2.jpg" alt=""></a> </div> </div> <div class="part-r"> <div class="part-i slide-d"> <div class="slide-st">the best business structure</div> <div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div> <a href="" class="read-m">read more</a> </div> </div> <div class="clr"></div> </div> <div class="slide"> <div class="part-l"> <div class="slide-i"> <div class="slide-t">PERFECT BUSINESS</div> <a href=""><img src="/.s/t/1111/slide3.jpg" alt=""></a> </div> </div> <div class="part-r"> <div class="part-i slide-d"> <div class="slide-st">the best business structure</div> <div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div> <a href="" class="read-m">read more</a> </div> </div> <div class="clr"></div> </div> </div> <script type="text/javascript"> $(function() { (function doSlider() { if ($.isFunction($.fn.flexslider)) { $('#slider').flexslider({ selector: ".slide", slideshowSpeed: 5000, pauseOnHover: true, directionNav: false };); } else { setTimeout(doSlider, 300); } }()); };); </script> <script type="text/javascript" src="http://italias.ucoz.ru/.s/t/1111/template.min.js"></script> Стили: Код #slider {overflow:hidden;position:relative;} .slide-i {overflow:hidden;position:relative;} .slide-i img {display:block;} .slide-t {position:absolute;top:40px;right:0;font-size:30px;text-transform:uppercase;color:#2d383e;border-top:1px solid #2d383d;width:40%;text-align:right;font-family:'CuprumBold';} .slide-d {margin:40px 0 0;position:relative;overflow:hidden;border-top:1px solid #f2f2f2;} .slide-st {padding:36px 0 0;color:#f8f9f9;text-transform:uppercase;font-size:18px;font-family:'CuprumReg';} .slide-tx {padding:30px 0 0;color:#dedede;font-size:14px;} .read-m {display:block;position:absolute;bottom:40px;color:#f2f2f2;text-transform:uppercase;font-size:14px;background:#0a8fcc;font-family:'CuprumReg';} .read-m:hover {text-decoration:none;background:#929b9e;} .flex-control-nav,.flex-control-nav li {padding:0;margin:0;list-style:none;} .flex-control-nav {position:absolute;bottom:40px;z-index:100;} .flex-control-nav li {float:left;padding:0 0 0 10px;} .flex-control-nav a {display:block;width:17px;height:17px;background:#273135;text-indent:100%;white-space:nowrap;overflow:hidden;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;} .flex-control-nav a:hover {background:#929b9e;} a.flex-active,a.flex-active:hover {background:#0a8fcc;} part-l,.slide-i img {width:766px;} .part-r {width:404px;} .part-i {padding:0 45px;} #slider,.slide-i {height:392px;} .slide-i img {min-height:392px;} .slide-t {padding:28px 45px 0;} .slide-d {height:351px;} .read-m {left:45px;padding:16px 45px;} .flex-control-nav {right:444px;} @media only screen and (min-width:960px) and (max-width:1200px) { .part-l,.slide-i img {width:660px;} .part-r {width:320px;} .part-i {padding:0 25px;} #slider,.slide-i {height:362px;} .slide-i img {min-height:362px;} .slide-t {padding:28px 25px 0;} .slide-d {height:321px;} .read-m {left:25px;padding:16px 25px;} .flex-control-nav {right:345px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .part-l,.slide-i img {width:768px;} .part-l,.part-r {float:none;width:768px;} #slider .part-r,.flex-control-nav {display:none;} .slide-t {font-size:20px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .part-r,.part-l,.slide-i img {width:456px;} #slider {display:block;margin:0 0 3px;} #slider .part-r,.flex-control-nav {display:none;} #slider,.slide-i {height:262px;} .slide-i img {min-height:262px;} } .slide-t {font-size:16px;padding:28px 25px 0;top:20px;} #slideshowBlock7 {margin:0 0 20px;} |
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!