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

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

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


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