Пятница, 17.05.2024, 13:12
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Результаты | Архив опросов
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    		 Главная » 2009 » Апрель » 8 » Горизонтальное меню(черное)
    11:04
    Горизонтальное меню(черное)

    Code
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    ставим перед
    Code
    <title>$SITE_NAME$ - $PAGE_NAME$</title>

    а это после в CSS
    Code
    <style type="text/css">  
    /*Credits: CSSpplay */  
    /*URL: http://www.cssplay.co.uk/menus/pro_one */  

    .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}  
    .menu1 li {float:left;}  
    .menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}  
    .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}  
    .menu1 li.current a {color:#fff; background:url(button3.gif);}  
    .menu1 li.current a b {background:url(button3.gif) no-repeat right top;}  
    .menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}  
    .menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}  
    .menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}  
    .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}  

    </style>

    Вот сам код меню, ставим туда где вы хотите видеть меню
    Code
    <body>  
    <ul class="menu1">  
    <li><a href="$HOME_PAGE_LINK$"><span style="color:orange"><b>Главная страница</b></span></a></li>  
    <li><a href="/forum/"><span style="color:orange"><b>Форум</b></span></a></li>  
    <li><a href="/faq/"><span style="color:orange"><b>F.A.Q</b></span></a></li>  

    <li><a href="/index/0-6"><span style="color:orange"><b>Соглашение</b></span></a></li>  
    <li><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><?else?><a href="$REGISTER_LINK$"><?endif?><?endif?><span style="color:orange"><b>Мой профиль</b></span></a></li>  
    <li><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><?else?><a href="$LOGIN_LINK$"><?endif?><?endif?><span style="color:orange"><b>Вход/Выход</b></a></span></li>  
    </ul>

    загружаем в корень сайта:
    button1.gif
    button2.gif
    button3.gif
    Категория: скрипты для ucoz сайта | Просмотров: 1553 | Добавил: flesh | Рейтинг: 5.0/1
    Всего комментариев: 211 2 »
    21 warik093  
    0
    Спасибо у меня получилось!!!!!!!!Гы)))))))))) biggrin biggrin biggrin biggrin

    20 wolfmanstr  
    0
    В css ничего не надо сувать
    tongue

    19 russur  
    0
    неа. эту фигню я пробовал, не помогает .. sad

    18 Akatsuki  
    0
    russur

    поставь это <div align="center"> вначале скрипта,а это </div> после


    17 russur  
    0
    Мпасибо за меню- красивое, но у меня меню смещено влево. А хотелось бы по центру. Подскажите плиз где что надо прописать?

    16 Naemnik2008  
    0
    Всем кто хотит поставаить! Сначала все загрузите в корень сайта, потом все как написано, а когда дайдете до CSS то вставляйте вот этот код.

    Code
    .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}  
    .menu1 li {float:left;}  
    .menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}  
    .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}  
    .menu1 li.current a {color:#fff; background:url(button3.gif);}  
    .menu1 li.current a b {background:url(button3.gif) no-repeat right top;}  
    .menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}  
    .menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}  
    .menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}  
    .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

    15 SaiN  
    0
    теперь ваще пишет!!!!!!!!В шаблоне не найден обязательный код $POWERED_BY$ angry angry angry angry angry

    14 SaiN  
    0
    НЕ работает!!!!!!!!!!!!! angry angry angry

    12 MappeR  
    0
    не работает

    13 hardcorecrew  
    0
    не может быть такого wink

    11 hardcorecrew  
    0
    я ошибку сделал, вот без точки надо)
    не правильно написан button.gif.gif нужно button.gif

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