Нужна помощь в правке кода

[aleksndr]

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



Надо номер 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 -->

[CabinetAdmin]

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

<!-- 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}

заменить целиком.

[aleksndr]

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

[CabinetAdmin]

В стилевой файл расширения спойлера - /ext/ppk/bb3spoiler/css/spoiler.css.

[aleksndr]

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

[aleksndr]

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

[aleksndr]

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