• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Промо для сайта
Drevniy
Сообщений: 2
Репутация: 0

Сообщение # 1 | 18:18:24
Здравствуйте уважаемые форумчане, никогда не думал что прийдется просить помощи, но очень надеюсь на вас теперь.
Видите ли с данным шаблоном возникли такие проблемы, да и пробелы в знаниях. Пожалуйста помогите разобраться как можно сделать подобное промо на данный сайт, без утраты качества дизайна.Не успеваю в сроки увы. Помогите пожалуйста.
http://do-learning.do.am/ - настоящий сайт куда планирую вставить.Думаю понятно куда.
http://alternativa-inf.do.am/ - шаблон пример , желаемого слайд промо
Yuri_G
uWeb support
uVip manager
Сообщений: 4339
Репутация: 943

Сообщение # 2 | 18:50:24
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;}
А могли бы хоть немного приложить своих усилий, раз беретесь за заказы, создаем тестовый сайт и смотрим исходник, с вашей стороны не видно никаких стараний в эту сторону.

Drevniy
Сообщений: 2
Репутация: 0

Сообщение # 3 | 19:22:59
Скажем так, достать код не является проблемой.
Для меня проблема правильная его устоновка, чтобы оно функционировало.. Подробная инструкция..(
Yuri_G
uWeb support
uVip manager
Сообщений: 4339
Репутация: 943

Сообщение # 4 | 19:37:52
Цитата Drevniy ()
Подробная инструкция
инструкция выше, если что-то не понятно, обращайтесь на UПартнер

  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!