IPSGuru Вид прикреплённых изображений

[Severniy]

Для того что бы сделать вид прикреплённых изображений.

1. Зайти в АЦ - Внешний вид - CSS - ipb_styles.css
2. Найти строчку

/************************************************************************/
/* ATTACHMENT MANAGER (& RELATED) STYLES */

После удалить  всё до строчки

(можно сохранить у себя в текстовом документе на всякий случай)

/************************************************************************/
/* REPUTATION STYLES */

Между этими строчками вставить

.swfupload {
	position: absolute;
	z-index: 1;
}
	
#attachments { }

	#attachments li {
		background-color: #f1f1f1;
		text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
		border: 1px solid #dcdcdc;
		padding: 6px 20px 6px 42px;
		margin-bottom: 10px;
		position: relative;
		-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
		-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
		box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
	}
	
		#attachments li p.info {
			font-size: 0.8em;
			width: 300px;
		}
	
		#attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
			display: none;
		}
			
			#attachments li.complete .links {
				font-size: 0.9em;
				margin-right: 15px;
				right: 0px;
				top: 12px;
				display: block;
				position: absolute;
			}
			
		#attachments li .progress_bar {
			margin-right: 15px;
			width: 200px;
			right: 0px;
			top: 15px;
			position: absolute;
		}
	
		#attachments li.complete, #attachments li.in_progress, #attachments li.error {
			background-repeat: no-repeat;
			background-position: 12px 12px;
		}
	
		#attachments li.in_progress {
			background-image: url('{style_images_url}/loading.gif');
		}
	
		#attachments li.error {
			background-image: url('{style_images_url}/exclamation.png');
			background-color: #e8caca;
			border: 1px solid #ddafaf;
		}
		
			#attachments li.error .info {
				color: #8f2d2d;
			}
	
		#attachments li.complete {
			background-image: url('{style_images_url}/accept.png');
		}
		
		#attachments li .thumb_img {
			left: 6px;
			top: 6px;
			width: 30px;
			height: 30px;
			overflow: hidden;
			position: absolute;
		}
		
.attach_controls {
	background: url('{style_images_url}/icon_attach.png') no-repeat 3px top;
	padding-left: 30px;
	min-height: 82px;
}

	.attach_controls .ipsType_subtitle { margin-bottom: 5px; }
	.attach_controls iframe { display: block; margin-bottom: 5px; }
	
.attach_button { font-weight: bold;  }
#help_msg {	margin-top: 8px; }

#attach_wrap {
	margin-top: 10px;
	overflow: hidden;
}

	#attach_wrap h4 {
		font-size: 16px; padding-left: 0px;
	}
	
	#attach_wrap li {
		margin: 5px 0;
		float: left;
	}

	#attach_wrap .attachment {
		float: none;
	}
		
		#attach_wrap .desc.info {
			margin-left: 24px;
		}

#attach_error_box {	margin-bottom: 10px; }

.resized_img:hover {
margin: 0 5px 5px 0;
display: inline-block;
background: #2E3A46;
border: #2E3A46 1px solid;
border-radius: 3px;
padding: 5px;
box-shadow: 0px 0px 5px rgba(7, 21, 51, 0.7);
-moz-box-shadow: 0px 0px 5px rgba(25, 92, 233, 0.7);
-webkit-box-shadow: 0px 0px 5px 0px rgba(31,40,60,0.7);
margin-left: 10px;
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) black;
-khtml-opacity: 0.8;
}



.resized_img {
margin: 0 5px 5px 0;
display: inline-block;
background: #34495E;
border: #2C3E50 1px solid;
border-radius: 3px;
padding: 5px;
box-shadow: 0px 0px 5px rgba(7, 21, 51, 0.7);
-moz-box-shadow: 0px 0px 5px rgba(25, 92, 233, 0.7);
-webkit-box-shadow: 0px 0px 5px 0px rgba(31,40,60,0.7);
margin-left: 10px;
}

Сохранить

Попробывать в теме прикрепить изображение.