Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
цитата и спойлер
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
цитата и спойлер
Сверху цитата ,а с низу споилер!
Как вы видите все это очень некрасиво смотрится!Готовые решения смотрел ,но так ничего и не нашел!Помогите поменять дизаин пожалуйста !
Re: цитата и спойлер
Вот вам коды, меняйте цветовое оформление на своё усмотрение
/*оформление блока цитаты*/
.quote{
margin-top:7px;
margin-left:6px;
border-radius:8px;
border:solid 1px #D5DEE5; /*рамка блока цитаты*/
background:#FCF8EF!important; /*фон под текстом*/
padding:3px 15px 3px 20px;
position:relative;
color:#000; /*цвет шрифта*/
font-size:12px; /*размер шрифта*/
font-style:italic; /*наклонный шрифт*/
font-family:Georgia; /*название шрифта*/
}
.quote:before {
content:'';
background:url(https://i.servimg.com/u/f58/14/80/95/87/openq12.png) top left no-repeat transparent; /* открывающая кавычка */
position:absolute;
width:11px;
height:11px;
top:2px;
left:3px;
}
.quote:after {
content:'';
position:absolute;
z-index:100;
background:url(https://i.servimg.com/u/f58/14/80/95/87/closeq12.png) top left no-repeat transparent; /* закрывающая кавычка */
width:11px;
height:11px;
right:4px;
bottom:2px;
}
/*Фон и рамка вокруг кода и цитаты*/
.codebox{
background-color:#EAE1D1; /* цвет фона*/
border-radius:5px;
border:#856341 1px solid; /* рамка */
padding:3px;
}
/*Шрифт, фон окна Код под текстом*/
.code div.cont_code {
background-color:#FCF8EF; /* цвет фона */
color:#622A06; /* цвет текста */
font-size:12px; /* размер шрифта */
font-family:Georgia; /* название шрифта */
padding:3px;
border-radius:5px;
}
.code {
background-color:transparent !important;
border-style:none !important;
}
.codebox dd {
border-radius:5px;
border:#856341 0px solid;
}
/*Стиль заголовка кода, цитаты, спойлера*/
.genmed b {
color:#4C1200; /* цвет заголовка */
font-size:12px; /* размер шрифта */
font-family:Georgia; /* название шрифта */
font-weight:bold; /* жирный шрифт */
padding:3px 5px;
text-shadow:#fff 1px 1px; /* тень заголовка */
}
/*наружняя часть спойлера*/
.spoiler{
background-color:#EAE1D1; /* фон */
border-radius:5px;
border:#856341 1px solid; /* рамка */
padding:4px;
}
/*закрытая часть спойлера*/
.spoiler_closed{
height:1px;
border-style:none !important;
}
/*поле с содержимым спойлера*/
.spoiler_content {
background-color:#FCF8EF; /* фон */
color:#622A06; /* цвет текста */
font-size:12px; /* размер шрифта */
border-radius:5px;
border-style:none !important;
padding:2px;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения