Jump to content

Редактирование спойлера

Featured Replies

Posted
comment_26580

Здравствуйте возможно ли исправить вид спойлера (т.е задний фон поменять на картинку)?
Вот нынешний вариант
1png_7384324_7627650.png

 

Я так понимаю нужно менять что-то в этих строчках?

.bbc_csnSpoiler{}
.bbc_csnSpoiler_button{background-color:#ddd;border:1px solid #aaa;border-left:2px solid #aaa;}
.bbc_csnSpoiler_show{background-color:#ddd;background-repeat:no-repeat;background-position:0 50%;border:0;text-align:left;width:100%;padding-left:12px;}
.bbc_csnSpoiler_minus{background-image: url({style_images_url}/bullet_toggle_minus.png);}
.bbc_csnSpoiler_plus{background-image: url({style_images_url}/bullet_toggle_plus.png);}
.bbc_csnSpoiler_wrapper{}
.bbc_csnSpoiler_content{border:1px solid #aaa;border-top:0;border-left:2px solid #aaa;padding:5px;}

 

 

comment_26582

на стандартном 3.2.3 я менял тут: ipb_common.css. за цвет/градиент отвечает код

p.citation {
	font-size: 12px;
	padding: 8px 10px;
	border-left: 2px solid #989898;
	/*background: #f3f3f3 */
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
	border-top: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}

div.blockquote {
	font-size: 12px;
	padding: 10px;
	border-left: 2px solid #989898;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #f7f7f7;
}

 

Но это на стандартном стиле.

Какая у вас версия IPB? 3.2.3?

comment_26584

опс, сори, это про цитаты. сейчас найду про спойлеры.

hr.bbc 					{ 	display: block; border-top: 2px solid #777; }
div.bbc_spoiler 		{	 }
div.bbc_spoiler span.spoiler_title	{ 	font-weight: bold; }
div.bbc_spoiler_wrapper	{ 	border: 1px inset #777; padding: 4px; }
div.bbc_spoiler_content	{ 	 }
input.bbc_spoiler_show	{ 	width: 45px; font-size: .7em; margin: 0px; padding: 0px; }
pre.prettyprint 		{ padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }
img.bbc_img { cursor: pointer; }
.signature img.bbc_img { cursor: default; }

 

div.bbc_spoiler_content    {  сюда надо вставить background: url([адрес картинки]);    }

Edited by SUAMF

comment_26585

Раз уж затронули тему спойлера, есть нормальный для 3.4 ? Все обрыл, ниче нормальнго не нашел

comment_26587

Раз уж затронули тему спойлера, есть нормальный для 3.4 ? Все обрыл, ниче нормальнго не нашел

а чего, стандартный испортил? вот, держи стандартный код:

hr.bbc 					{ 	display: block; border-top: 2px solid #777; }
div.bbc_spoiler 		{	 }
div.bbc_spoiler span.spoiler_title	{ 	font-weight: bold; }
div.bbc_spoiler_wrapper	{ 	 }
div.bbc_spoiler_content	{ 	border: 1px inset #777; padding: 4px; }
input.bbc_spoiler_show	{ 	width: 70px; font-size: .9em; margin: 0px; padding: 0px; }
Guest
This topic is now closed to further replies.

Последние посетители 0

  • No registered users viewing this page.