Ужасный шаблон просто. Достаточно есть адаптивных лэндингов, даже бесплатные от графберри
А лучше всего CTRL+R
Два сайта из трех вернулись из под АГС, попали во второй волне, 1 октября. Правда на одном тиц стал 50 вместо 60 и в каталог не вернулся, второй каки было. На первом поснимал все ссылки, на втором даже сапу не уборал...
Тогда в чем вопрос? если вы знаете где должно быть - лезете и меняете.
Я вот обычно стили сам прописываю нужные, минимум плагинов.---------- Добавлено 01.11.2015 в 08:10 ----------radj777, У вордпресса есть довольно неплохой API для работы с любыми таблицами. в переводе на wp-kama найдете
Подсказать невозможно, не видя вашей темы.
Картинки, например, могут быть в div'ы обернуты и стили прописаны для них
могут и просто типа
img{ ....}
а может к ним и лайтбокс привязан
начните с азов - потом будет проще.
ЗЫ обычно дивы выравнивают с помощью свойства
float: left;
не помешает и одинаковый размер еще для блока задать
например, htmlbook.ru
Или любой учебник по CSS
Отпадет куча вопросов. Да и гуголь еще никто не отменил...
А здесь вопросs по Wordpress..
Сорри, виртуальные - да. Что получше - в ГЕрмании
У FastVPS серверы в Неметичне
Еще одна причина переползания на Джангу) Там эти вопросы вообще не возникают
Kiprian, вот это ставите в файл стилей и корректируете под ваши нужды
.hd-border{ width: 50%; height: 300px; background-color: rgba(234, 236, 218, 0.46); /*background-image: url("/images/kitchen_adventurer_cheesecake_brownie.jpg");*/ /*transition: all 6s;*/ border: 2px solid black; overflow: hidden; position: relative; } .hd{ width: 100%; height: 300px; background-color: rgba(234, 236, 218, 0.46); /*background-image: url("/images/kitchen_adventurer_cheesecake_brownie.jpg");*/ /*transition: all 6s;*/ /*border: 2px solid black;*/ position: relative; } div.mask-in { background-color: rgba(8, 3, 6, 0.7); bottom: 0; height: 50px; position: absolute; width: 100%; z-index: 999; } h3{ text-align: center; /*padding-top: 4px;*/ font-size: 18px; color: #f5f5f5; vertical-align: middle; /*padding-top: 4%;*/ } .sc-left{ background-color: rgba(119, 139, 136, 0.89); border-radius: 20px; float: left; margin-top: 18%; font-size: 35px; margin-left: -17px; color: white; width: 10%; height: 15%; text-indent: 20px; cursor: pointer; position: relative; z-index: 999; } .sc-left:before { content: "◄"; /* Добавляем желаемый символ перед элементом списка */ } .sc-right{ background-color: rgba(119, 139, 136, 0.89); border-radius: 20px; float: right; margin-top: 18%; font-size: 35px; margin-right: -17px; color: white; width: 10%; height: 15%; text-indent: 17px; cursor: pointer; z-index: 999; position: relative; } .sc-right:before { content: "►"; /* Добавляем желаемый символ перед элементом списка */ }
код и вызов jquery в хедер или футер
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready(function(){ var i = 0; var spd = 1500; var dltme = 8000; var images = $(".x-slider").map(function(indx, element){ return $(element).html(); }); var x = images.length; //alert (x); $('.hd').css('background','url(' + images[x-1] +') no-repeat center center #000').animate({opacity: 1},spd); chBack(i); function chBack(i){ setInterval(function(){ $('.hd').animate({opacity: 0}, spd, function() { if (i >= images.length) { i=0; } $(this).css('background','url(' + images[i++] +') no-repeat center center #000').animate({opacity: 1},spd); }); }, dltme); //dltme = 6000; } }) </script>
в любом месте страницы вставляем этот код, в нем прописываем свои пути до картинок
<div style="display:none"> <div class="x-slider">/images/kitchen_adventurer_caramel.jpg</div> <div class="x-slider">/images/kitchen_adventurer_cheesecake_brownie.jpg</div> <div class="x-slider">/images/kitchen_adventurer_donut.jpg</div> <div class="x-slider">/images/kitchen_adventurer_lemon.jpg</div> <div class="x-slider">/images/pic1.jpg</div> <div class="x-slider">/uploads/pict_аренда авто в грузии_548810.jpg</div> <div class="x-slider">/uploads/pict_2016-acura-nsx-detroit-photo-21-700x400_d8bdb7.jpg</div> <div class="x-slider">/uploads/pict_python_3b1c96.jpg</div> </div>
там где вы хотите выводить слайдер, ставите следующий код:
<div class="hd"></div>
если нужно адаптировать - это сами
