Текущее время: 29 мар 2024, 09:03

Правила форума


Прежде чем задать вопрос, воспользуйтесь поиском, вероятно ваш вопрос уже обсуждался.
Прежде чем задать вопрос, добавьте в профиль или в подпись адрес вашего форума.
За нарушение Правил, вы рискуете получить предупреждение или бан (в зависимости от настроения модератора).



Начать новую тему Ответить на тему  [ Сообщений: 43 ]  На страницу 1, 2, 3, 4, 5  След.
Автор Сообщение
№1374 Добавлено: 25 янв 2013, 16:01 
Не в сети
Аватара пользователя


Сообщений: 506
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
В шаблон overall_footer.html
выше тега </body> с новой строки вставляем
Код:
        <div class="menuContent">
            <a class="slider"><img alt="" id="bot" src="images/arrow_bottom.png"></a>
            <ul id="nav">
                <li><a href="./index.php"><img src="images/t1.png" /> Главная</a></li>
                <li>
                    <ul id="1">
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 1</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 2</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 3</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 4</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 5</a></li>
                    </ul>
                    <a href="#" class="sub" tabindex="1"><img src="images/t2.png" />Ссылка</a>
                </li>
                <li>
                    <ul id="2">
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 6</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 7</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 8</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 9</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 10</a></li>
                    </ul>
                    <a href="#" class="sub" tabindex="1"><img src="images/t3.png" />Ссылка</a>
                </li>
                <li><a href="#"><img src="images/t2.png" />Ссылка</a></li>
            </ul>
        </div>


ссылки на картинки images/t2.png ставим свои

затем в шаблон overall_header.html
выше тега </head> с новой строки ставим
Код:
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>

ссылки
js/jquery-1.5.2.min.js
js/script.js
меняем на свои

в тему стиля, в самый низ, вставляем

Код:
.menuContent {
    background-color:#FFF;
    background-image: -moz-linear-gradient(center top, #FFF, #FFF, #FFF, #ddd);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(0.5, #FFF), to(#ddd));
    border:1px solid #C7C7C7;
    bottom: 0px;
    left: 30px;
    right: 30px;
    padding: 0 15px 5px;
    position: fixed;

    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-box-shadow: 3px -3px 5px #B8B8B8;
    -webkit-box-shadow: 3px -3px 5px #B8B8B8;
    box-shadow: 3px -3px 5px #B8B8B8;
}

.menuContent a.slider {
    background-color:#fff;
    background-image: -moz-linear-gradient(center top , #ddd, #FFF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#FFF));
    border: 1px solid #C7C7C7;
    border-bottom:none;
    cursor: pointer;
    float:right;
    height: 8px;
    margin:-15px 30px 0 0;
    padding:3px 20px;
    width: 8px;
    z-index: 2001;

    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-box-shadow: 3px -2px 3px #B8B8B8;
    -webkit-box-shadow: 3px -2px 3px #B8B8B8;
    box-shadow: 3px -2px 3px #B8B8B8;
}

.menuContent a.slider img {
    padding-bottom: 3px;
}

#nav {
    list-style: none;
}

#nav li {
    display: inline-block;
    margin: 10px;
}

#nav li a {
    border: 1px solid #ccc;
    color:#858585;
    display: block;
    padding: 5px 10px;
    text-align:center;
    text-decoration:none;
    width: auto;

    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}

#nav li a:hover, #nav li a.active {
    background-color:#ddd;
}

#nav li ul {
    display:none;
}

#nav li ul li {
    margin: 5px 0;
    display: block;
}

#nav li a img {
    border-width: 0px;
    margin-right: 8px;
    vertical-align: middle;
}

#nav ul li a img {
    background: url("../images/bulb.png") no-repeat;
    border-width:0px;
    height:16px;
    line-height:22px;
    margin-right:5px;
    vertical-align:middle;
    width:16px;
}


Вложение:
menu.rar



пример такого "Меню" установлен на этом форуме


У вас нет доступа для просмотра вложений в этом сообщении.


