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

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

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


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


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

Сообщений 121 страница 140 из 1000

1

Продолжение темы Таблицы на заказ (14).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

121

Кофеман
Очень благодарна. Большое спасибо!

0

122

Да мне именно это и нужно слайдер.
Но мне надо установить в то место где я отметил на картинке.
http://s3.uploads.ru/t/CqodM.png

0

123

(Первая вкладка открыта всегда)
http://s2.uploads.ru/t/K9xRU.jpg
Нужен только полный код таблицы. Заполнить и оформить графикой я уж сам смогу.



*Bur Boni*

<div style="margin-bottom:20px;margin-left:2px;position:absolute;z-index:100;">
сюда таблицу
</div>

Жирным отступы сверху и сбоку. Позиционируйте, а где написано "сюда таблицу" вставляете слайдер.

Отредактировано Северный Ветер (Вс, 24 Фев 2013 23:01:11)

0

124

Северный Ветер
Это не таблица. Это должен быть готовый скрипт меню при клике на Ваши пункты 1, 2, 3.
Я пока такого не встречал.

0

125

Кофеман
Я видел несколько раз, посему и пошел сюда. Чтож, если найду на форуме, вам скрин кину =3

0

126

1) http://savepic.org/2851777.png - Эскиз
2) http://tlkthestorm.rusff.ru/
3) Итак, теперь подробно: хотелось бы пролистывающееся объявление состоящее из двух листов.
Но первый делится на три раздела: Второй раздел самый широкий и в нем еще хотелось бы, чтобы была прокрутка. Последний самый маленький, ну и первый что-то между ними.
Второй лист делится на два раздела: первый поменьше, второй побольше.
В первом будут ссылки, во второй хотела поместить мини-аватары администрации. (желателен бы тоже код, как это сделать)
И еще: хочется чтобы все разделы были со скругленными концами. Ширина объявления примерно 700 пкс, цвет я думаю под тело форума.
Вроде бы все.

0

127

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

Северный ВетерЭто не таблица. Это должен быть готовый скрипт меню при клике на Ваши пункты 1, 2, 3.Я пока такого не встречал.

http://habrahabr.ru/post/169265/
Cократить до Категорий(субкатегории лишние

Отредактировано Deff (Сб, 23 Фев 2013 17:11:40)

0

128

Deff
Спасибо!  Буду пробовать. 

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

Отредактировано Кофеман (Сб, 23 Фев 2013 21:53:20)

0

129

Dessany
Ваша таблица:

В окно HTML-верх

Код:
<!-- стиль таблицы и слайдера в объявлении -->
<style type="text/css">
#slideshow {
 margin:0 auto;
 width:754px;
 height:325px;
 position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:720px;
  height:325px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:700px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:325px;
}

.control {
  display:block;
  width:30px; /* ширина стрелок */
  height:30px; /* высота стрелок */
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top: 148px;
  left:0; /* отодвигаем стрелку влево, чем больше значение, тем левее стрелка */
  background: transparent url(http://savepic.ru/4115181.png) no-repeat 0 0;
}

#rightControl {
  top: 148px;
  right:-2px; /* отодвигаем стрелку вправо, чем больше значение, тем правее стрелка */
  background: transparent url(http://savepic.ru/4116205.png) no-repeat 0 0;
}

#leftControl, #rightControl {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
}

.skrug {
border: 1px solid #A5BCDB;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
</style>

В окно HTМL-низ

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 720;
  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>

В Объявление

Код:
<table cellspacing="0" cellpadding="0" border="0" style="margin-left: -14px!important;">
<tr>
    <td align="center">
<!-- Слайдер -->
<div id="slideshow">
    <div id="slidesContainer">
<!-- Первый слайд -->
	  <div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
    <td align="center" valign="top" style="width: 200px;">
Welcome!<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Здесь будет текст приветствия.
</div>
	</td>
    <td align="center" valign="top" style="width: 350px;">
NEWS<br>
<div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 346px; height: 300px;" class="skrug">
Здесь текст новостей. Прокрутка появится автоматически.
</div>
	</td>
    <td align="center" valign="top" style="width: 150px;">
Партнеры<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
Здесь будут баннеры партнеров
</div>
	</td>
</tr>
</table>
      </div>
<!-- Второй слайд -->
	  <div class="slide">
<table cellspacing="2" cellpadding="2" border="0" style="width: 700px; height: 325px;">
<tr>
    <td align="center" valign="top" style="width: 220px;">
LINKS<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
</div>
	</td>
    <td align="center" valign="top">
ADMINISTRATION<br>
<div class="skrug" style="padding: 1px; width: 99%; height: 300px;">
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
<a href="ссылка на профиль"><img src="адрес картинки аватара" alt="" width="50" height="50" border="0"></a>
</div>
	</td>
</tr>
</table>

      </div>
   </div>
</div>
<!-- END Слайдер -->
	</td>
</tr>
</table>

0

130

Давно жду.... может кто нибудь отзовется?

http://mybb.ru/f/collection/0224.gif
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
Можно мне такую табличку

Табличка

http://s3.uploads.ru/t/wklir.jpg

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
Мой форумик
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Когда наводишь на Кису то там появляется её описание: сколько лет, имя, порода.и.т.п.(просто всплывающее окно текст напишу сама), в Баннеры и Новости в игре прокрутка, Там где Часики вот эти часы:

Часы

http://s3.uploads.ru/t/eUpxR.jpg

, А в самом большом окне вот это изображение

Картинка

http://s3.uploads.ru/t/3j4cD.png

Отредактировано Повелитель ница Кошек Ами (Вс, 24 Фев 2013 22:06:35)

0

131

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

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

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

В качестве примера, что я от вас хочу, поясню под спойлером:

Свернутый текст

Допустим, мне нужна таблица типа:
http://s3.uploads.ru/t/vpQMG.jpg

Что я хочу получить:
● что вставлять в html-верх

Свернутый текст

<style>
.container1 {}
ul.tabs {
}
ul.tabs li {

}

ul.tabs li a {

}

ul.tabs li a:hover {

}   

html ul.tabs li.active  {

html ul.tabs li.active a:hover  {

}

.tab_container1 {

}

.tab_content {

}

.tab_content h2 {

}
</style>

● что - в html-низ

Свернутый текст
Код:
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

● а что - в объявление.

Свернутый текст

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
текст 1
</div>

<div style="display: none;" id="tab2" class="tab_content">
текст 2
</div>

<div style="display: none;" id="tab3" class="tab_content">
текст 3
</div>

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

Без дополнительных настроек.

Так понятнее?

0

132

Северный Ветер написал(а):

Так понятнее?

Понятнее.. Я Вам, кстати, тоже не грубил.
И прошу обратить внимание на первый пост темы - 2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!

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

+1

133

Повелитель ница Кошек Ами
Скрипт часов Вы сами будете вставлять? Вы дали просто картинку, но она статичная.

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

0

134

Кофеман
Скрипт вставлю сама. А если поменять то на свой или какой-то из дизайнов Mybb? Или может другую картинку?

Отредактировано Повелитель ница Кошек Ами (Пн, 25 Фев 2013 19:43:39)

0

135

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

Картинка

http://s2.uploads.ru/t/3fC2L.gif

2) http://vsedlo.rolevaya.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Все на картинке
Хотелось бы побыстрее)))

Отредактировано Виктория Браер (Пн, 25 Фев 2013 22:30:07)

0

136

Кофеман
Хорошо, пусть будет тестовик.
http://tx.mybb.ru/
То, что выдал Дефф, не совсем оно. Нужно, чтобы первая "вкладка" была открыта всегда.

0

137

Кофеман
Вот.
А вы говорите, не бывает.
http://warofgods.anihub.ru/

0

138

Северный Ветер
Посмотрите демку - http://coffeman.0pk.ru/pages/demo_vol_veter
Но суть здесь в другом. Вы даром обиделись, когда я Вам про высоту и писал.
Вот посмотрите как это будет дергатся без фиксированной высоты. все, что ниже этой менюшки - будет прыгать вверх.  - http://coffeman.0pk.ru/pages/demo-veter2

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

Отредактировано Кофеман (Пн, 25 Фев 2013 23:18:42)

0

139

Повелитель ница Кошек Ами
Ваша таблица

В окно HTML-верх

Код:
<style type="text/css">
#part1 {
z-index: 2;
position: absolute;
background: #E5C88B;
border: 2px ridge #680017;
font-size: 10px;
padding: 2px;
visibility: hidden;
margin-top: -5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
}
</style>

В окно HTML-низ

Код:
<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
</script>

В окно Объявление

Код:
<table cellspacing="1" cellpadding="1" border="0" style="width: 872px;">
<tr>
    <td align="center" valign="top" style="width: 200px; height: 350px;">
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
<a href="адрес ссылки">Описание ссылки</a><br>
	</td>
    <td colspan="2" align="center" style="width: 472px;">
<img src="http://s3.uploads.ru/3j4cD.png" alt="" border="0" style="width: 472px;">
	</td>
    <td align="center" valign="top" style="width: 200px;">
Правая колонка верхнего ряда
	</td>
</tr>
<tr>
    <td align="center">
<!-- Киса -->

<a href="" onMouseOver="part1ON()" onMouseOut="part1OFF()"><img src="http://s3.uploads.ru/Ofzxa.png" alt="" border="0"></a>
<div id="part1" style="height: auto; width:200px" onMouseOver="part1ON()" onMouseOut="part1OFF()">
Здесь вводим описание кисы при наведении на картинку.
сколько лет, имя, порода.и.т.п     
      </div>
	</td>
    <td align="center">
	<div align="center" style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 234px; height: 196px;">
Здесь будем вводить новости. Прокрутка появится автоматически.
	</div>
	</td>
    <td align="center">
	<div align="center" style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 234px; height: 196px;">
Здесь будут баннеры. Прокрутка появится автоматически.
	</div>
	</td>
    <td align="center" style="height: 200px;">
<!-- Часики -->
<img src="http://s3.uploads.ru/eUpxR.jpg" alt="" border="0">
	</td>
</tr>
</table>

0

140

Виктория Браер
Ваша таблица

В Объявление

Код:
<center>
<table cellspacing="1" cellpadding="1" border="1" style="width: 98%;">
<tr>
    <td align="center" valign="top" style="width: 33%;">
АДМИНЫ
<div style="overflow-y: auto; overflow-x: hidden; padding: 2px; width: 98%; height: 120px;">
Прокрутка автоматическая для админов
</div>
	</td>
    <td colspan="2" align="center">
<div align="center"><marquee behavior="scroll" direction="left" width="98%" height="40" loop="0" scrollamount="3" scrolldelay="2" style="margin: 5px;" onMouseOver="this.stop()" onMouseOut="this.start()">
Текст бегущей строки пишем здесь
</marquee></div>
<div align="center">
Здесь будут баннеры друзей
</div>
	
	</td>
</tr>
<tr>
    <td align="center" valign="top" style="width: 33%;">
МОДЕРЫ
<div style="overflow-y: auto; overflow-x: hidden; padding: 2px; width: 98%; height: 120px;">
Прокрутка автоматическая для модеров
</div>
	</td>
    <td rowspan="2" align="center" valign="top" style="width: 34%;">
ЛУЧШИЙ ИГРОК МЕСЯЦА
<br><br>
<img src="адрес картинки" alt="картинка" border="0">
	</td>
    <td align="center" valign="top" style="width: 33%; height: 144px;" >
ПОГОДА В ИГРЕ
	</td>
</tr>
<tr>
    <td align="center" valign="top">
ИГРОКИ
<div style="overflow-y: auto; overflow-x: hidden; padding: 2px; width: 98%; height: 120px;">
Прокрутка автоматическая для игроков
</div>
	</td>
    <td align="center" valign="top" style="height: 144px;">
СОБЫТИЯ В ИГРЕ
	</td>
</tr>
</table>
</center>

0


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