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

dlaweb

Создатель
Регистрация
25 Июн 2012
Сообщения
27
Реакции
1
Добрый день уважаемые форумчане. Недавно наткнулся на блок с описанием партнеров сайта в одной из тем вордпресса. Хотел сделать точно такой же у себя на сайте, да вот не селен в этом деле. Пожалуйста помогите сделать блок Our clients как в нижеуказанной теме. Ссылка на демку темы- Для просмотра ссылки Войди или Зарегистрируйся.
Подчеркну, что мне не обязательно точно также все сделать. Конечным результатом хотелось бы получить что то вроде слайдера логотипов внизу сайта.
 
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="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
<li><img title="Title" alt="Title" src="Для просмотра ссылки Войди или Зарегистрируйся"></li>
</ul>
</div>
</div>
</div>[/spoil]
css

[spoil]
.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;
}
 
можешь взять любую современную тему themeforest а и скопировать блок our clients. Очень распространённый блок.
 
Назад
Сверху