Вопрос должен быть задан чётко и ясно, чтобы на него нельзя было задать встречный вопрос


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
За это сообщение пользователю vikweb "Спасибо" сказали:
Dgene, виталий
№1376 Добавлено: 25 янв 2013, 23:43 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
я просто попробовал
никаких ссылок не менял
просто скопировал и поставил себе
и ничего похожего не появилось :-[
стиль whiteb


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1377 Добавлено: 25 янв 2013, 23:48 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
напишите пожалуйста
где и какие ссылки за что отвечают


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1378 Добавлено: 26 янв 2013, 00:14 
Не в сети
Аватара пользователя


Сообщений: 506
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
виталий
у нас на форуме, вместо этих ссылок images/empty.gif стоят ссылки на эти картинки Изображение

а вместо этого Ссылка 1 вы можете ставить любые свои ссылки, всё зависит от того что вам нужно, и от ваших фантазий


Вопрос должен быть задан чётко и ясно, чтобы на него нельзя было задать встречный вопрос


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1379 Добавлено: 26 янв 2013, 00:23 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
почему то мои сообщения нельзя редактировать и удалять
и скрин не получается вставить
вот так у меня http://www.club-renault-symbol.ru/forum ... 164f059360


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1380 Добавлено: 26 янв 2013, 00:38 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
vikweb писал(а):а вместо этого Ссылка 1 вы можете ставить любые свои ссылки, всё зависит от того что вам нужно, и от ваших фантазий

не понял по чему 4 кнопки всего у меня
и почему нет скрытия этого слайдера


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1381 Добавлено: 26 янв 2013, 00:41 
Не в сети
Аватара пользователя


Сообщений: 506
Поблагодарил(а): 27 раз
Поблагодарили: 147 раз
Пол: Мужской
Знак зодиака: Водолей
Сайт: http://admins.bestforums.org
Очков репутации: 29

Добавить очки репутацииУменьшить очки репутации
виталий
а вы точно все ссылки заменили на свои?
на пример: в теме стиля, вот эту ../images/bulb.png
и в скриптах вот эти js/jquery-1.5.2.min.js, js/script.js

виталий писал(а):не понял по чему 4 кнопки всего у меня

виталий писал(а):мне нужна линия с 3 ссылками или кнопками


Вопрос должен быть задан чётко и ясно, чтобы на него нельзя было задать встречный вопрос


Изображение


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1382 Добавлено: 26 янв 2013, 00:53 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
я пока меняю только
<li><a href="#"><img src="images/empty.gif" />Ссылка 1</a></li>
но пока не могу ничего добиться
а эти
на пример: в теме стиля, вот эту ../images/bulb.png
и в скриптах вот эти js/jquery-1.5.2.min.js, js/script.js
за что отвечают
я до них еще не добрался


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1383 Добавлено: 26 янв 2013, 06:49 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Код:
<div class="menuContent">
            <a class="slider"><img alt="" id="bot" src="images/arrow_bottom.png"></a>

images/arrow_bottom.png
я эту ссылку заменил на свою(появилась стрелка в низ)
а где поменять ссылку что бы появилась и стрелка в верх


Вернуться к началу
 Профиль  
Cпасибо сказано  
№1384 Добавлено: 26 янв 2013, 07:07 
Не в сети


Сообщений: 19
Поблагодарил(а): 3 раз
Поблагодарили: 0 раз
Сайт: http://renault-symbol-club.ru/forum/
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Код:
<li><a href="./index.php"><img src="images/t1.png" /> Главная</a></li>

тут заменил на свою images/t1.png
Код:
<li><a href="#"><img src="images/empty.gif" />Ссылка 1</a></li>

тут заменил на свою images/empty.gif

а вообще мой код пока выглядит так
Код:
<div class="menuContent">
            <a class="slider"><img alt="" id="bot" src="http://renault-symbol-club.ru/images/arrow_bottom.png"></a>
            <ul id="nav">
                <li><a href="./index.php"><img src="http://renault-symbol-club.ru/images/t1.png" /> Главная</a></li>
                <li>
                    <ul id="1">
                        <li><a href="#"><img src="http://renault-symbol-club.ru/images/empty.gif" />1</a></li>
                        <li><a href="#"><img src="http://renault-symbol-club.ru/images/empty.gif" />Ссылка 2</a></li>
                        <li><a href="#"><img src="http://renault-symbol-club.ru/images/empty.gif" />Ссылка 3</a></li>
                        <li><a href="#"><img src="http://renault-symbol-club.ru/images/empty.gif" />Ссылка 4</a></li>
                        <li><a href="#"><img src="http://renault-symbol-club.ru/images/empty.gif" />Ссылка 5</a></li>
                    </ul>
                    <a href="#" class="sub" tabindex="1"><img src="http://renault-symbol-club.ru/images/t1.png" />Вопрос-ответ</a>
                </li>
                <li>
                    <ul id="2">
                        <li><a href="#"><img src="images/empty.gif" />Вопрос-ответ </a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 7</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 8</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 9</a></li>
                        <li><a href="#"><img src="images/empty.gif" />Ссылка 10</a></li>
                    </ul>
                    <a href="#" class="sub" tabindex="1"><img src="http://renault-symbol-club.ru/images/t1.png" />Тех-ноты</a>
                </li>
              <li><a href="#"><img src="http://renault-symbol-club.ru/images/t1.png" />Фото отчеты</a></li>
            </ul>
        </div>

картинки пока ваши-но когда я разберусь в этом :crazy: я заменю
Вложение:
.JPG

правда слайдер не скрывается и ссылки не получается(чтобы эти кнопки на темы в форуме вели)
они все на главную ведут почему то


У вас нет доступа для просмотра вложений в этом сообщении.


Вернуться к началу
 Профиль  
Cпасибо сказано  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 43 ]  На страницу 1, 2, 3, 4, 5  След.

Часовой пояс: UTC + 1 час [ Летнее время ]



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron