Помогите сделать блок Our clients как в теме

Тема в разделе "Верстка", создана пользователем dlaweb, 1 авг 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. dlaweb

    dlaweb Создатель

    Регистр.:
    25 июн 2012
    Сообщения:
    27
    Симпатии:
    1
    Добрый день уважаемые форумчане. Недавно наткнулся на блок с описанием партнеров сайта в одной из тем вордпресса. Хотел сделать точно такой же у себя на сайте, да вот не селен в этом деле. Пожалуйста помогите сделать блок Our clients как в нижеуказанной теме. Ссылка на демку темы- http://otwthemes.com/demos/carbon-wp-light/#.
    Подчеркну, что мне не обязательно точно также все сделать. Конечным результатом хотелось бы получить что то вроде слайдера логотипов внизу сайта.
     
  2. WebP001

    WebP001 Постоялец

    Регистр.:
    3 июл 2013
    Сообщения:
    67
    Симпатии:
    10
    html
    <div class="otw-row">
    <div class="otw-twentyfour otw-columns">
    <div class="otw-sc-clients">
    <div class="otw-sc-divider text-left"><span>Our clients</span><a class="dot" href="#">more</a></div>
    <ul class="block-grid mobile-three-up six-up">
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_1.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_10.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_3.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_4.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_1.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_9.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_4.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_12.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_9.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_10.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_3.jpeg"></li>
    <li><img title="Title" alt="Title" src="http://otwthemes.com/demos/carbon-wp-light/wp-content/uploads/2013/preview/120x80_12.jpeg"></li>
    </ul>
    </div>
    </div>
    </div>

    css

    .otw-sc-clients {
    margin-bottom: 40px;
    }
    .otw-sc-clients:before, .otw-sc-clients:after {
    content: " ";
    display: table;
    }
    .otw-sc-clients:after {
    clear: both;
    }
    .otw-sc-clients .block-grid {
    margin: 0 !important;
    overflow: visible;
    }
    .otw-sc-clients .block-grid li {
    box-shadow: 0 0 1px #CCCCCC;
    padding: 5px 0 !important;
    text-align: center;
    }
    .otw-sc-clients img {
    filter: url("../images/desaturate.svg#greyscale");
    transition: all 0.8s ease-out 0s;
    }
    .otw-sc-clients img:hover {
    filter: none;
    }
    .otw-sc-contentbox {
    margin-bottom: 20px;
    }
     
  3. belarusdds

    belarusdds Создатель

    Регистр.:
    11 янв 2014
    Сообщения:
    28
    Симпатии:
    3
    можешь взять любую современную тему themeforest а и скопировать блок our clients. Очень распространённый блок.