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

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем segun77, 03.07.2008.

  1. segun77
    Offline

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

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

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

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

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

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

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

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    segun77 нравится это.
  7. segun77
    Offline

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

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

    _voland_ специалист

    Регистрация:
    12.04.2008
    Сообщения:
    2 173
    Симпатии:
    102
    Пол:
    Мужской
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

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

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: создание меню с закругленными кнопаками, типа как www.skype.com

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

Поделиться этой страницей

Загрузка...