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

Программисты подскажите, Кто понимает в 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

Сообщений: 10438 Регистрация: Мар 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)

Новые темы	Объявления	Свободное общение
00:48 Как правильно покупать ссылки для поддомена? 23:34 2025 ВК запустит новую программу монетизации для авторов сообществ 15:28 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 12:53 где много готовых фавиконок 22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google	04:35 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:43 TrueMeds - Революционная Фарма Партнерка! Увеличь свой профит в x2 раза вместе с нами! 21:24 Sectormoney.com - быстрый и удобный обменник 20:33 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 18:54 USMobileSMSBot - 17:18 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 15:28 Прием платежей для HIGH RISK \| Прием платежей без сайта	08:12 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 02:50 Точные прогнозы на футбол 02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 21:19 С юмором по жизни! 18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 18:19 Уникальный сервис SEO продвижения