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


Пользователь месяца
magnet magnet 1-й за Январь
Очков активности: 621 0 тем, 69 сообщений, 6 баллов репутации
Сайт: rbfxdirect.com
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 432 0 тем, 32 сообщения, 9 баллов репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 396 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #3

    OlgaGetman
    Очков активности: 375 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #4

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 315 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #5

    Ixman (o5cat.ru)
    Очков активности: 279 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #6

    Mandarin
    Очков активности: 210 0 тем, 28 сообщений, 5 баллов репутации

  • Фотография r0mZet
    #7

    r0mZet (rz-style.ru)
    Очков активности: 102 0 тем, 17 сообщений, 4 балла репутации

  • Фотография magnet
    #8

    magnet (rbfxdirect.com)
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #9

    WGN (worldgamenews.com)
    Очков активности: 39 0 тем, 26 сообщений, 1 балл репутации

  • Фотография Rodiola
    #10

    Rodiola
    Очков активности: 31.5 0 тем, 21 сообщение, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 16.02.2019
Топ 5 участников по репутации


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

#1 Zlowariy

Zlowariy
  • Неактивные
  • 108 сообщений
  • Репутация: 0
0

Отправлено 29 January 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 January 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 January 2015 - 07:38

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


  • 0

#4 horan

horan
  • Неактивные
  • 42 сообщений
  • Репутация: 3

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

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


  • 1

#5 Zlowariy

Zlowariy
    Topic Starter
  • Неактивные
  • 108 сообщений
  • Репутация: 0

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

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


  • 0

#6 Zlowariy

Zlowariy
    Topic Starter
  • Неактивные
  • 108 сообщений
  • Репутация: 0

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

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


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

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