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

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

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

Новые темы	Объявления	Свободное общение
06:32 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 06:28 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 23:09 Как безопасно купить Гугл почту? 13:45 Какой движок выбрать для форума? 13:43 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 09:26 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 19:27 Плагин ответа	23:25 SOCKS5 приватные прокси на 30 дней для PayPal 23:24 Google Voice аккаунты для бесплатных SMS и звонков 23:23 PayPal аккаунты для любых целей 23:02 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:21 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:09 Trustpilot Reviews \| Подниму рейтинг вашей компании 12:07 Купить отзывы на Яндекс и Гугл картах, на Авито, на Отзовике и IRecommend	07:46 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 06:26 Ставки на супер тренды в спорте 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 22:30 Точные прогнозы на футбол 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 07:11 Список обновленных тем пуст... 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем