Среда, 09.07.2025, 00:37
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Май 2009  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Май » 6 » .::Оригинальное меню в стиле Mac OS::.
    20:22
    .::Оригинальное меню в стиле Mac OS::.
    Здесь мы создадим оригинальное меню в стиле Mac OS. Благодаря своей оригинальности и простоте оно может украсить любой сайт.
    Демо
    Исходники
    Шаг 1.
    Подключим скачанные скрипты:
    Code
    <script type="text/javascript" src="jQuery1.2.6.js"></script>
      <script type="text/javascript" src="iconDock.js"></script>

    Шаг 2.
    Сразу за подключением вставим следующий код:
    Code
    <script type="text/javascript">

      var confDock = {

    iconMinSide : 35,

    iconMaxSide : 70,

    distAttDock : 100,

    coefAttDock : 2,  

    veloOutDock : 500,

    valign: 'top'

    }

    jQuery(function() {

    jQuery("#BarraPersonalitzada").addDockEffect(confDock);

    });

    </script>

    Шаг 3.
    Подготовим изображения для меню или используем скачанные.

    Обратите внимание, что каждого изображения должно быть по паре: одно большое (размером 70х70 px) и его маленький аналог (размером 35х35 px).

    Изображения должны быть названы определенным образом: name_35 и соответственно name_70 (для его пары). Вместо "name" можете писать свои названия.

    Шаг 4.
    В нужном нам месте вставим блок меню следующим образом:

    Code
    <div id="BarraPersonalitzada">

    <a href="http://ruseller.com/" name="Alertes_name" title="Google alertes">

    <img src="example/alerts_35.gif" alt="Campana_alt" border="0" />

    </a>

    <a href="http://ruseller.com/" name="Escriptori_name" title="Google Escriptori">

    <img src="example/desktop_35.gif" alt="Escriptori_alt" border="0" />

    </a>

    <a href="http://ruseller.com/" name="Compres_name" title="Google compres">

    <img src="example/froogle_35.gif" alt="Froogle_alt" border="0" />

    </a>

    <a href="http://ruseller.com/" name="GMail_name" title="Google mail">

    <img src="example/gmail_35.gif" alt="Gmail_alt" border="0" />

    </a>

    <a href="http://ruseller.com/" name="Grups_name" title="Google grups">

    <img src="example/groups_35.gif" alt="Grups_alt" border="0" />

    </a>

    <a href="http://ruseller.com/" name="Linux_name" title="Linux">

    <img src="example/special_35.gif" alt="Especial_alt" border="0" />

    </a>

    </div>

    Конечно, ссылки и названия пунктов меню, а также пути к картинкам нужно поменять на свои.
    Вот и все! Готово!
    Категория: скрипты для ucoz сайта | Просмотров: 906 | Добавил: KILROY | Рейтинг: 0.0/0
    Всего комментариев: 6
    6 Ot@  
    0
    А где было!? Тут было. Добавлял со старого акка! angry

    5 Ot@  
    0
    Было! Я ставил! angry

    3 sniper4262  
    0
    я не автор ну всёровно дайте сылку на было!

    2 andrew  
    -1
    БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО, БЫЛО !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    4 Simpsonnn  
    0
    Ну и флуд!
    Я помню что было!

    1 sniper4262  
    1
    Ну норма тока немного нето ну ладно норма!

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]