Перейти к публикации

Рекомендованные сообщения

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

http://allydark.com/index.php?do=static&page=test

Ссылка на сообщение
Поделиться на других сайтах

Вау какая красивая картинка, такое всё космическое :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

Уменьшите размер карусели под минимальное разрешение монитора. Либо удалив одну ячейку либо уменьшив размеры каждой :)

Ссылка на сообщение
Поделиться на других сайтах

kangalexey, спасибо большое! Так и сделала. Но возникли другие вопросы(( :unsure:

Я хочу вместо таких недострелок -

fe93564a42063ab898fb1e9b9f26.png

стрелки, которые выводит при наведении на область стрелки, тобишь такие -

0c31a63211cbf925049c27034993.png

В скриптах я ничего разобрать не могу(( Помогите пожалуста... где его тут выставить, чтобы всегда были стрелки как на втором рисунке.

Вот код этой карусели --




<style type="text/css" media="all"> 

#lenta {


	display: block;

 width: 800px;


	white-space: nowrap;

	position:relative;

	overflow: hidden;


}

#lenta DIV { position:relative; white-space:nowrap; }

#lenta .left, #lenta .right { position:absolute; background:#000; display:block; height:164px; top:5px; opacity:.4; filter:alpha(opacity=40); }

#lenta .left IMG, #lenta .right IMG { border: none; margin: 40px 5px; } 

#lenta .left { left:0px; text-align:right; }

#lenta .right { right:0px; }

#lenta_in { display:block; position:relative; left:0px; top:5px; }

#lenta IMG {padding:1px; border:0px solid #bfbfbf;}

#lenta A { display: inline-block;  margin: 0px 1px; position: relative; text-decoration: none; }

#lenta A SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; position: absolute;  overflow: hidden; white-space:normal; display:none; padding:3px; width:97px; bottom:0px; left:0px; background:#FFFFFF; font-size: 11px; opacity:.8; filter:alpha(opacity=80); }

#lenta A:hover SPAN {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }

#lenta A SPAN STRONG {left:2px; bottom:2px; font-weight:normal; font-family:tahoma; font-size:10px; color:#000000; display:block; }

</style> 




<center><DIV id="lenta"> 

<script language="javascript" type="text/JavaScript"> 

<!--

	var carPos = 30;

	var t;

	var a;

	var kuda;

	function MoveMePlease(kuda) {

		if (kuda == 1) {

			document.getElementById('mr').style.width = '30px';

			if (carPos >= -984) {

				t=setTimeout("MoveMePlease(1)", 40);

				carPos=carPos-15;

				writer(carPos);

			} else { clearTimeout(t); }

		}

		else if (kuda == 0) {

			document.getElementById('ml').style.width = '30px';

			if (carPos <= -10) {

				a=setTimeout("MoveMePlease(0)", 40);

				carPos=carPos+15;

				writer(carPos);

			} else { clearTimeout(a); }

		}		

	}

	function cleaner() { clearTimeout(a); clearTimeout(t); 

		document.getElementById('mr').style.width = ''; document.getElementById('ml').style.width = ''; 

		}

	function writer(newPos) { document.getElementById('lenta_in').style.left = newPos+'px'; }

	--> 

</SCRIPT> 




	<DIV id="lenta_in"> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №1</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_1.png"  /></a> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №2</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_2.png" /></a> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №1</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_1.png"  /></a> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №2</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_2.png" /></a> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №1</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_1.png"  /></a> 

<a href="*" target="_blank"><SPAN><STRONG>Вестник №2</STRONG></SPAN><img src="http://allydark.com/uploads/vestnik_2.png" /></a> 


	</DIV> 

<DIV onMouseOver="MoveMePlease(1)" onMouseOut="cleaner()" id="mr" class="right"> 

<IMG src="http://ruszona.ru/templates/rus2008/images/move_right.gif" alt="" style="cursor:pointer;" /></DIV> 

<DIV onMouseOver="MoveMePlease(0)" onMouseOut="cleaner()" id="ml" class="left"> 

<IMG src="http://ruszona.ru/templates/rus2008/images/move_left.gif" alt="" style="cursor:pointer;" /></DIV> 

</DIV> </center>





Ссылка на сообщение
Поделиться на других сайтах

Смотрите файлы шаблона, скорее всего это в файлах стилей.

И скопируйте стили для стрелок с hover, в стили стрелок без hover

Хотя нет, стили прописаны прямо внутри вашего шаблона

Ссылка на сообщение
Поделиться на других сайтах

Смотрите файлы шаблона, скорее всего это в файлах стилей.

И скопируйте стили для стрелок с hover, в стили стрелок без hover

Хотя нет, стили прописаны прямо внутри вашего шаблона

Я в стилях относительного этой карусели ничего не добавляла, откуда ему там взяться?

Ссылка на сообщение
Поделиться на других сайтах

kangalexey, ну я то стили вижу, да только не пойму, почему у меня коряво так отображаеться... ни так как тут.

Ссылка на сообщение
Поделиться на других сайтах

Без вас мне не справиться((

Я вообще не вижу никаких горизонтальных полос прокрутки

Ссылка на сообщение
Поделиться на других сайтах

Откройте templates/Portalg/css/style.css

Найдите и удалите:

.left {

	Z-INDEX: 1; BACKGROUND: url(../images/border_02.gif) repeat-y; LEFT: 0px; WIDTH: 5px; POSITION: absolute; TOP: 0px; HEIGHT: 100%

}

.right {

	Z-INDEX: 2; RIGHT: 0px; BACKGROUND: url(../images/border_04.gif) repeat-y right 50%; WIDTH: 5px; POSITION: absolute; TOP: 0px; HEIGHT: 100%

}

Однако, если данные стили используются где-то в вашем шаблоне, то либо переименуйте их у себя в файле классов, либо в файле "карусели"

Ссылка на сообщение
Поделиться на других сайтах

kangalexey, ой Спасибо большое, что потратили на меня время. И еще одно, Где мне запретить видимость названия шаблонов, чтобы тот, кто захочет его простым способом выкачать видел лишь css/style.css, а не templates/Portalg/css/style.css

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...