Помогите написать логику PHP

314
15 декабря 2016, 16:31

Введение: Публикую на сайте статьи и на главной они отображаются (картинка находится с левой стороны а краткий текст с Правой!) и все друг за другом картинка слева а текст с права хотел что бы было так:

Одна статья картинка с лева а текст с права а следующая наоборот картинка с правой стороны а текст слева!

Answer 1

$i - индекс статьи. $align - положение

$align = ($i % 2) ? "left" : "right";

Ну как-то так, исходя из предоставленной информации.

Answer 2

Типа этого?

img{max-width:100%;} 
#articles section{width:100%} 
#articles section:nth-child(2n+1)>div{float:right;} 
#articles section:nth-child(2n)>div{float:left;} 
#articles section div.img{width:30%} 
#articles section div.text{width:70%}
<div id="articles"> 
  <section> 
    <div class="img"> 
      <img src="http://psd.by/wp-content/uploads/2011/02/twitterman256.png"> 
    </div> 
    <div class="text"> 
      <h1>Title1</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae dolorum pariatur ipsa ut dicta maxime quisquam incidunt eligendi doloremque earum molestiae dignissimos magni deleniti quaerat accusantium numquam a facilis quibusdam.</p> 
    </div> 
  </section> 
  <section> 
    <div class="img"> 
      <img src="http://fc01.deviantart.net/fs70/f/2011/142/4/c/twitter_icon_by_ariimage-d3gxs23.png"> 
    </div> 
    <div class="text"> 
      <h1>Title2</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit error voluptatibus harum dignissimos facilis pariatur sit ipsa porro non quam voluptatum soluta suscipit veritatis laudantium doloremque perferendis veniam corporis vel.</p> 
    </div> 
  </section> 
  <section> 
    <div class="img"> 
      <img src="http://netbu.ru/wp-content/uploads/2012/03/zloi.jpg" alt=""> 
    </div> 
    <div class="text"> 
      <h1>Title3</h1> 
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum non eveniet molestiae ipsum suscipit molestias saepe sit accusantium enim labore quasi dolor quam qui consequuntur quae voluptatum possimus veritatis quidem.</p> 
    </div> 
  </section> 
</div>

READ ALSO
Owl carousel как позиционировать по центру экрана

Owl carousel как позиционировать по центру экрана

Я тут макет пытался сверстатьИ наткнулся на слайдер

547
#undefined в адресной строке

#undefined в адресной строке

Для плавный прокрутки использую данный код:

288
Яндекс метрика везде

Яндекс метрика везде

При загрузке любых сайтов, в исходном коде обнаружил одну и туже строку в блоке head

320
Как добавить вкладку instagram в виджет на wordpress?

Как добавить вкладку instagram в виджет на wordpress?

Всем привет! Хочу добавить вкладку инстаграма в виджет на wordpressДелаю по аналогии с контактом, есть пример как должно выглядеть, но пока не пойму...

342