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

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


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

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

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


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

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

Оформление цитаты в виде листков тетради

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

Оформление цитаты в виде листков тетради

Сообщение автор Krest в Вс 24 Окт - 18:23

Приветствую! Подскажите, мастера, как можно оформить цитатки, а также спойлер в виде разлинованных  листков тетради? Заранее спасибо!
yes

З.Ы. да, форум phpBB2!

Krest
Дизайнер
Дизайнер

Мужчина

Сообщения : 1940
Место обитания : В Берлине я обитаю!
Настроение : Владимир ушел от нас 06/10/2011 после долгой сердечной болезни. Светлая ему память!
Регистрация : 2009-09-12
Благодарности : 555

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

http://ostrovok.mirbb.net/forum

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

Re: Оформление цитаты в виде листков тетради

Сообщение автор Dana Domirani в Вс 24 Окт - 18:29

@Krest пишет:Приветствую! Подскажите, мастера, как можно оформить цитатки, а также спойлер в виде разлинованных  листков тетради? Заранее спасибо!
yes
форум Phpbb2

Могу предложить такой вариант для BB2:



Ставьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS

Код:
/* оформление цитаты, кода, спойлера */
.codebox {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}

/* оформление цитаты, кода, спойлера - внутренний блок */
.codebox dd, .codebox dt {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
 padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
}

/* заголовок цитаты, кода, спойлера */
.codebox dt, .codebox dt span {
font-weight: bold !important;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
}

/* содержимое спойлера */
.spoiler_content {
background-color: transparent !important; /* прозрачный фон */
border: none !important;
font-size: 12px !important;  /* размер шрифта */
color: #444;
display: block;
line-height: 21px;
padding: 0;
}


Этот же вариант для BB3

Код:
/* оформление цитаты, кода, спойлера */
dl.codebox, blockquote {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}

/* оформление цитаты, кода, спойлера - внутренний блок */
blockquote div, .spoiler_content, .codebox.hidecode dd, dl.codebox code {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
  padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
  margin: 0;
}

/* заголовок цитаты, кода, спойлера */
dl.codebox dt, blockquote cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
font-style: italic !important; /* курсив */
margin-bottom: 0;
text-transform: none;
}

dl.codebox dt {
border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
padding-left: 15px;
}


Этот же вариант для Pun

Код:
/* оформление цитаты, кода, спойлера */

.codebox dd, .codebox dt {
margin: 0;
padding: 0;
background-color: transparent;
}

dl.codebox, .postmain blockquote {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}

/* оформление цитаты, кода, спойлера - внутренний блок */
blockquote div, .spoiler_content, .codebox.hidecode dd, dl.codebox .cont_code {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
  padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
  margin: 0;
}

/* заголовок цитаты, кода, спойлера */
dl.codebox dt, .postmain cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
font-style: italic !important; /* курсив */
margin-bottom: 0;
text-transform: none;
background-color: transparent;
background-image: none;
}

dl.codebox dt {
border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
padding-left: 15px;
}


Этот же вариант для IPB

Код:
/* оформление цитаты, кода, спойлера */

.codebox dd, .codebox dt {
margin: 0;
padding: 0;
background-color: transparent;
border: none;
}

dl.codebox, blockquote, .spoiler {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}



/* оформление цитаты, кода, спойлера - внутренний блок */
.codebox dd, .spoiler dd, blockquote div {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
  padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
  margin: 0;
}

/* заголовок цитаты, кода, спойлера */
.codebox dt, .spoiler dt, blockquote cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
font-style: italic !important; /* курсив */
margin: 0;
text-transform: none;
background-color: transparent;
background-image: none;
}

.spoiler dt, .codebox dt {
border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
padding: 0 0 0 15px;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22087
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

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

http://poltergeist-legacy.com/

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

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


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