ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такое меню?
11 сообщений из 11, страница 1 из 1
Как сверстать такое меню?
    #38463923
son6ka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son6ka
Участник
Здравствуйте.
Как грамотно сверстать вот такое меню ?
Пока пробовала только так
Код: html
1.
2.
3.
4.
5.
6.
<ul id="main-menu">
  <li>
     <div></div>
     <a href="">О Smart системах</a>
  </li>
.................


Код: css
1.
2.
3.
4.
5.
#main-menu li>div{
-webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
       -o-transform: skew(-45deg);
}


Но у этого метода куча недостатков.
...
Рейтинг: 0 / 0
13.11.2013, 18:43
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38463948
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Каких?
...
Рейтинг: 0 / 0
13.11.2013, 18:55
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38463958
son6ka
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
son6ka
Участник
Малыхин Сергей,
после некоторых доделок осталась только кроссбраузерность)
...
Рейтинг: 0 / 0
13.11.2013, 19:01
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38463983
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
надо убедить начальство что сейчас 3Д не модно, а наоборот вернулась мода на все плоское... даже не побоюсь этого слова плиточное
...
Рейтинг: 0 / 0
13.11.2013, 19:17
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38464119
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
son6kaКак грамотно сверстать вот такое меню ?
Вот тебе в помощь, кроссбраузерно!
http://webonrails.ru/post/675/
...
Рейтинг: 0 / 0
13.11.2013, 21:23
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38464123
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
son6ka , я про треугольники, если что...

Сунь в свой див еще два треугольника и будет тебе счастие.
...
Рейтинг: 0 / 0
13.11.2013, 21:27
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38464125
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
А само меню просто пипец...
Да еще и на таком фоне...
...
Рейтинг: 0 / 0
13.11.2013, 21:28
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38464184
beg-in-er
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
beg-in-er
Участник
krvsa http://webonrails.ru/post/675/
пля, заипись делать треугольники через border с нулевым размером.
мне когда потребовалась фигура, наткнулся на это убожество.

ей богу svg И то проще и разнообразнее.
...
Рейтинг: 0 / 0
13.11.2013, 22:18
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38464438
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
beg-in-erей богу svg И то проще и разнообразнее.
Дело хозяйское...
...
Рейтинг: 0 / 0
14.11.2013, 08:27
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38465004
beg-in-er
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
beg-in-er
Участник
krvsaДело хозяйское...
так то да,
но было очень неприятно узнать, что нельзя построить веб-контрол произвольной формы, так же , как в вин-формах через Region.
даже если мы нарисуем треугольник , то в область клика попадает прямоугольная область
...
Рейтинг: 0 / 0
14.11.2013, 13:44
| Ответить | Цитировать | Написать  
Как сверстать такое меню?
    #38465062
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
beg-in-erдаже если мы нарисуем треугольник , то в область клика попадает прямоугольная область
Ну это не так критично, если отдаться воле дизайна...
...
Рейтинг: 0 / 0
14.11.2013, 14:05
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать такое меню?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38464438&tid=1447661]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 592ms
get topic data:
 14ms
get forum data:
 4ms
get page messages:
 76ms
get tp. blocked users:
 2ms
others: 213ms
total:  936ms
созд. / загр.: 936ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]