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

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


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

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

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


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

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

Цитата, спойлер, код - оформление

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

Цитата, спойлер, код - оформление

Сообщение автор Маргаритка в Вс 26 Фев - 15:03

Не успели вы соскучится, как я тут, как тут. Хочу довести до ума цитату, спойлер и код (phpbb2).

Без скриптов (просто стандартными настройками) они выглядят так.



Чего я хочу достичь. Закругленных краев, обводки, цвета (или даже фона) заливки - все в одном стиле.

Края я закругляла так:

Код:
/*Края кода*/
.code {
border-radius: 5px;

border-color: #856340 !important;
}
/*Края спойлера*/
.spoiler_content {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

border-color: #856340 !important;
}
/*Края цитат*/
.quote {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

border-color: #856340 !important;
}

Получилось вот что


У спойлера почему-то обводку и круглые края видно только когда его откроешь. А у кода получилась какая то странная обводка.


Помогите, пожалуйста, в следующем:
1. Сделать равномерные отступы текста цитаты/кода/спойлера от обводки.
2. Обводку распространить и на сами слова "Цитата"/"Спойлер"/"Код", примерно так

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

Буду очень благодарна! 13

Маргаритка
 

Сообщения : 34
Регистрация : 2012-02-17
Благодарности : 0

Без предупреждений

http://arttic.gip-gip.com/

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Домовой в Вс 26 Фев - 16:19

Попробуйте заменить ваши коды на это

Код:
/*Оформление цитаты*/
.quote{
background-color:#EAE1D1;
color:#622A06;
font-size:12px;
line-height:1.4em;
padding:5px 5px 5px 30px;
border-style:none !important;
}

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

/*Шрифт, фон окна Код*/
.code div {
background-color:#EAE1D1;
color:#622A06;
}
.code {
background-color:transparent !important;
border-style:none !important;
}

/*скрытая и открытая части спойлера*/
.spoiler_content,.spoiler_closed{
background-color:#EAE1D1;
color:#622A06;
padding:6px;
border-style:none !important;
}

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Маргаритка в Вс 26 Фев - 16:40

Домовой, просто шикарно!



Только вот спойлер в закрытом виде слишком широк. Это можно исправить?

Маргаритка
 

Сообщения : 34
Регистрация : 2012-02-17
Благодарности : 0

Без предупреждений

http://arttic.gip-gip.com/

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Маргаритка в Вс 26 Фев - 16:56

Попутно спрошу, ибо в тему. У меня спойлер с телефона не открывается (опера-мини для андроида), это моя проблема (моего телефона), глюк или нерешаемый вопрос нашего сервиса? Хочется эту проблему решить как-то.

Маргаритка
 

Сообщения : 34
Регистрация : 2012-02-17
Благодарности : 0

Без предупреждений

http://arttic.gip-gip.com/

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Домовой в Вс 26 Фев - 17:11

@Маргаритка пишет:
Только вот спойлер в закрытом виде слишком широк. Это можно исправить?
Последний код
Код:
/*скрытая и открытая части спойлера*/
.spoiler_content,.spoiler_closed{
background-color:#EAE1D1;
color:#622A06;
padding:6px;
border-style:none !important;
}
замените на этот

Код:
.spoiler_content{
background-color:#EAE1D1;
color:#622A06;
padding:6px;
border-style: none !important;
}
.spoiler_closed{
border-style: none !important;
height:0px;
}

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Маргаритка в Вс 26 Фев - 17:44

@Домовой пишет:Последний код
Код:
/*скрытая и открытая части спойлера*/
.spoiler_content,.spoiler_closed{
background-color:#EAE1D1;
color:#622A06;
padding:6px;
border-style:none !important;
}
замените на этот

Код:
.spoiler_content{
background-color:#EAE1D1;
color:#622A06;
padding:6px;
border-style: none !important;
}
.spoiler_closed{
border-style: none !important;
height:0px;
}

Просто отлично получилось! Спасибо огромное, я прямо в неоплатном долгу clapping

А тот вопросик про неоткрывающийся спойлер? *робко*

Маргаритка
 

Сообщения : 34
Регистрация : 2012-02-17
Благодарности : 0

Без предупреждений

http://arttic.gip-gip.com/

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Домовой в Вс 26 Фев - 18:38

Это не ко мне

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Наталик в Вс 26 Фев - 19:23

Домовой, а куда это вставлять?

Наталик
 

Женщина

Сообщения : 149
Возраст : 15
Регистрация : 2011-11-30
Благодарности : 20

Без предупреждений

http://popugashki.forum2x2.ru/

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

Re: Цитата, спойлер, код - оформление

Сообщение автор Домовой в Вс 26 Фев - 20:33

@Наталик пишет:Домовой, а куда это вставлять?
Это коды CSS, соответственно они ставятся в CSS

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

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

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


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