Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Штука в объявлении


Штука в объявлении

Сообщений 1 страница 12 из 12

1

как сделать в обьявлении такую штуку как тут http://grotteradventures.rusff.ru/

Отредактировано настька (19.06.2011 00:36:08)

0

2

там где акции

0

3

настька
оригинальная менюшка на jquery
вам совсем позарез точь-в-точь такую надо?
просто это уже второй вопрос из серии "сделать как там". надо все-таки своей головой надо думать, свои фишки придумывать. :dontknow:

если придумаете свою панельку, с удовольствием придумаю, как ее в жизнь воплотить.
а с чужих сайтов выдирать коды не интересно. к тому же никто не известно, вдруг администраторы сами разрабатывали эту менюшку, а не взяли с каких-нить сайтов.

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

0

4

Герда
я могу конешно придумать но в кодах не разбираюсь

0

5

настька
Поищите на сайтах с различными JQuery-прибамбасами нечто, похожее на то, что Вы хотите и попросите помочь с вставкой этого в объявление у кого-нибудь, кто разбирается в кодах.

0

6

настька написал(а):

я могу конешно придумать но в кодах не разбираюсь

я в кодах разбираюсь.
опишите задачу - и я составлю код.

0

7

Герда
а можешь не новый а старый код подделать под стиль форума и обьявление?

Отредактировано настька (19.06.2011 22:30:21)

0

8

настька

я не хочу тырить чужие идеи и выдирать чужие коды, чтобы перебирать их на новый лад.
и вам не советую.

как только что-нибудь сами придумаете - обращайтесь.

0

9

Герда
В чем состоит "тайна века"? Данное меню находится в открытом доступе.

настька
Если еще актуально, то:

Вставляем в объявление, или куда вы хотите поместить меню.

Код:
<div class="horizontalaccordion">
<ul>
    <li>
        <h3>Heading 1</h3>
        <div>Content For Panel 1.</div>
    </li>
    <li>
        <h3>Heading 2</h3>
        <div>Content For Panel 2</div>
    </li>
</ul>
</div>

Делаем меню работоспособным. Вставляем в Цвета style_cs.css - можно в самый низ. Либо в хтмл-верх поместив код в:

Код:
<style type="text/css">
код
</style>

Сам код:

Код:
.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    height: 300px;
}

.horizontalaccordion>ul>li {
    display:block;
    overflow: hidden;
    float:right;
    margin: 0;
    padding: 0;
    list-style:none;
    width:40px;
    height: 300px;
 
    /* Decorative CSS */
    background:#f0f0f0;
 
    /* CSS3 Transitions */
    transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
}
 
.horizontalaccordion>ul>li>h3 {
    display:block;
    float:left;
    margin: 0;
    padding:10px;
    height:19px;
    width:280px;
 
    /* Decorative CSS */
    border-left:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background:#cccccc;
 
    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform: rotate(90.0deg) translate(-40px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-40px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)"; /* IE8 */
 
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
}
 
.horizontalaccordion>ul>li>div {
    display:none;
    float:left;
    overflow: auto;
    position:relative;
    top:-40px;
    left:40px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:120px;
    height:280px;
    padding:10px;
}
 
.horizontalaccordion>ul>li:hover {
    overflow: hidden;
    width: 180px;
}
 
.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}
 
.horizontalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background:#000000;
 
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
}
 
.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}

Цвета и значения ширины и высоты можно менять на свои.

Отредактировано hysteria (20.06.2011 12:49:09)

0

10

hysteria написал(а):

В чем состоит "тайна века"? Данное меню находится в открытом доступе.

в чем она состоит я описала выше: это уже не первый запрос "сделайте как там". хочется, чтоб человек свою голову включал, а не другим подражал.

в открытом доступе - это где конкретно?

0

11

Герда написал(а):

в чем она состоит я описала выше: это уже не первый запрос "сделайте как там". хочется, чтоб человек свою голову включал, а не другим подражал.

А при чем тут подражать? Увидели, захотели и себе такое, взяли и поставили. Не администраторы ведь того форума придумали данное меню. Никто не просит изъять из кода и "подать к столу".

Герда написал(а):

в открытом доступе - это где конкретно?

На различных сайтах и блогах, если хотите, могу вам как пример, ссылку на один такой сайт кинуть в лс.

Отредактировано hysteria (20.06.2011 13:58:39)

0

12

hysteria

hysteria написал(а):

Не администраторы ведь того форума придумали данное меню.

ну я этого никак знать не могла, т.к. такое меню на сайтах по jQuery не видела. :dontknow:
ладно, свернем флуд. ;) а то нас побьют. :D

Отредактировано Герда (20.06.2011 14:19:24)

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Архив » Штука в объявлении


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC