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

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

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

Новые темы	Объявления	Свободное общение
17:03 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 15:08 Стоит ли добавлять сайт в Rambler топ 100? 14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 09:02 Как продвигать сайт с неуникальным контентом 08:57 Absence в Армении 14:50 Индексация страниц	19:43 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 19:24 Продам аккаунты HH.RU 17:46 Terminal.cash - надежный обмен криптовалюты 16:18 Volna.money 16:13 swapsfera.com 16:04 GoodsMoney.io 13:27 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру)	12:32 Ну что, кто куда деваете свои сайты? 20:48 Точные прогнозы на футбол 22:09 Добро пожаловать в цифровой мир... 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди