Часик добрый ув форумчане. У меня есть код, который отвечает за спойлер со сриншотами, хотелось бы изменить его вид.
Помогите кто может.

Изображение

Надо номер 1 сделать по больше [сам спойлер и название] и края закруглить. Вобщем сделать примерно как номер 2.

Вот код. За ранее спасибо.

Код: Выделить всё

<!-- IF postrow.S_HAS_TRACKER_SCREENSHOT and postrow.SCREENSHOT_BLOCK -->
	<div class="panel" style="width:auto;overflow:auto;">
		<div class="inner">
		<!-- IF postrow.SCREENSHOT_BLOCK_SPOILER -->
			<div class="sp-wrap">
				<div class="sp-body" title="{L_ATTACHMENTS_SCREENSHOT}">
				<!-- BEGIN postrow.screenshot_fields -->
					<a<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 1 --> target="blank"<!-- ENDIF --> title="{postrow.screenshot_fields.SCREENSHOT_FILESIZE}" href="{postrow.screenshot_fields.SCREENSHOT_LINK}"<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 2 --> rel="prettyPhotoScreenshots<!-- IF postrow.TRACKER_SCREENSHOTS_COUNT > 1 -->[{postrow.POST_ID}]<!-- ENDIF -->"<!-- ENDIF -->><img <!-- IF postrow.screenshot_fields.SCREENSHOT_WH_WIDTH -->width="{postrow.screenshot_fields.SCREENSHOT_WH_WIDTH}"<!-- ELSE -->height="{postrow.screenshot_fields.SCREENSHOT_WH_HEIGHT}"<!-- ENDIF --> src="{postrow.screenshot_fields.SCREENSHOT_SRC}" alt="" /></a>
				<!-- END postrow.screenshot_fields -->
				</div>
			</div>
		<!-- ELSE -->
		<div style="font-weight:bold;text-align:center;"><a id="screenshot{postrow.POST_ID}" href="#screenshot{postrow.POST_ID}" onclick="toggle_block('screenshots{postrow.POST_ID}');" title="{L_SHOW_HIDE}" class="my_tt">{L_ATTACHMENTS_SCREENSHOT}</a></div>
		<table class="table2"<!-- IF postrow.SCREENSHOT_BLOCK_CLOSE --> style="display:none;"<!-- ENDIF --> id="screenshots{postrow.POST_ID}">
			<tr>
				<!-- BEGIN postrow.screenshot_fields -->
				<td style="text-align:center;">
					<a<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 1 --> target="blank"<!-- ENDIF --> title="{postrow.screenshot_fields.SCREENSHOT_FILESIZE}" href="{postrow.screenshot_fields.SCREENSHOT_LINK}"<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 2 --> rel="prettyPhotoScreenshots<!-- IF postrow.TRACKER_SCREENSHOTS_COUNT > 1 -->[{postrow.POST_ID}]<!-- ENDIF -->"<!-- ENDIF -->><img <!-- IF postrow.screenshot_fields.SCREENSHOT_WH_WIDTH -->width="{postrow.screenshot_fields.SCREENSHOT_WH_WIDTH}"<!-- ELSE -->height="{postrow.screenshot_fields.SCREENSHOT_WH_HEIGHT}"<!-- ENDIF --> src="{postrow.screenshot_fields.SCREENSHOT_SRC}" alt="" /></a>
				</td>
				<!-- END postrow.screenshot_fields -->
			</tr>
		</table>
		<!-- ENDIF -->
		</div>
	</div>
<!-- ENDIF -->
Комментарии: 6

CabinetAdmin 09 авг 2018, 16:58 Сообщение

Код: Выделить всё

<!-- IF postrow.S_HAS_TRACKER_SCREENSHOT and postrow.SCREENSHOT_BLOCK -->
		<!-- IF postrow.SCREENSHOT_BLOCK_SPOILER -->
			<div class="sp-wrap">
				<div class="sp-body" title="{L_ATTACHMENTS_SCREENSHOT}">
				<!-- BEGIN postrow.screenshot_fields -->
					<a<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 1 --> target="blank"<!-- ENDIF --> title="{postrow.screenshot_fields.SCREENSHOT_FILESIZE}" href="{postrow.screenshot_fields.SCREENSHOT_LINK}"<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 2 --> rel="prettyPhotoScreenshots<!-- IF postrow.TRACKER_SCREENSHOTS_COUNT > 1 -->[{postrow.POST_ID}]<!-- ENDIF -->"<!-- ENDIF -->><img <!-- IF postrow.screenshot_fields.SCREENSHOT_WH_WIDTH -->width="{postrow.screenshot_fields.SCREENSHOT_WH_WIDTH}"<!-- ELSE -->height="{postrow.screenshot_fields.SCREENSHOT_WH_HEIGHT}"<!-- ENDIF --> src="{postrow.screenshot_fields.SCREENSHOT_SRC}" alt="" /></a>
				<!-- END postrow.screenshot_fields -->
				</div>
			</div>
		<!-- ELSE -->
		<div style="font-weight:bold;text-align:center;"><a id="screenshot{postrow.POST_ID}" href="#screenshot{postrow.POST_ID}" onclick="toggle_block('screenshots{postrow.POST_ID}');" title="{L_SHOW_HIDE}" class="my_tt">{L_ATTACHMENTS_SCREENSHOT}</a></div>
		<table class="table2"<!-- IF postrow.SCREENSHOT_BLOCK_CLOSE --> style="display:none;"<!-- ENDIF --> id="screenshots{postrow.POST_ID}">
			<tr>
				<!-- BEGIN postrow.screenshot_fields -->
				<td style="text-align:center;">
					<a<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 1 --> target="blank"<!-- ENDIF --> title="{postrow.screenshot_fields.SCREENSHOT_FILESIZE}" href="{postrow.screenshot_fields.SCREENSHOT_LINK}"<!-- IF postrow.S_SCREENSHOTS_OPENTYPE == 2 --> rel="prettyPhotoScreenshots<!-- IF postrow.TRACKER_SCREENSHOTS_COUNT > 1 -->[{postrow.POST_ID}]<!-- ENDIF -->"<!-- ENDIF -->><img <!-- IF postrow.screenshot_fields.SCREENSHOT_WH_WIDTH -->width="{postrow.screenshot_fields.SCREENSHOT_WH_WIDTH}"<!-- ELSE -->height="{postrow.screenshot_fields.SCREENSHOT_WH_HEIGHT}"<!-- ENDIF --> src="{postrow.screenshot_fields.SCREENSHOT_SRC}" alt="" /></a>
				</td>
				<!-- END postrow.screenshot_fields -->
			</tr>
		</table>
		<!-- ENDIF -->
<!-- ENDIF -->
Это структура.

Стили:

Код: Выделить всё

.sp-wrap{margin:0 auto}.sp-wrap{width:98%;clear:both}.sp-wrap .sp-wrap{margin:4px auto}.sp-wrap,.sp-head,.sp-body{border: 1px solid #999;clear:both;border-radius: 5px;margin: 1em;}.sp-body{padding: 6px 6px;}.sp-head{text-align:left!important}.sp-wrap{padding:0;background:-webkit-linear-gradient(top,#f3f3f3 50%,#e6e6e6 50%);background: linear-gradient(to bottom,#f3f3f3 50%,#e6e6e6 50%);padding: 8px 10px;}.sp-head{border-width:0;font-size:11px;padding: 0;margin-left:6px;line-height:15px;color:#2a2a2a;cursor:pointer;margin: 0;}.sp-body{display:none;font-weight:400;background:#f5f5f5;margin: 1em -1.1em;border-radius: 0;}.clickable{cursor:pointer}.folded{display:block;background:transparent url(./../images/spoiler/icon_plus_1.gif) no-repeat left center;padding-left:14px}.unfolded{display:block;background:transparent url(./../images/spoiler/icon_minus_1.gif) no-repeat left center;padding-left:14px}var.postImgAligned{display:block}img.postImg{vertical-align:text-bottom}img.postImg{margin:2px 2px 0 0}img.postImgAligned{margin:4px 4px 2px}.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden}
заменить целиком.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

aleksndr 09 авг 2018, 17:42 Сообщение

Первый код я понял, что надо заменить на тот что я написал, а вот второй (стили) куда вставлять?
  • 0

CabinetAdmin 09 авг 2018, 18:32 Сообщение

В стилевой файл расширения спойлера - /ext/ppk/bb3spoiler/css/spoiler.css.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

aleksndr 12 авг 2018, 10:39 Сообщение

Убралась голубая обводка, но больше он не стал и края острые и прилип к быстрому ответу.
Изображение
  • 0

aleksndr 12 авг 2018, 11:13 Сообщение

Добавил после кода <br></br>, отлип от быстрова ответа.
  • 0

aleksndr 12 авг 2018, 16:16 Сообщение

Почистил историю в браузере , всё ОК!
Спасибо тебе огромное!
  • 0

Похожие темы