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


Пользователь месяца
Андрей WPMasterKZ Андрей WPMasterKZ 1-й за Ноябрь
Очков активности: 888 1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 726 5 тем, 106 сообщений, 4 балла репутации

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

    Mandarin
    Очков активности: 564 3 темы, 85 сообщений, 4 балла репутации

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

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

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

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

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

    BLIK
    Очков активности: 102 0 тем, 17 сообщений, 4 балла репутации

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

    Rodiola
    Очков активности: 54 1 тема, 15 сообщений, 2 балла репутации

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

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

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

    pozitron123
    Очков активности: 34.5 2 темы, 17 сообщений, 1 балл репутации

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

    thisismyname
    Очков активности: 27 4 темы, 6 сообщений, 1 балл репутации

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

    m3Re
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2018
  • Яндекс выдача: 11.12.2018
Топ 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