Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)


Таблицы на заказ (13)

Сообщений 701 страница 720 из 1000

701

Rion Leonheart вот спасибо вам чудесный  :love:

0

702

Lindetta,
1. есть смысл делать - на тестовике стоит то же самое, только картинка слева.
2. "700х300" если вставить такую картинку - таблица уйдет вправо далеко от тела форума.

0

703

mio.o, картинки на стрелачки - где?  :glasses:

0

704

ммихаилл написал(а):

Я писал в html низ будет стоять

Кофеман написал(а):

При заказе таблиц от вас требуется:
2) Ссылка на ваш форум
!Заказы без ссылок приниматься не будут!

:dontknow:

Код:
<center><table style="width: 925px; height: 252px;" border="1" cellpadding="0" cellspacing="0">
<tr height="126">
<td width="150" align="center">

реклама

</td>
<td width="625" align="center">

текст

</td>
<td width="150" align="center">

реклама

</td>
</tr>
<tr height="126">
<td width="150" align="center">

<img src="ссылка на пикчу" style="margin: 0 0 -2px 0;">

</td>
<td width="625" align="center">

рейтинг и счетчики

</td>
<td width="150" align="center">

<img src="ссылка на пикчу" style="margin: 0 0 -2px 0;">

</td>
</tr>
</table></center>

Отредактировано Rion Leonheart (Вс, 29 Янв 2012 23:46:37)

0

705

Mystery_Lav написал(а):

Я, надеюсь, Вы делаете таблички с переключателями?

Мне уже самому интересно - какие таблицы я НЕ делаю  :D

Mystery_Lav написал(а):

Структура таблицы:

желаемая высота одного слайда?  :glasses:

0

706

Rion Leonheart
:glasses: Нун поискать слайдеры простые и симпатичные, тут гдет сегодня правил ...
Вот простенький

В Объявление:

Код:
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:263px;
background:transparent url(http://uploads.ru/i/H/l/O/HlOZA.jpg) no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:263px;
}
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://uploads.ru/i/M/Y/u/MYu8W.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://uploads.ru/i/D/z/Q/DzQ6a.jpg) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
</style>
<div id="slideshow" style="color:#fff;">
    <div id="slidesContainer">
      <div class="slide">
Первый
      </div>
<div class="slide">
Второй
      </div>
<div class="slide" style="background-image: url(http://uploads.ru/i/g/f/p/gfpLE.jpg);">
Третий
      </div>
<div class="slide">
Четвертый
      </div>
<div class="slide" style="background-image: url(http://uploads.ru/i/d/f/4/df4wX.jpg);">
Пятый
      </div>
</div></div><!--End// Cлайдер-->

В HTML низ

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

Отредактировано Deff (Чт, 1 Мар 2012 21:48:17)

+1

707

Deff, эт который у морального крыса стоит, чо ли  ^^
кстать, не ахти) стрелачки огроменные)))))
у мну этих слайдеров уже кучка... видеть не могу  :canthearyou: делать не люблю - нудные

Отредактировано Rion Leonheart (Пн, 30 Янв 2012 00:24:19)

0

708

Rion Leonheart
Спасибо, прикольная таблица получилась)))

0

709

Rion Leonheart написал(а):

Мне уже самому интересно - какие таблицы я НЕ делаю

Ну так зато Вы на все руки мастер)) Можете собой гордится)  :rolleyes:

Rion Leonheart написал(а):

желаемая высота одного слайда?

Давайте такую же высоту, как на эскизе Дэфа) Думаю, будет как раз нормально  :yep:

0

710

Rion Leonheart написал(а):

картинки на стрелачки - где?

ой  :flirt:
влево
вправо

0

711

самую простую таблицу из трех колонок прозрачных. спасибо заранее!

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.) - обязательно!
http://savepic.su/1265069.htm
2) Ссылка на ваш форум
http://time.hutt.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
Так, попытаюсь объяснить. Прокрутка - один раз, во втором прокручивающемся окне тоже две колонки, и выпадает стрелка назад. Прозрачные колонки, размер шрифта и цвета ссылок - как на всем форуме. Спасибо.
http://savepic.su/1268141m.png
http://savepic.su/1269165m.png

Отредактировано 00.01 (Вт, 31 Янв 2012 04:45:57)

0

712

1)Форум http://envyofthegods.nc-21.ru/
Не работают всплывающие окна.
Вот код всей таблицы. При нажатие на кнопку "Администрация" ничего не происходит

Код:
<!--============== Начало Таблички =========== -->
<style>
#TBL_01 {
  width:655px;
  height:312px;
  background-image: url(http://savepic.net/240875.png);
  background-position: left top;
  background-repeat:no-repeat;
}

.span {
   position: absolute;
   width:143px;
   heiht:1px;
   /*border: 1px #fff solid!important;*/
   position: relative;
   z-index: 12;
   
}

	/* Стиль всплывающего меню */
.spll {width: 128px!important;
}
.spll div .splCont {
   position: absolute;
   z-index: 12;
   width:150px;
   height: auto;

   padding: 0px 12px 12px 12px!important; 
   font-size: 10px;
   height: auto;
   background: #959598;
   z-index: 20;
   border: 3px solid #312E2E;
   font-size: 12px;
   font-family: Lucida Sans Unicode;
   color:#CECFD0!important;
   text-align: left;
}
	 /* Прозрачка в Всплывающем меню */
.spll div .splCont {background-color: transparent !important;background: url(http://savepic.net/215221.png)!important; /* */
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:-4px 5px 14px #365258;
    -webkit-box-shadow:-4px 5px 14px #365258;
    -khtml-box-shadow:-4px 5px 14px #365258;
    -moz-box-shadow:0px 5px 14px #365258;
}/* Конец Стиля всплывающего меню */
</style>
<center>
	<table  cols="3" rows="2" cellspacing="0" cellpadding="0" align="center" valign="center" id="TBL_01" border="0"  style="font-size:11px;" >
	<tr>
	  <td  cellspacing="0" cellpadding="0" colspan="3" valign="bottom" style="height:58px;/*border:1px #fff solid!important; */">
<!-- &&&Кнопки -->
	<table  cellspacing="0" cellpadding="0">
  	  <tr>
	    <td cellpadding="0"><!-- Кнопка 1 -->
    <div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/114-1.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<!-- Кнопка 1 Администрация == Начало Заполнения пункта -->

    <p>
    <p>&nbsp;</p>
    <p><a href=" http://envyofthegods.nc-21.ru/profile.php?id=2 ">.Night Crawler </a></p>
    <p><a href=" http://envyofthegods.nc-21.ru/profile.php?id=3 "> Nikki Kush </a></p>
    <p></p>
    <p></p>
    <p>&nbsp;</p>

<!--ХХ Конец Заполнения пункта -->
    <p></p></DIV></DIV>
</div> 
	    </td>
	    <td cellpadding="0"><!-- Кнопка 2 -->
    <div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-3.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<!-- Кнопка 2 Важные ссылки == Начало Заполнения пункта -->
    <p>
<p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=2#p2">.Шаблон Анкеты</a></p>
    <p><a href=" http://envyofthegods.nc-21.ru/viewforum.php?id=4">. Главная Библиотека Эдена(ака всё о нас)</a></p>
    <p><a href=" http://envyofthegods.nc-21.ru/viewforum.php?id=8">.Акции</a></p>

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div>
	    </td>
	    <td cellpadding="0"><!-- Кнопка 3 -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-2.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<!-- Кнопка 3 Партнёры == Начало Заполнения пункта -->

      <p>&nbsp; </p>
      <p>Дабы стать нашими партнёрами, вашему ресурсу необходимо иметь как минимум 100 сообщений и 10 зарегистрированных пользователей из которых минимум 3 будет онлайн ежедневно.</p>
      <p>&nbsp;</p>
   

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div>
	    </td>
	    <td cellpadding="0"><!-- Кнопка 4 -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-1.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<!-- Кнопка 4 Реклама == Начало Заполнения пункта -->

Реклама осуществляется следующим образом:
<br>Ник - ~Реклама~
<br>Пароль - 1234
<br>Реклама исключительно взаимная.

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div>

	    </td>
	    <td cellpadding="0"><!-- Кнопка 5 -->
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-4.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<!-- Кнопка 5 Наши Акции == Начало Заполнения пункта -->

      <p>&nbsp; </p>
         <p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=5 ">. Акция vol.1 Бонжорно, Сеньорита </a></p>
      <p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=6 ">. Акция vol.2 Сила есть,ума не надо </a></p>


<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div>
	    </td>
  	  </tr>
	</table>
<!-- &&&Конец Кнопок всплывающего меню -->
	  </td>
	</tr>
	<tr valign="top">
	  <td  valign="bottom" align="right" style="width:227px; /*border:1px #fff solid;*/">
     <div id="tryam" align="left"  style="width:227px; /*border:1px #fff solid;*/padding: 14px 17px 14px 27px; margin: 16px 0px 20px 0px; width:163px; height: 147px; overflow-y: auto;  overflow-x: hidden;" >
<!-- Новости: == Начало Заполнения пункта -->

<p><strong>Новости:</strong></p>
    <p>&nbsp;</p>
   <p>• Говорят, что умение прощать - свойство сильных. Ну да ладно. </p>
    <p>• Во всю идёт работа по написанию квестов, созданию артефактов и игрового магазина. <3</p>
    <p>•Так же скоро будет создаваться игровой магазин. Бугагашеньки.</p>


<!--ХХ Конец Заполнения пункта -->
   </div>
	  </td>
	  <td  align="center" style="width:203px;padding: 0;/*border:1px #fff solid!important;*/">
<!-- Центр Таблицы == Начало Заполнения пункта -->
<img src="http://savepic.net/208085.png" style="width: 180px; height:195px" border="0" /><!--Прозрачка для не сжатия колонки -->
<!--ХХ Конец Заполнения пункта -->
	  </td>
	  <td  valign="bottom" align="left" style=" /*border:1px #fff solid;*/">
     <div id="tryam" align="left""  style="/*background: #050505;border:1px #fff solid;*/padding: 14px 17px 14px 27px; margin: 16px -2px 23px 2px; width:161px; height:135px; overflow-y: auto;  overflow-x: hidden;" >
<!-- Игровые новости: == Начало Заполнения пункта -->

      <p><strong>Игровые новости:</strong></p>
    <p>&nbsp;</p>
<p>• Совсем скоро мы откроемся. </p>

     


<!--ХХ Конец Заполнения пункта -->
   </div>

	  </td>
	</tr>
	</table></center>
<!--============== Конец Таблички =========== -->

0

713

1) http://uploads.ru/i/1/D/V/1DVqm.png
2) http://alexqwer.mybb.ru/
3)"новости"и т.д сделать кнопками контейнеров, чтобы при нажатии на соответствующую кнопку высвечивалась нужная информация в окне "Содержание контейнеров". Сделать прокрутку "главная" и "сюжет"
эта картинка должна стоять справа, как указано на макете. http://uploads.ru/i/h/6/p/h6pZE.png
простите, в макете один недочет. В контейнере "администрация" прокрутка.

Отредактировано alinesa (Вт, 31 Янв 2012 03:26:36)

0

714

Firepwnz, а чо вы от нее хотите - зоны кликабельные не прописаны, спойлера, открывающего контейнеры нет.  :glasses: Обновите:

Код:
<!--============== Начало Таблички =========== -->
<style>
#TBL_01 {
  width:655px;
  height:312px;
  background-image: url(http://savepic.net/240875.png);
  background-position: left top;
  background-repeat:no-repeat;}

.span {
   position: absolute;
   width:143px;
   heiht:1px;
   position: relative;
   z-index: 12;}

/* Стиль всплывающего меню */

.splLink {width: 122px; height: 27px; text-align: center;}

.splCont {
   position: absolute;
   z-index: 12;
   width:150px;
   height: auto;

   padding: 0px 12px 12px 12px!important; 
   font-size: 10px;
   height: auto;
   background: #959598;
   z-index: 20;
   border: 3px solid #312E2E;
   font-size: 12px;
   font-family: Lucida Sans Unicode;
   color:#CECFD0!important;
   text-align: left;

 /* Прозрачка в Всплывающем меню */

    background-color: transparent!important;
    background-image: url(http://savepic.net/215221.png)!important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:-4px 5px 14px #365258;
    -webkit-box-shadow:-4px 5px 14px #365258;
    -khtml-box-shadow:-4px 5px 14px #365258;
    -moz-box-shadow:0px 5px 14px #365258;}
</style>
<center>
	<table cellspacing="0" cellpadding="0" id="TBL_01" border="0" style="font-size:11px;">
	<tr>
	  <td colspan="3" valign="bottom" align="center" style="height: 58px;">
<!-- &&&Кнопки -->
	<table cellspacing="0" cellpadding="0" width="90%">
  	  <tr>
	    <td>
<!-- Кнопка 1 -->

<div><DIV><div class=splLink><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/114-1.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<!-- Кнопка 1 Администрация -->

    <p>
    <p>&nbsp;</p>
    <p><a href="http://envyofthegods.nc-21.ru/profile.php?id=2">.Night Crawler </a></p>
    <p><a href="http://envyofthegods.nc-21.ru/profile.php?id=3"> Nikki Kush </a></p>
    <p></p>
    <p></p>
    <p>&nbsp;</p>

<!-- Конец Заполнения пункта -->
    </DIV></DIV>
	    </td>
	    <td>
<!-- Кнопка 2 -->

<DIV><div class=splLink><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-3.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<!-- Кнопка 2 Важные ссылки -->

    <p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=2#p2">.Шаблон Анкеты</a></p>
    <p><a href=" http://envyofthegods.nc-21.ru/viewforum.php?id=4">. Главная Библиотека Эдена(ака всё о нас)</a></p>
    <p><a href=" http://envyofthegods.nc-21.ru/viewforum.php?id=8">.Акции</a></p>

<!-- Конец Заполнения пункта -->
</DIV></DIV>
	    </td>
	    <td>
<!-- Кнопка 3 -->

<DIV><div class=splLink><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-2.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<!-- Кнопка 3 Партнёры -->

      <p>&nbsp; </p>
      <p>Дабы стать нашими партнёрами, вашему ресурсу необходимо иметь как минимум 100 сообщений и 10 зарегистрированных пользователей из которых минимум 3 будет онлайн ежедневно.</p>
      <p>&nbsp;</p>
   
<!-- Конец Заполнения пункта -->
</DIV></DIV>
	    </td>
	    <td>

<!-- Кнопка 4 -->
<DIV><div class=splLink><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-1.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<!-- Кнопка 4 Реклама -->

Реклама осуществляется следующим образом:
<br>Ник - ~Реклама~
<br>Пароль - 1234
<br>Реклама исключительно взаимная.

<!-- Конец Заполнения пункта -->
</DIV></DIV>

	    </td>
	    <td>

<!-- Кнопка 5 -->
<DIV><div class=splLink><img src="http://dynastworks.mybb.ru/uploads/000b/f0/f6/113-4.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<!-- Кнопка 5 Наши Акции -->

      <p>&nbsp; </p>
         <p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=5 ">. Акция vol.1 Бонжорно, Сеньорита </a></p>
      <p><a href=" http://envyofthegods.nc-21.ru/viewtopic.php?id=6 ">. Акция vol.2 Сила есть,ума не надо </a></p>

<!-- Конец Заполнения пункта -->
</DIV></DIV>
	    </td>
  	  </tr>
	</table>
<!-- &&&Конец Кнопок всплывающего меню -->
	  </td>
	</tr>
	<tr valign="top">
	  <td valign="bottom" align="right" style="width: 227px;">
     <div id="tryam" align="left" style="width: 227px; padding: 14px 17px 14px 27px; margin: 16px 0px 20px 0px; width:163px; height: 147px; overflow-y: auto;  overflow-x: hidden;">
<!-- Новости: == Начало Заполнения пункта -->

<p><strong>Новости:</strong></p>
    <p>&nbsp;</p>
   <p>• Говорят, что умение прощать - свойство сильных. Ну да ладно. </p>
    <p>• Во всю идёт работа по написанию квестов, созданию артефактов и игрового магазина. <3</p>
    <p>•Так же скоро будет создаваться игровой магазин. Бугагашеньки.</p>

<!--ХХ Конец Заполнения пункта -->
   </div>
	  </td>
	  <td align="center" style="width: 203px; padding: 0;">
<!-- Центр Таблицы == Начало Заполнения пункта -->
<img src="http://savepic.net/208085.png" style="width: 180px; height:195px" border="0"><!--Прозрачка для не сжатия колонки -->
<!--ХХ Конец Заполнения пункта -->
	  </td>
	  <td  valign="bottom" align="left">
     <div id="tryam" align="left" style="padding: 14px 17px 14px 27px; margin: 16px -2px 23px 2px; width:161px; height:135px; overflow-y: auto; overflow-x: hidden;">
<!-- Игровые новости: == Начало Заполнения пункта -->

      <p><strong>Игровые новости:</strong></p>
    <p>&nbsp;</p>
<p>• Совсем скоро мы откроемся. </p>

<!--ХХ Конец Заполнения пункта -->
   </div>
	  </td>
	</tr>
	</table></center>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<!-- ============== Конец Таблички =========== -->

0

715

Mystery_Lav написал(а):

Давайте такую же высоту, как на эскизе Дэфа)

:D А где вы эскиз в коде разглядели?)))

