|
|
DataLife Engine Скачать хаки для DLE, темы для DLE |
|
Опции темы | Поиск в этой теме |
30.08.2012, 02:49 Вверх | #1 | |||
Местный житель
|
Как редактировать спойлер
http://safe-server.ru
Помогите, пжлст, растянуть содержимое слайдера под его размер. Как видите, я изменил слайдер, но содержимое осталось предыдущего размера. Как его вписать в слайдер? |
|||
30.08.2012, 19:44 Вверх | #2 | |||
Грамотный форумчанин
|
Ну во-первых, Вам нужно те большие изображения сделать по шире в фотошопе, или другой программе (новые нарисовать, или эти дополнить) если растянуть то не красиво будет), а во-вторых там много стилей слайдера надо править, слайдер то не простой).
В общем если хотите что бы помог, то скиньте мне этот Ваш шаблон, в таком состоянии в каком он сейчас, как все исправлю, дам Вам ссылку на исправленный, или просто замените стили. |
|||
Cказали cпасибо: |
31.08.2012, 10:46 Вверх | #6 | |||
Грамотный форумчанин
|
Значит так заходите в папку Megatron/js/ там открываете этот файл timers.js,
далее ищите в нем, такой кусок кода Код:
$(document).ready(function(){ $('#photos').galleryView({ panel_width: 510, panel_height: 172, frame_width: 80, frame_height: 50, background_color: '#191919', border: 'none', pause_on_hover: true, nav_theme: 'custom' }); }); Код:
panel_width: 510, Далее заходим в папку Megatron/style/ находим там файл styles.css, ищем в нем такую строку /* Слайдер */ и удаляем (заменяем) все что между этой строкой и этой, то есть надо заменить весь css слайдера /* Футер */ на этот css Код:
.sliderbox, .sliderbox .dleft, .sliderbox .dright, .sliderbox .dtop{ height:256px; overflow:hidden;} .sliderbox{background:url(../images/sliderbg.png) repeat-x; width:710px; margin-left:0px;} .sliderbox .dleft, .sliderbox .dright{background:url(../images/slidersides.png) no-repeat 0 0;} .sliderbox .dright{background-position:100% -256px;} .sliderbox .dtop{background:url(../images/slidertop.png) no-repeat 50% 2px;} .sliderbox .dcont{width:686px; height:232px; padding-top:11px; padding-left:12px;} .panel-overlay .link{float:right; margin-left:10px; padding:10px;} .panel-overlay .link a img{background:url(../images/btns.png) no-repeat; width:98px; height:25px;} .panel-overlay .link a:hover img{background-position:0 -25px;} .slidertext{padding:12px; color:#FFFFFF; text-transform: uppercase;} .panel img{width:686px;} /*размер большего изображения*/ .galleryview{-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;} .filmstrip .thumbs{width:80px;height:50px;display:block;overflow:hidden;} .filmstrip img{width:80px;} .sliderover{background: url(../images/sliderover.png) no-repeat 50% 0; height:232px; width:686px; position:relative;} в нем находится по 5 изображений два раза, то есть большие и маленькие, так вот Вам нужно скопировать и вставить (добавить) еще два блока сверху и нижу для миниатюры, то есть для примеру покажу на миниатюре, что бы все было понятно, у Вас было так Код:
<ul class="filmstrip"> <li><div class="thumbs"><img src="{THEME}/slider/1.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/2.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/3.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/4.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/5.jpg" alt=""/></div></li> </ul> Код:
<ul class="filmstrip"> <li><div class="thumbs"><img src="{THEME}/slider/1.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/2.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/3.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/4.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/5.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/6.jpg" alt=""/></div></li> <li><div class="thumbs"><img src="{THEME}/slider/7.jpg" alt=""/></div></li> </ul> |
|||
Cказали cпасибо: |
31.08.2012, 22:01 Вверх | #13 | |||
Грамотный форумчанин
|
p.s. автор выше давал ссылку на шаблон,
вот его offline.tpl Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <style type="text/css"> body{ font: bold italic 14px/16px Arial, Helvetica, Tahoma, sans-serif; margin: 0; padding: 0; color: #1f282c; word-wrap: break-word; } a { color: #fff; text-decoration: underline; } a:hover { text-decoration: none; } .errorwrap { margin: 0 auto; width: 600px; margin-top: 5%; text-align: center; } .errorwrap p { margin: 0 0 15px 0; } </style> <title>Сайт временно отключен</title> </head> <body> <div align="center" class="errorwrap"> <p><img src="{THEME}/images/logotype.png" alt="Делаем Безопасный лучше!" /></p> <p>{reason}</p> <p>Посетите наш <a href="http://safe-server.ru/forum/" title="форум"> <font color="#000080">форум.</font> </a> </p> </div> </body> </html> Добавлено через 2 минуты 12 секунд дай пожалуйста скриншоты, что бы было видно что именно интересует, а то на словах чет туговато ориентироваться) |
|||
01.09.2012, 21:20 Вверх | #16 | |||
Грамотный форумчанин
|
В общем если такой нужен вариант как я написал, то в style.css поменяй значени
Код:
/* ================================== Дизайн студии ELCREATIVO Автор: Aizek Url: http://elcreativo.ru Icq: 592935761 ================================== Назначение: Стили страницы и элементов. */ .wrapper{margin:0 auto; background:#1a1a1a url(../images/headerbg.png) repeat;} .wrapper, .header, .footer, .container, .conttop, .contbt{width:1000px;} .header{height:380px;}/*Здесь было 609 а я поставил 380*/ /* Шапка */ Код:
<div class="hotbox"> .... .... </div> |
|||
Cказали cпасибо: |
02.09.2012, 02:50 Вверх | #18 | |||
Грамотный форумчанин
|
ну так в тех блоках ты сам задаешь что они будут показывать, то есть пользуясь специальными тегами движка или доп. модулей, можешь выводить там различную инфу, вот по движку все теги Смотреть
|
|||
13.09.2012, 20:53 Вверх | #21 | |||
Местный житель
|
Странно, я вот перечитываю, и , вроде, все понятно
Там в спойлере есть скрипт галерея, который отображает все картинки спойлера в миниатюре. Превьюшка такая. Как видите, у меня не получается сделать так, чтобы картинка полностью заполнила рамку превьюшки. Вот мне и надо как-то настроить, чтобы она растянулась, пусть даже не вся была показана в галерее, а только часть. |
|||
Последний раз редактировалось Safe_Mode; 13.09.2012 в 20:56.. |
||||
13.09.2012, 22:47 Вверх | #22 | |||
Грамотный форумчанин
|
чет ничего не пойму, у Вас на скрине одна миниатюра, и что Вы хотите с ней сделать?
растянуть эту одну картинку от левого края до правого, что бы была плоская и ничего на ней видно не должно быть? Я ж вроде просил, покажите скрин, того как должно быть, хоть в paint-е покажите что Вы хотите хотя бы стрелочками. А то у Вас слайдер идет за спойлер. Может что то не своими словами называете и в слайдере, того туго доходит ). По этому жду скриншот с примерными набросками, иначе помочь не смогу, так как не пойму что Вы хотите. |
|||
14.09.2012, 09:59 Вверх | #24 | |||
Грамотный форумчанин
|
А кажись понял, Вы бы так и сказали что серое это не рисунок,
я просто глянул на большое изображение там часть серая снизу и на миниатюре так же, я подумал что это рисунок такой, потому и прошу указывать стрелочками на рисунке, раз словами уточнить не получается, а то приходится гадать. Ну так залейте на обменник шаблон в том состоянии что он есть, и мну ссылочку, на локалке гляну. И версию DLE для шаблона укажите. |
|||