Перейти к содержимому

Реферальная программа Мегаплана


В каком элементе на странице сайта надо вставлять код

#1 Zlowariy

Zlowariy
  • Пользователь
  • 108 сообщений
  • Репутация: 0
0

Отправлено 29 Январь 2015 - 13:46

Добрый день, хочу сделать блоки на странице примерно как на этом сайте http://xn--e1afgbgom...n--p1ai/breeds/

3 столбика картинок, при нажатии на фото ссылка направляет на описание.

Так вот подскажите, пожалуйста, в каком элементе на странице сайта надо вставлять код, отвечающий за блоки с фото?

Этот кусок кода в html файл с разрешением php.

<div class="okno">
  <p>Блок 1</p>
  <p>Блок 2</p>
  <p>Блок 3</p>
</div>
<div class="okno">
  <p>Блок 4</p>
  <p>Блок 5</p>
  <p>Блок 6</p>
</div>

а этот кусок кода

.okno {
display: inline;
width: 600px;
}

.okno p {
float: left;
font-family: Verdana;
padding: 10px;
font-size: 14px;
margin: 3px 3px 3px 5px;
width: 170px;
height: 200px;
border-radius: 5px;
box-shadow: rgba(0,0,0,5.2) 0px 1px 3px;
}

в любое место файла style.css

вот ссылка на тест страницу на которой планирую сделать блоки с фото http://cats-funny.ru/?page_id=147 - какой элемент надо выбрать?


 

 

  • 0

#2 horan

horan
  • Пользователь
  • 42 сообщений
  • Репутация: 3

Отправлено 29 Январь 2015 - 20:30

Не совсем понятен вопрос! Если Вам нужно при нажатии на картинку перейти по ссылке, то делается так:

<a href="/breeds/urals-rex.php" title="Уральский рекс">
<img src="/upload/resize_cache/iblock/d55/220_220_240cd750bba9870f18aada2478b24840a/urals_rex.jpg" alt="Уральский рекс">
</a>

Код взят из указанного Вами сайта!


  • 0

#3 Zlowariy

Zlowariy
    Topic Starter
  • Пользователь
  • 108 сообщений
  • Репутация: 0

Отправлено 30 Январь 2015 - 07:38

При клике правой кнопкой мышки можно увидеть кнопку "просмотр кода элемента" и при наведении мышкой на код подсвечивается сообтвествующий элемент, так вот какой код\элемент выбрать что бы потом отредактировать и у меня получились блоки-фото на нужной мне странице, в нужном месте.


  • 0

#4 horan

horan
  • Пользователь
  • 42 сообщений
  • Репутация: 3

Отправлено 30 Январь 2015 - 08:49

Zlowariy,Я Вам написал код, берете его, меняете пути к вашим картинкам и путь ссылки! На Вашем сайте есть три картинки, вот на их место вставляете код) с правильными путями) 


  • 1

#5 Zlowariy

Zlowariy
    Topic Starter
  • Пользователь
  • 108 сообщений
  • Репутация: 0

Отправлено 30 Январь 2015 - 11:46

Но ведь тоже самое можно было сделать без кода, просто в визуальном редакторе. Я бы так и делал если бы получалось красиво!)


  • 0

#6 Zlowariy

Zlowariy
    Topic Starter
  • Пользователь
  • 108 сообщений
  • Репутация: 0

Отправлено 02 Февраль 2015 - 14:26

Гуд! Всё получилось, как я раньше не правильно делал)))Спасибо большое всем!)


  • 0


Оформление форума – IPBSkins.ru