Mystery_Lav написал(а):

Ну так зато Вы на все руки мастер))

:nope: врете вы все)

Конец второго окна стиля:

Код:
/* SlideShow */
#slideshow {
	margin:0 auto;
	width:400px;
	height: 260px;
	position:relative;
        line-height: 10px;
        border: 1px solid #ff0000;}

#slideshow #slidesContainer {
  margin:0 auto;
  width: 400px;
  height: 260px;
  overflow: auto;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 380px; 
  height: 260px;
  text-align: center;}

.control {
  display:block;
  width: 150px;
  height: 153px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;}

#leftControl {
  top: 50px;
  left: -160px;
  background: transparent url(http://savepic.net/2427184m.png) no-repeat 0 0;}

#rightControl {
  top: 50px;
  right: -160px;
  background: transparent url(http://savepic.net/2465057m.png) no-repeat 0 0;}

Html-низ:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 400;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

Объявление:

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>     
      
<div id="pageContainer">
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
     
<div class="slide"><div style="width: 100%; height: 260px; overflow: auto;">

<img src="http://savepic.net/2440481m.png">

<p>Текст Третьего слайда</p>

      </div></div>
      
     <div class="slide"><div style="width: 100%; height: 260px; overflow: auto;">

<img src="http://savepic.net/2433313.png">

<p>Текст Второго слайда</p>

      </div></div>

<div class="slide"><div style="width: 100%; height: 260px; overflow: auto;">

<img src="http://savepic.net/2442529m.png">

<p>Текст Первого слайда</p>

</div></div>
      </div>
    </div>
  </div>

ЗЫ. Зеркало - оно Еиналеж, от слова Желание. А у вас Желанеи получилось  :glasses: вернее, у вашего дезигнёра

Отредактировано Rion Leonheart (Вт, 31 Янв 2012 21:26:55)

0

716

Deff, кстать - по поводу слайдера -  :flag: - вот там где написано - поддержка прокрутки - она не работает - потому шо в скрипте скрыта - по ходу полностью. Потому шо када контент превышает размеры, прокрутка не появляется, но текста за лимитами слайда не видно - т.е. она есть, ток ползунка не видать. Мож мона из скрипта кусок выкинуть? А то вручную прописывать постоянно тоже как-то не айс?  :question: Если нун скрины, мну позже выложит  ^^

Отредактировано Rion Leonheart (Вт, 31 Янв 2012 14:58:29)

0

717

Rion Leonheart
Большое вам спасибо. Всё работает

0

718

mio.o,

конец второго окна стиля:

Код:
/* SlideShow */
#slideshow {
	margin:0 auto;
	width:700px;
	height: 200px;
	position:relative;
        line-height: 10px;
        border: 0px solid #ff0000;}

#slideshow #slidesContainer {
  margin:0 auto;
  width: 700px;
  height: 200px;
  overflow:auto;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:680px; 
  height:200px;}

.control {
  display:block;
  width: 41px;
  height: 40px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}

#leftControl {
  top: 75px;
  left: -50px;
  background: transparent url(http://savepic.net/2478462.png) no-repeat 0 0;}

#rightControl {
  top: 75px;
  right: -50px;
  background: transparent url(http://savepic.net/2471294.png) no-repeat 0 0;}

Html-низ:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 700;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

Объявление:

Код:
<div id="pageContainer">
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
      
     <div class="slide">

<table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">

<tr>
<td style="width:50%; border: 1px solid #999;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width:50%; border: 1px solid #999;" align="center" valign="top">

текст текст текст

</td>
</tr>

</table>

      </div>

<div class="slide">

<table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">

<tr>
<td style="width:70%; border: 1px solid #999;" align="center" valign="top">

много много текста

</td>
<td style="width:30%; border: 1px solid #999;" align="center"><div style="width: 100%; height: 198px; overflow: auto;">

неясно что

</div></td>
</tr>

</table>
      </div>
    </div>
  </div>
</div>
  <!-- Slideshow HTML -->

Отредактировано Rion Leonheart (Вт, 31 Янв 2012 21:27:49)

0

719

Rion Leonheart
Ещё один вопросик по поводу таблицы. В пунктах "Администрация","Важные ссылки" и "Наши акции" при открытие спойлера всё что там написано отображается фиолетовым цветом, и просто невозможно смотреть, а вот "партнерство" и "реклама" белым. Можно как-то сделать чтоб 3 пункта (адм, ссылки и акции) при открытии их текст отображался тоже белым цветом

0

720

00.01,

конец второго окна стиля:

Код:
/* SlideShow */
#slideshow {
	margin:0 auto;
	width: 650px;
	height: 200px;
	position: relative;
        line-height: 10px;
        border: 0px solid #ff0000;}

#slideshow #slidesContainer {
  margin: 0 auto;
  width: 650px;
  height: 200px;
  overflow: auto;
  position: relative;}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 630px; 
  height: 200px;}

.control {
  display: block;
  width: 32px;
  height: 46px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;}

#leftControl {
  top: 77px;
  left: -70px;
  background: transparent url(http://savepic.su/1269165m.png) no-repeat 0 0;}

#rightControl {
  top: 77px;
  right: -70px;
  background: transparent url(http://savepic.su/1268141m.png) no-repeat 0 0;}

html-низ:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 650;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

Объявление:
     

Код:
<div id="pageContainer">
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
      
     <div class="slide">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="top"> 

2-1 

</td>
<td style="width: 50%;" align="center" valign="top"> 

2-2 

</td>
</tr>

</table></div>

<div class="slide">

<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">

<tr>
<td style="width: 50%;" align="center" valign="top"> 

1-1 

</td>
<td style="width: 50%;" align="center" valign="top"> 

1-2 

</td>
</tr>

</table>

</div>
    </div>
  </div>
 </div>
  <!-- Slideshow HTML -->

Отредактировано Rion Leonheart (Вт, 31 Янв 2012 21:28:30)

0


Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)