Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



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

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Как сделать такой спойлер?

Предыдущая тема Следующая тема Перейти вниз

Решено Как сделать такой спойлер?

Сообщение автор mery в Пт 22 Фев - 14:09

Хотелось бы сделать такой спойлер,но не знаю как

mery
 
 

Пол : Женщина
Сообщения : 118
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-17

http://woman.ukrainianforum.net/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Леший в Пт 22 Фев - 15:22


Есть такой вариант , ставьте в КСС . Он полностью настраиваемый , переделайте под себя

Код:
*Фон и рамка открытой части спойлера*/
.spoiler{
background-image:url(http://www.snapsnap.ru/i/green83.jpg);
color:#030348;
-moz-border-radius:20px;
-khtml-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:#559B69 0px solid;
box-shadow:0 0 15px 2px #559B69;
-webkit-box-shadow:0 0 15px 2px #559B69;
-moz-box-shadow:0 0 15px 2px #559B69;
padding:4px;
}

/*Фон и рамка закрытой части спойлера*/
.spoiler_closed{
background-color:#E3FFD8;
height:1px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #E3FFD8;
}

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор mery в Пт 22 Фев - 15:54

спасибо,но хотелось тот)
а тот что вы дали что то не работает у меня(

mery
 
 

Пол : Женщина
Сообщения : 118
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-01-17

http://woman.ukrainianforum.net/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Сказочник Зазеркалья в Пт 22 Фев - 16:25

@mery пишет:спасибо,но хотелось тот)
а тот что вы дали что то не работает у меня(
Попробуйте этот вариант:
Код:
/*наружняя часть спойлера*/
.spoiler{
background-image:url(http://hitskin.com/themes/18/25/69/i_background.jpg);
-moz-border-radius:20px;
-khtml-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:#000000 1px solid;
box-shadow:0 0 15px 2px #000000;
-webkit-box-shadow:0 0 15px 2px #000000;
-moz-box-shadow:0 0 15px 2px #000000;
padding:4px;
}

/*закрытая часть спойлера*/
.spoiler_closed{
height:0px;
border-style:none;
}

/*поле с содержимым спойлера*/
.spoiler_content {
background-image:url(http://hitskin.com/themes/18/25/69/i_background.jpg);
color:#ffffff;
border-style:none;
padding:2px;
}

Код поставьте в CCS. Настройки меняются и вы без проблем настроите спойлер под свой форум good

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Домовой в Пт 22 Фев - 17:24

Попробуйте это
Код:
/*Оформление цитаты*/
.quote{
background:url(http://s2.uploads.ru/EU2vW.png) #fff no-repeat 5px 3px;
color:#000;
font-size:12px;
font-style:italic;
line-height:1.4em;
padding:5px 5px 5px 30px;
border-style:none !important;
height:1px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


/*Фон и рамка вокруг кода и цитаты*/
.postbody div table{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

/*Шрифт, фон окна Код*/
.code div.cont_code  {
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}


/*наружняя часть спойлера*/
.spoiler{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:4px;
}

/*закрытая часть спойлера*/
.spoiler_closed{
height:1px;
border-style:none;
}

/*поле с содержимым спойлера*/
.spoiler_content {
background-color:#fff;
color:#000;
font-size:12px;
border-style:none;
padding:2px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
но картинку придётся прописывать вручную. Для этого должен быть разрешён HTML в постах

Код:
[spoiler=<img src="http://s2.uploads.ru/XKWj7.png" border="0" /> Скрытый текст]

Вот так будут выглядеть блоки
цитата



код



спойлер


Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Леший в Пт 22 Фев - 17:27

Приветствую НачальникаПечки Есть вопрос . А для ВВ3 вот эту часть можно использовать ???

Код:
/*Оформление цитаты*/
.quote{
background:url(http://s2.uploads.ru/EU2vW.png) #fff no-repeat 5px 3px;
color:#000;
font-size:12px;
font-style:italic;
line-height:1.4em;
padding:5px 5px 5px 30px;
border-style:none !important;
height:1px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


/*Фон и рамка вокруг кода и цитаты*/
.postbody div table{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

/*Шрифт, фон окна Код*/
.code div.cont_code  {
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Домовой в Пт 22 Фев - 17:29

попробуй.
Хотя там кажется другие названия элементов.

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Леший в Пт 22 Фев - 17:34

Гадствр , точно другие , не работает (((

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Домовой в Пт 22 Фев - 17:59

вот так попробуй

Код:
blockquote {
background:url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat #fff;
color:#000;
font-size:12px;
font-style:italic;
margin:1em;
overflow:hidden;
padding:5px;
border-style:none!important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

blockquote blockquote,blockquote blockquote blockquote {
background-color: #fff;
font-size: 1em;
margin: 0.5em 1px 0px 15px;
border:#8ABFD2 1px solid!important;
}

dl.codebox code{
background-color:#fff;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:#139908 2px solid;
padding:3px;
}

dl.codebox{
background-color:#fff;
color:#000;
padding:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Леший в Пт 22 Фев - 18:05

Ок . Вот только одна прозьба , где что в этом коде ??? Я же так час буду сидеть код разбирать , что за что отвечает

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Домовой в Пт 22 Фев - 19:31

@Леший пишет:Я же так час буду сидеть код разбирать , что за что отвечает
Принципиально не буду расписывать.
Это хорошая практика когда сам методом тыка всё сделаешь.
В будущем куча вопросов просто отвалятся сами по себе.

Домовой
 
 

Пол : Мужчина
Сообщения : 6973
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой спойлер?

Сообщение автор Леший в Пт 22 Фев - 19:36

Принципиально не буду расписывать.
Это хорошая практика когда сам методом тыка всё сделаешь.
В будущем куча вопросов просто отвалятся сами по себе.


Вот сижу разбираю ))) я в принципе так же бы ответил )))) СПАСИБО !!!!!!!!!!!! Беда в том , что на скорости инэта проигрываю , опять с модэма , поэтому и спросил . очень долго результат грузит

Леший
 
 

Пол : Мужчина
Сообщения : 2121
Место обитания : Сибирь
Настроение : Мрачное
Карма : Без предупреждений
Благодарности : 345
Регистрация : 2012-10-05

http://black-kat.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения