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

Страница: « 1 … 34 35 36 37 38 … 50 »

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

Поделиться701Вс, 29 Янв 2012 20:16:24

Автор: Фадя
Заслуженный
Зарегистрирован: Пт, 20 Янв 2012
Сообщений: 35
Уважение: 0
Позитив: +2
Последний визит:
Пт, 13 Апр 2012 16:18:53

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

Поделиться702Вс, 29 Янв 2012 23:24:59

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Поделиться703Вс, 29 Янв 2012 23:29:41

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Поделиться704Вс, 29 Янв 2012 23:45:55

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

Я писал в 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)

Поделиться705Вс, 29 Янв 2012 23:48:39

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

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

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

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

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

Поделиться706Пн, 30 Янв 2012 00:04:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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)

Поделиться707Пн, 30 Янв 2012 00:18:35

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

Поделиться708Пн, 30 Янв 2012 09:44:57

Автор: ммихаилл
Заслуженный
Зарегистрирован: Сб, 21 Янв 2012
Сообщений: 179
Уважение: -3
Позитив: +38
Пол: Мужской
Последний визит:
Пн, 10 Дек 2012 16:48:43

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

Поделиться709Пн, 30 Янв 2012 12:36:49

Автор: Mystery_Lav
Заслуженный
Зарегистрирован: Вс, 27 Ноя 2011
Сообщений: 25
Уважение: 0
Позитив: +3
Последний визит:
Ср, 24 Июн 2015 11:34:57

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

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

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

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

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

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

Поделиться710Пн, 30 Янв 2012 19:47:24

Автор: mio.o
Стремящийся
Зарегистрирован: Вс, 29 Янв 2012
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Ср, 30 Май 2012 19:54:09

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

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

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

Поделиться711Пн, 30 Янв 2012 22:18:18

Автор: 00.01
Заслуженный
Зарегистрирован: Пн, 30 Янв 2012
Сообщений: 17
Уважение: 0
Позитив: +1
Последний визит:
Пн, 2 Апр 2012 18:32:15

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

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)

Поделиться712Пн, 30 Янв 2012 23:47:31

Автор: Firepwnz
Заслуженный
Зарегистрирован: Вт, 17 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: 0
Последний визит:
Чт, 23 Фев 2012 12:12:24

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://forumupload.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://forumupload.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://forumupload.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://forumupload.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://forumupload.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>
<!--============== Конец Таблички =========== -->

Поделиться713Вт, 31 Янв 2012 01:14:24

Автор: alinesa
Заслуженный
Зарегистрирован: Пн, 30 Янв 2012
Сообщений: 9
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Ср, 9 Май 2012 16:29:06

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

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

Поделиться714Вт, 31 Янв 2012 14:02:23

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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://forumupload.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://forumupload.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://forumupload.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://forumupload.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://forumupload.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>
<!-- ============== Конец Таблички =========== -->

Поделиться715Вт, 31 Янв 2012 14:52:03

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

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

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)

Поделиться716Вт, 31 Янв 2012 14:57:24

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

Поделиться717Вт, 31 Янв 2012 15:07:08

Автор: Firepwnz
Заслуженный
Зарегистрирован: Вт, 17 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: 0
Последний визит:
Чт, 23 Фев 2012 12:12:24

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

Поделиться718Вт, 31 Янв 2012 15:22:32

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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)

Поделиться719Вт, 31 Янв 2012 15:40:57

Автор: Firepwnz
Заслуженный
Зарегистрирован: Вт, 17 Янв 2012
Сообщений: 26
Уважение: 0
Позитив: 0
Последний визит:
Чт, 23 Фев 2012 12:12:24

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

Поделиться720Вт, 31 Янв 2012 15:42:59

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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)

Страница: « 1 … 34 35 36 37 38 … 50 »

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться701Вс, 29 Янв 2012 20:16:24

Поделиться702Вс, 29 Янв 2012 23:24:59

Поделиться703Вс, 29 Янв 2012 23:29:41

Поделиться704Вс, 29 Янв 2012 23:45:55

Поделиться705Вс, 29 Янв 2012 23:48:39

Поделиться706Пн, 30 Янв 2012 00:04:10

Поделиться707Пн, 30 Янв 2012 00:18:35

Поделиться708Пн, 30 Янв 2012 09:44:57

Поделиться709Пн, 30 Янв 2012 12:36:49

Поделиться710Пн, 30 Янв 2012 19:47:24

Поделиться711Пн, 30 Янв 2012 22:18:18

Поделиться712Пн, 30 Янв 2012 23:47:31

Поделиться713Вт, 31 Янв 2012 01:14:24

Поделиться714Вт, 31 Янв 2012 14:02:23

Поделиться715Вт, 31 Янв 2012 14:52:03

Поделиться716Вт, 31 Янв 2012 14:57:24

Поделиться717Вт, 31 Янв 2012 15:07:08

Поделиться718Вт, 31 Янв 2012 15:22:32

Поделиться719Вт, 31 Янв 2012 15:40:57

Поделиться720Вт, 31 Янв 2012 15:42:59