Программисты подскажите

Программисты подскажите, Кто понимает в html

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

13 Февраля 2015 13:01

Подскажите, как сделать вот такую прокрутку в меню сайта?
Какой код отвечает за это? smile:confused:

Прикрепленные файлы

Безымянный.PNG (5.96 КБ) [ Скачать ]

sawf

Сообщений: 117 Регистрация: Окт 2010

13 Февраля 2015 13:34

.menu {
border-color: #123456;
border: 1px solid;
width: 600px;
height: 150px;
background-color: #FFFFFF;
overflow-y: scroll; - это и есть ориентация прокрутки
}
Пример для css.А вообще можете посмотреть код элемента в любом браузере.

Эдуард Пащенко

Сообщений: 616 Регистрация: Фев 2013

13 Февраля 2015 14:28

у overflow-y и overflow-x проблемы с сафари

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

13 Февраля 2015 15:12

Цитата
sawf пишет: .menu { border-color: #123456; border: 1px solid; width: 600px; height: 150px; background-color: #FFFFFF; overflow-y: scroll; - это и есть ориентация прокрутки } Пример для css.А вообще можете посмотреть код элемента в любом браузере.

А куда его в css вставить?
Чтобы только меню жанры было с прокруткой?

О. Н.

Сообщений: 839 Регистрация: Июн 2013

13 Февраля 2015 16:07

Светите линк сайта, подскажу.

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

13 Февраля 2015 20:57

А может нужно код в php редактировать?

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

14 Февраля 2015 19:01

Хоть кто нибудь smile:help:

desertFox

Сообщений: 252 Регистрация: Июл 2013

14 Февраля 2015 19:49

как минимум необходимо посмотреть HTML-разметку вашего меню, где она?, тут чё сообщество экстрасенсов smile:D

p.s. это не программирование!

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

14 Февраля 2015 19:55

Цитата
desertFox пишет: как минимум необходимо посмотреть HTML-разметку вашего меню

А где она находиться?
Если бы я знал, я бы вам показал smile:confused:

SergF

Сообщений: 235 Регистрация: Янв 2014

#10

15 Февраля 2015 00:53

ничего сложного! Я так понимаю тебе в виджет вставить надо такое меню?

заходиш в админку > виджеты > Произвольный текст или HTML-код. <--вот в него вставляешь код и перетаскиваешь виджет в сайтбар

Код

<h3>Жанры</h3>
 <div class="menu">
  <ul>
   <li><a title="Боевики" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Боевики</a></li>
   <li><a title="Комедии" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Комедии</a></li>
   <li><a title="Фэнтези" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Фэнтези</a></li>
   <li><a title="Ужасы" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Ужасы</a></li>
   <li><a title="Драма" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Драма</a></li>
   <li><a title="Детектив" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Детектив</a></li>
  </ul>
 </div>

В CSS файл темы вставляешь стиль (в любое место но лучше там где у тебя стили сайтбара) Стиль что выше показывал пользователь sawf

Код
.menu { border-color: #123456; border: 1px solid; width: 600px; height: 150px; background-color: #FFFFFF; overflow-y: scroll; - это и есть ориентация прокрутки }

и сохраняешь (обновить файл) . Далее подгоняешь ширину width: 600px; и высоту height: 150px; под нужные тебе.

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

#11

15 Февраля 2015 12:24

Цитата
SergF пишет: ничего сложного! Я так понимаю тебе в виджет вставить надо такое меню?

Спасибо вам большое, у меня все получилось.
Я так рад, просто супер, спасибо вам за помощь.

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

#12

15 Февраля 2015 12:30

Подскажите, а как создать вот такую штуку. smile:confused:

Это скрипт или чего? Нажимаешь влево и вправо картинки меняется.

Прикрепленные файлы

Безымянный.PNG (86.41 КБ) [ Скачать ]

Coder

Сообщений: 10609 Регистрация: Мар 2013

#13

15 Февраля 2015 13:16

Цитата
Вадим SEO пишет: Это скрипт или чего? Нажимаешь влево и вправо картинки меняется.

Слайдер. Вариантов много. Есть простые, например: _http://coderhs.com/archive/sl_tiny2, есть с вариациями: _http://coderhs.com/archive/nivo_slider и т.д...

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

desertFox

Сообщений: 252 Регистрация: Июл 2013

#14

15 Февраля 2015 13:35

на счёт меню.., вот ещё примерчик, это на случай если будут проблемы в разных браузерах, переделал код от SergF

HTML:

Код

<h3>Жанры</h3>
<div class="wrap-menu">
  <div class="menu">
    <ul>
      <li><a title="Боевики" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Боевики</a></li>
      <li><a title="Комедии" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Комедии</a></li>
      <li><a title="Фэнтези" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Фэнтези</a></li>
      <li><a title="Ужасы" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Ужасы</a></li>
      <li><a title="Драма" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Драма</a></li>
      <li><a title="Детектив" href="ТУТ  ССЫЛКА НА РУБЛИКУ">Детектив</a></li>
    </ul>
  </div>
</div>

CSS:

Код
.wrap-menu { background-color: #fff; border: 1px solid #123456; width: 600px; height: 150px; } .menu { height: 100%; overflow-x: hidden; overflow-y: auto; }

Изменено: desertFox - 15 Февраля 2015 13:41

Вадим SEO

Сообщений: 343 Регистрация: Дек 2014

#15

15 Февраля 2015 13:43

Цитата
desertFox пишет: на счёт меню.., вот ещё примерчик, это на случай если будут проблемы в разных браузерах, переделал код от SergF

Проверил в браузерах мозила, яндекс, опера, все норм. smile:)

Буду иметь введу, если что.
Спасибо desertFox

Похожие темы:

04.03.2024 12:20	Подскажите рабочий плагин импорта/экспорта контента WP
22.04.2022 15:09	Подскажите плагин или решение заглушка перед входом
07.06.2019 17:23	Подскажите плагин или скрипт
05.02.2019 09:59	Подскажите плагин фиксированного липкого объявления - баннера внизу сайта (футер)
24.01.2018 14:28	Подскажите пожалуйста насчет функции циклических ссылок

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
22:23 Подскажите нормальный сервис накрутки ПФ 15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок	22:30 SOCKS5 приватные прокси на 30 дней для PayPal 22:29 Google Voice аккаунты для бесплатных SMS и звонков 22:29 PayPal аккаунты для любых целей 20:15 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 19:25 Whatsapp рассылки и реселлерская программа 17:01 Продажа горячих лидов под крипту / Crypto Leads for Sale 13:17 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик]	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?