Простое вертикальное меню
Страницы: 1
[ Закрыто ] Простое вертикальное меню, Как сделать такое меню?
Всем привет, подскажите кто нибудь, как можно реализовать вот такое меню?
Нужно чтобы оно было на html + css без скриптов, но с прокруткой.
Буду очень благодарен за помощь, картинка прилагается.
Почему завистники всегда чем-то огорчены? Потому что их снедают не только собственные неудачи, но и успехи других.
Обычный список вставленный в текстовый бокс, вот так примерно, стили и размеры сами задайте

Код
<textarea name="TextArea" id="TextArea" rows="5" cols="5">
1
2
3
4
5
6
7
8
</textarea>
Ссылка на сайте всего 10 рублей https://www.cy-pr.com/forum/f79/t100010/
тиц 10, страниц в поиске 9200, 9840, 10046

Для гОВНА специальная цена – 100$ ссылка
Цитата
SEO BOSS пишет:
картинка прилагается
Если эту картинку Вы соскринили с сайта - то тупо инспектором (просмотреть код элемента) откройте и посмотрите вёрстку, в head посмотрите css и дёрните из него стили для используемых в вёрстке классов/идентификаторов.
Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.
Цитата
WhitePussy пишет:
Обычный список вставленный в текстовый бокс, вот так примерно, стили и размеры сами задайте
Я не программист, у меня очень плохо с кодами получается.
Я сам не смогу.

Цитата
Eye пишет:
Если эту картинку Вы соскринили с сайта - то тупо инспектором (просмотреть код элемента) откройте и посмотрите вёрстку, в head посмотрите css и дёрните из него стили для используемых в вёрстке классов/идентификаторов.
Если хотите, я могу вам дать ссылку на этот сайт в личку, если вы мне поможете выдернуть коды html и css smile:)
Цитата
SEO BOSS пишет:
Если хотите, я могу вам дать ссылку на этот сайт в личку, если вы мне поможете выдернуть коды html и css
ну не проблема. Но каждая работа должна быть оплачена.
Цитата
Eye пишет:
ну не проблема. Но каждая работа должна быть оплачена.
А сколько это будет стоит?
Предлагайте в теме! Даже если не возьмусь я - найдётся тот, кто сделает здесь же.
Код
<style>
div {
width: 250px;
height: 200px;
overflow: auto;
background: black;
color: #fff
}
a {
text-decoration: none;
color: #fff
}
a:hover {
color: yellow
}
</style>
<div>
<ul>
<li><a href="#">Punkt1</a>
<li><a href="#">Punkt2</a>
<li><a href="#">Punkt3</a>
<li><a href="#">Punkt4</a>
<li><a href="#">Punkt5</a>
<li><a href="#">Punkt6</a>
<li><a href="#">Punkt7</a>
<li><a href="#">Punkt8</a>
<li><a href="#">Punkt1</a>
<li><a href="#">Punkt2</a>
<li><a href="#">Punkt3</a>
<li><a href="#">Punkt4</a>
<li><a href="#">Punkt5</a>
<li><a href="#">Punkt6</a>
<li><a href="#">Punkt7</a>
<li><a href="#">Punkt8</a>
</ul>
</div>
 
Забыл - деньги грузите бочками и отправляйте в ЛС
Изменено: Coder - 16 Декабря 2016 23:54
Всем спасибо, кто откликнулся, отдельное спасибо Coderу, все получилось хорошо.
Однако столкнулся с другой проблемой, в айфоне эта прокрутка не работает, это может негативно сказаться на поведенческих со смартфонах. В итоги, пришлось отказаться от этого меню.smile:(
Цитата
SEO BOSS пишет:
отдельное спасибо Coder у
Пожалуйста)
Цитата
SEO BOSS пишет:
в айфоне эта прокрутка не работает,
Определяете через user-agent ios + media запросы на aqajys и выводите им подходящее для них меню.

Да и вообще - должно отображаться - попробуйте посмотреть/поэкспериментировать - укажите owerflow-y? например, и прочее.

_http://htmlbook.ru/css/overflow
Все, сделал короткое меню, убрал разбиение по годам и перенес их в другое меню.
Теперь меня все устраивает. Всем большое спасибо за потраченное на меня время.
Тему можно закрыть. smile:)
"ЖАНРИ" все-таки круто)) , это не "ЖАНРЫ" какие-то)))
Цитата
anna911 пишет:
"ЖАНРИ" все-таки круто)) , это не "ЖАНРЫ" какие-то)))
Это сайт на Украинском языке smile;)
ааа)) сорри))) smile:)
Тему закрыл по просьбе ТС в ЛС. потеряла актуальность

* обращение к пользователям - > если Ваша тема потеряла свою актуальность, то, пожалуйста, отпишитесь об этом в теме и скиньте ссылку на тему мне в ЛС.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
06:18 АП ИКС 13.08.2022 | Апдейт Яндекс ИКС 13 августа 2022 
20:27 VKAccountsManager — лучший инструмент для продвижения и заработка Вконтакте 
11:30 Апдейт Яндекс выдача 13 августа 2022 
21:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
16:53 FriendsPartners партнерская программа по Гемблингу 
15:52 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:14 Adtrafico - Правильная партнёрская сеть под бурж трафик 
09:26 Автоматизация работы в браузере BAS 
22:38 Google Ads с тратами Украина | Google Ads со спендом! 
18:27 Копирайтер - небольшие рекламные тексты / 20руб-1000знаков 
18:25 Sova.gg - надежный обменник криптовалюты. 
15:01 Продвижение сайтов: прогоны (крауд ссылки, цитирование и брендинг). Опыт с 2009 года и много отзывов о работе. 
01:07 Торрент сайт | ENG | 1800 уников 
16:48 Современный скрипт обменника электронных валют 
16:28 Есть нормальная Тизерка? 
14:14 С юмором по жизни! 
13:45 Как обходить блокировку Ютуба 
11:29 Перл Орфограммки 
09:58 Как принимать заказы на форуме 
09:23 Сбербанк предупредил о схеме мошенничества с "пирамидными" покупками на маркетплейсах 
18:12 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок