Вопрос Как редактировать спойлер

Safe_Mode · 30.08.2012, 01:49 **Вверх**

http://safe-server.ru

Помогите, пжлст, растянуть содержимое слайдера под его размер. Как видите, я изменил слайдер, но содержимое осталось предыдущего размера. Как его вписать в слайдер?

jakal · 30.08.2012, 18:44 **Вверх**

Ну во-первых, Вам нужно те большие изображения сделать по шире в фотошопе, или другой программе (новые нарисовать, или эти дополнить) если растянуть то не красиво будет), а во-вторых там много стилей слайдера надо править, слайдер то не простой).
В общем если хотите что бы помог, то скиньте мне этот Ваш шаблон, в таком состоянии в каком он сейчас, как все исправлю, дам Вам ссылку на исправленный, или просто замените стили.

Safe_Mode · 30.08.2012, 20:04 **Вверх**

Сообщение от jakal

Ну во-первых, Вам нужно те большие изображения сделать по шире в фотошопе, или другой программе (новые нарисовать, или эти дополнить) если растянуть то не красиво будет), а во-вторых там много стилей слайдера надо править, слайдер то не простой).
В общем если хотите что бы помог, то скиньте мне этот Ваш шаблон, в таком состоянии в каком он сейчас, как все исправлю, дам Вам ссылку на исправленный, или просто замените стили.

Буду весьма признателен

вот

jakal · 30.08.2012, 21:50 **Вверх**

Забыл спросить а на какую он версию DLE?

Safe_Mode · 30.08.2012, 21:54 **Вверх**

Сообщение от jakal

Забыл спросить а на какую он версию DLE?

9.6

jakal · 31.08.2012, 09:46 **Вверх**

Значит так заходите в папку 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,

, значение 510 меняете на 686.

Далее заходим в папку 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;}

далее идем в папку Megatron/ ищем там файлик slider.tpl
в нем находится по 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>

в место 5 будет 7 картинок, точно так же добавьте и с верху два блока 6 и 7, я это писать не буду так как там текста больше, думаю разберетесь)

jakal · 31.08.2012, 09:52 **Вверх**

и еще чуть не забыл в папке Megatron/images/ замените это изображение sliderover.png на вот это СКАЧАТЬ

Safe_Mode · 31.08.2012, 12:15 **Вверх**

Сообщение от jakal

Значит так заходите в папку 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,

, значение 510 меняете на 686.

Вот оно! Это то, чего мне не хватало, спасибо

Сообщение от jakal

и еще чуть не забыл в папке Megatron/images/ замените это изображение sliderover.png на вот это СКАЧАТЬ

ну, да, я понял, что ее надо было растянуть)

jakal · 31.08.2012, 15:38 **Вверх**

Сообщение от Safe_Mode

ну, да, я понял, что ее надо было растянуть)

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

Safe_Mode · 31.08.2012, 20:31 **Вверх**

Сообщение от jakal

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

А не знаешь, как еще горизонтальные блоки убрать? Я из мейн тпл убираю, но фон все равно остается

sertaras · 31.08.2012, 20:50 **Вверх**

Вопрос немного не в тему...
Как ты поставил заставку НА ремонте?

jakal · 31.08.2012, 20:54 **Вверх**

Сообщение от sertaras

Вопрос немного не в тему...
Как ты поставил заставку НА ремонте?

Скорей всего в шаблоне offline.tpl удалил стандартный html и вставил свой с картинкой)

jakal · 31.08.2012, 21:01 **Вверх**

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>

как я понимаю этот тег {reason}, выводит информацию отсюда

Добавлено через 2 минуты 12 секунд

Сообщение от Safe_Mode

А не знаешь, как еще горизонтальные блоки убрать? Я из мейн тпл убираю, но фон все равно остается

дай пожалуйста скриншоты, что бы было видно что именно интересует, а то на словах чет туговато ориентироваться)

Safe_Mode · 31.08.2012, 22:59 **Вверх**

Сообщение от jakal

дай пожалуйста скриншоты, что бы было видно что именно интересует, а то на словах чет туговато ориентироваться)

Вот. Там три блока. Блоки сами убираются, если убрать блок из мейн тпл. Но фон остается.

Сообщение от jakal

Сообщение от sertaras
Вопрос немного не в тему...
Как ты поставил заставку НА ремонте?
Скорей всего в шаблоне offline.tpl удалил стандартный html и вставил свой с картинкой)

Именно так. Картинок по запросу "Сайт на ремонте" в нете много

jakal · 01.09.2012, 20:08 **Вверх**

То есть ты хочешь что бы слайдер поднялся до самого меню
Главная статистика Банлисты и т. д.
Правильно я понял?

jakal · 01.09.2012, 20:20 **Вверх**

В общем если такой нужен вариант как я написал, то в 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>

Вот и все) если я правильно понял.

Safe_Mode · 01.09.2012, 22:44 **Вверх**

Сообщение от jakal

То есть ты хочешь что бы слайдер поднялся до самого меню
Главная статистика Банлисты и т. д.
Правильно я понял?

именно так благодарствую, а если их оставить, они вообще работают? Ну, показывают пследние файлы, новости и т.д.?

jakal · 02.09.2012, 01:50 **Вверх**

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

Safe_Mode · 13.09.2012, 15:46 **Вверх**

Сообщение от jakal

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

А возможно ли как-то в миниатюрах картинок слайдера (галерее) сделать так, чтобы изображения растягивались до размера окошка?

jakal · 13.09.2012, 17:13 **Вверх**

Сообщение от Safe_Mode

А возможно ли как-то в миниатюрах картинок слайдера (галерее) сделать так, чтобы изображения растягивались до размера окошка?

что то не совсем понял до какого окошка? Вы давайте всегда скриншоты, того как есть и того как хотите что бы было, а то порой трудно понять что Вы хотите)

Safe_Mode · 13.09.2012, 19:53 **Вверх**

Сообщение от jakal

что то не совсем понял до какого окошка? Вы давайте всегда скриншоты, того как есть и того как хотите что бы было, а то порой трудно понять что Вы хотите)

Странно, я вот перечитываю, и , вроде, все понятно

Там в спойлере есть скрипт галерея, который отображает все картинки спойлера в миниатюре. Превьюшка такая. Как видите, у меня не получается сделать так, чтобы картинка полностью заполнила рамку превьюшки. Вот мне и надо как-то настроить, чтобы она растянулась, пусть даже не вся была показана в галерее, а только часть.

jakal · 13.09.2012, 21:47 **Вверх**

чет ничего не пойму, у Вас на скрине одна миниатюра, и что Вы хотите с ней сделать?
растянуть эту одну картинку от левого края до правого, что бы была плоская и ничего на ней видно не должно быть?
Я ж вроде просил, покажите скрин, того как должно быть, хоть в paint-е покажите что Вы хотите хотя бы стрелочками. А то у Вас слайдер идет за спойлер. Может что то не своими словами называете и в слайдере, того туго доходит ). По этому жду скриншот с примерными набросками, иначе помочь не смогу, так как не пойму что Вы хотите.

Safe_Mode · 13.09.2012, 22:47 **Вверх**

Сообщение от jakal

чет ничего не пойму, у Вас на скрине одна миниатюра, и что Вы хотите с ней сделать?
растянуть эту одну картинку от левого края до правого, что бы была плоская и ничего на ней видно не должно быть?
Я ж вроде просил, покажите скрин, того как должно быть, хоть в paint-е покажите что Вы хотите хотя бы стрелочками. А то у Вас слайдер идет за спойлер. Может что то не своими словами называете и в слайдере, того туго доходит ). По этому жду скриншот с примерными набросками, иначе помочь не смогу, так как не пойму что Вы хотите.

Ну, как же так то?

Ну, там вот в спойлере картинка, а под ней уменьшенная копия, которая в рамочке такой, но эта маленькая копия меньше рамки, и в рамке есть пустое место, мне надо, чтобы маленькая копия заполнила полностью эту рамочку

jakal · 14.09.2012, 08:59 **Вверх**

А кажись понял, Вы бы так и сказали что серое это не рисунок,
я просто глянул на большое изображение там часть серая снизу и на миниатюре так же, я подумал что это рисунок такой, потому и прошу указывать стрелочками на рисунке, раз словами уточнить не получается, а то приходится гадать.

Ну так залейте на обменник шаблон в том состоянии что он есть, и мну ссылочку, на локалке гляну. И версию DLE для шаблона укажите.

Safe_Mode · 14.09.2012, 10:57 **Вверх**

http://rghost.ru/40354167

Та серая часть это ж панель этого слайдера.