создание меню с закругленными кнопаками, типа как www.skype.com

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by segun77, Jul 3, 2008.

  1. segun77
    Offline

    segun77 Недавно здесь

    Joined:
    Jun 25, 2008
    Messages:
    28
    Likes Received:
    0
    Мучаюсь третий день. Понравилось меню на сайте скайпа. Скачал css с этого сайта, посмотрел какие картинки задействованы. Попробовал повторить - ничего не получилось... В чем там секрет? Может для создания подобного меню без java скриптов не обойтись? Дайте мудрый совет, или просто ткните носом в туториал по данной теме. Всем ответившим огромное спасибо заранее.
     
  2.  
  3. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    в поиске по форуму вбить - закругленные углы для модулей
    читать, пробовать
    также гугл шипка, аднака, харашо помогает :D
     
  4. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    segun77, нужно править в css класс mainmenu, вставлять туда бекграундом картинку закругленную, вот и все. А классах и css поищите на форуме по слову blankcss_re.css
     
  5. segun77
    Offline

    segun77 Недавно здесь

    Joined:
    Jun 25, 2008
    Messages:
    28
    Likes Received:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    Не ожидал столь быстрой реакции на мой вопрос. Признателен за ответы. На других форумах глухо вообще.

    Если бы было все так просто как вставить картинку с закругленными краями, я бы три дня не парился. Но у меня надписи в меню есть короткие, а есть длинные, таким образом получается, что когда надпись длинная, то она за пределы фонового изображения вылезает. А в том меню что на сайте скайпа, кнопка состоит и трех составных частей, это фон, и два квадратика четырехпиксельных по верхним углам, которые имеют цвет бэкграунда всего сайта и один пиксель цвета фона кнопки для придания закругления. На другом сайте нашел подобное меню, но там использовалось два изображения (для правой стороны кнопки пиксель в квадрате находится в нижнем левом углу, а для левой стороны - в нижнем правом). Левая часть короткая, содержит элемент кнопки с закруглением как сверху так и снизу, вторая часть черезчур длинная (почти 250 пикселей), содержит фон самой кнопки и правую ее часть соответственно. Так вот в обоих случаях кнопки "резиновые", правда во втором случае "резиновость" ограничена шириной 250 пикселов засчет длины правой части изображения.
    Надеюсь, я понятно объяснил. Если нет, то могу прислать сами составляющие кнопок для наглядности.

    Добавлено через 5 минут
    Аднака, не так все просто. Модули шипка отличаются от того, о чем я говорю. В модулях используется стиль -3 для divной верстки. А в кнопках все по-другому. Да и гугл аднака не помог, искал даже на англицком языке коим владею в достаточной степени, чтобы читать.
     
    Last edited: Jul 3, 2008
  6. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    segun77 likes this.
  7. segun77
    Offline

    segun77 Недавно здесь

    Joined:
    Jun 25, 2008
    Messages:
    28
    Likes Received:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    От спасибо тебе мил человек! Удружил! Ща только поправлю немного и все будет как я и задумывал.[!]
     
  8. Offline

    _voland_ Местный => Cпециалист <=

    Joined:
    Apr 12, 2008
    Messages:
    2,171
    Likes Received:
    102
    Gender:
    Male
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    Есть еще вариант на будущее использовать новый свойства css3 правда робить будет только в ff3 и opera 9.5, зато кратко и просто
     
  9. segun77
    Offline

    segun77 Недавно здесь

    Joined:
    Jun 25, 2008
    Messages:
    28
    Likes Received:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

    От спасибо тебе мил человек! Удружил! Я так и знал что там скрипт есть, а все остальное также как и я делал. Ща только поправлю немного и все будет как я и задумывал.[!]
    А как в репутацию добавить балл?
    Уже добавил, извиняйте.
     

Share This Page

Loading...