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

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

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


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


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

Сообщений 201 страница 220 из 1000

1

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

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

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

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

+3

201

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

появляется текст, там написан никнейм, а так же должность.

Можно дописать выделенное синим:

<h3>Администрация:</h3>
<br/>
<div id="imgntn">
<img title="Ник, информация" src="http://s2.uploads.ru/sLQSn.png"/>
<img title="Ник, информация" src="http://s2.uploads.ru/HzraU.jpg"/>
<img title="Ник, информация" src="http://s2.uploads.ru/S1ys2.jpg"/>
<br/><br/><br/><br/>
<h3>Модерация:</h3>
<img title="Ник, информация" src="http://s2.uploads.ru/LlBen.jpg"/>
<img title="Ник, информация" src="http://s3.uploads.ru/Xujg7.jpg"/>
<br/><br/>
<img title="Ник, информация" src="http://s3.uploads.ru/PGjh4.jpg"/>
<img title="Место вакантно" src="ссылка на аватар"/>
<img title="Место вакантно" src="ссылка на аватар"/>
</div>

0

202

сплетня,

в html-верх:

Код:
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/39493.js"></script>

<style type="text/css">
#pun-announcement .container {margin-right: 1.5em;}

#tbdx td {
  text-align: center;
  vertical-align: middle;
  }

#tbdx h3 {
  font-size: 14px;
  font-weight: bold;
  font-family: 'book antiqua', serif;
  margin: 5px 0 5px 0;
  }

#pico img {
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  margin: 0 1px 0 1px;
  }

#indexActive {display: none;}
</style>

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

Код:
<table id="tbdx" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%; vertical-align: top;" rowspan="2">

<h3>Информация</h3>

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

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

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

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

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

<h3>Партнеры</h3>

<center><marquee style="width: 98%; height: 31px;" scrollAmount="2" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="2"> 
Бегущая строка баннеров
</marquee></center>

</td>
<td style="width: 49%;" rowspan="2">

<!-- Cлайдер -->
   <div id="slider2" slide-width="400" slide-height="260" class="slider" style="padding:0;height:0;width:0">

<!-- Две Кнопки слайдера -->
    <img button-width="40" class="button-left hide" src="http://s2.uploads.ru/Ruydt.png"/>
    <img button-width="40" class="button-right" src="http://s2.uploads.ru/d48IE.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

    1-й Контент

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

    2-й Контент

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

    3-й Контент

</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">

    4-й Контент

</div>

   </div><script>$("#slider2").slideF();</script><!--//End Cлайдер -->

</td>
<td style="width: 25%; height: 130px; vertical-align: top;">

<h3>Правящий состав</h3>

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

</td>
</tr>
<tr>
<td style="height: 130px; vertical-align: top;">

<h3>Навигация</h3>

"Банда" ссылок

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

0

203

Rion Leonheart
спасибо большое:з

0

204

1. эскиз:
http://s2.uploads.ru/zqI4l.png

2. форум: тестовик http://beta118.mybb.ru/

3. Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

окна #1, 2, 3 - открывались по нажатии на кнопки над таблицей. у самих окошек с кнопками должна быть возможность вставки изображения. У окон также вставка изображения, но одинакового для всех четырех. Также в таблице со вкладками на каждой мини-страничке необходимо наличие прокрутки.

окно #4 сугубо для колонки новостей, кнопка также находится сверху и возможна вставка изображения.

текст в обоих частях таблицы отцентрован, а сами границы окошек с текстом со сплошной обводкой в 1-2 пикселя.

0

205

1) Эскиз: http://s2.uploads.ru/YDJR7.png
2) Ссылка на форум: http://testdrive.0bb.ru/
3) 6 окошко с прокруткой. При нажатии на 1, 2 текст отображается в окне 6, при нажатии на 3,4,5 - в седьмом. собственно, при нажатии на 5, в 7 должно появится вот такое окошко: http://s3.uploads.ru/jeyE9.jpg
цифры в колонках будут ссылками.
табличка вся без границ.

Отредактировано Strix (Пн, 1 Апр 2013 02:48:37)

0

206

Namiko Roka написал(а):

окно #4 сугубо для колонки новостей, кнопка также находится сверху и возможна вставка изображения.

) Если колонка исключительно для новостей, то №4 - это не кнопка, а заголовок картинкой над окном?
---
Размер кнопачек уточните?)

0

207

Strix,

html-верх:

Код:
<style type="text/css">
/* ---- Стиль таблицы ----*/
#pun-announcement .container {margin-right: 1em; padding-top: 1em;}

#menu-left, #menu-right {margin: 0px;}

#menu-left span, #menu-right span {
display: block;
padding: 5px 3px 10px 3px;
margin: 0px;
width: 100px;
height: 12px;
font: 14px 'georgia', serif;}

#menu-left .tabactive, #menu-right .tabactive {
color: #4c2d29;
font-weight: bold;}

#submenu {
margin: 2px;
padding: 3px;
width: 98%;}

.submenutextleft, .submenutextright {
display: none;
text-align: center;
height: 195px;
margin-top: 4px;}

.submenutextleft {overflow-y: auto;}
</style>

Объявление:

Код:
<!-- Основной скелет -->
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 40%;">
<!-- Первая с двумя вкладками -->
<table style="width: 98%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr><td>

<div id="menu-left">
<!-- Вложенная с кнопками -->
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;"><center><span alt="#sm1" style="cursor: pointer;">Кнопка 1</span></center></td>
<td style="width: 50%;"><center><span alt="#sm2" style="cursor: pointer;">Кнопка 2</span></center></td>
</tr>
</table>
<!-- Конец кнопок -->
</div>

  </td></tr>
  <tr><td id="MenuTxTleft"><div id="submenu">
   <div id="sm1" class="submenutextleft" style="display:block;">

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки Контент первой кнопки 

   </div>
   <div id="sm2" class="submenutextleft" style="display:block;">

Контент второй кнопки (прокрутка появляется автоматически)

   </div>
</td></tr>
 </tbody>
</table>
<!-- Конец первой с двумя вкладками -->
</td>

<td style="width: 60%;">
<!-- Вторая с тремя вкладками -->
<div align="right"><table style="width: 98%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr><td><div id="menu-right">
<!-- Вложенная с кнопками -->
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;"><center><span alt="#sm3" style="cursor: pointer;">Кнопка 3</span></center></td>
<td style="width: 33%;"><center><span alt="#sm4" style="cursor: pointer;">Кнопка 4</span></center></td>
<td style="width: 33%;"><center><span alt="#sm5" style="cursor: pointer;">Кнопка 5</span></center></td>
</tr>
</table>
<!-- Конец кнопок -->
</div></td></tr>
  <tr><td id="MenuTxTright"><div id="submenu">
<div id="sm3" class="submenutextright" style="display:block;">

Контент третьей кнопки

</div>
<div id="sm4" class="submenutextright" style="display:block;">

Контент четвертой кнопки

</div>
<div id="sm5" class="submenutextright" style="display:block;">
<!-- Вложение пятой вкладки - таблица со ссылками -->
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%; height: 70%; text-align: center; vertical-align: middle;">

<a href="link1">1</a>
<br/><br/>
<a href="link2">2</a>
<br/><br/>
<a href="link3">3</a>

</td>
<td style="width: 50%; text-align: center; vertical-align: middle;">

<a href="link4">4</a>
<br/><br/>
<a href="link5">5</a>
<br/><br/>
<a href="link6">6</a>

</td>
</tr>
<tr>
<td colspan="2" style="height: 30%; text-align: center; vertical-align: middle;">

<a href="link7">7</a> <a href="link8">8</a> <a href="link9">9</a> <a href="link10">10</a>

</td>
</tr>
</table>
<!-- Конец вложения -->
</div>
</td></tr>
 </tbody>
</table>
<!-- Конец второй с тремя вкладками -->
</td>
</tr>
</table>
<!-- Конец основного скелета -->

html-низ:

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxTleft div.submenutextleft, td.#MenuTxTright div.submenutextright").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxTleft div.submenutextleft:first, td.#MenuTxTright div.submenutextright:first").show();
$("div.#menu-left span").click(function() {
    $("div.#menu-left span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxTleft div.submenutextleft").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });

$("div.#menu-right span").click(function() {
    $("div.#menu-right span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxTright div.submenutextright").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+2

208

Rion Leonheart
благодарю! именно то, что нужно -)

0

209

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

) Если колонка исключительно для новостей, то №4 - это не кнопка, а заголовок картинкой над окном?

ой, осечка, гомен^^''

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

Размер кнопачек уточните?)

где-то в районе 100*25, пожалуйста :3

0

210

^^
1. Эскиз
http://uploads.ru/H1E4O.png
2. Адрес
http://forummubb.mybb.ru/
3. Дополнительно
Без видимых границ, ширина резиновая (можно же так, нэ?)
И облако, облакоо *-* Но это, как и прокрутки, есть на макете.

Отредактировано Ruben (Пн, 1 Апр 2013 19:21:29)

0

211

http://vasyliy.mybb.ru/
http://s3.uploads.ru/t/yJEhZ.png

Три кнопочки-контейнера (размер их такой же, как в таблице)
   #границы все прозрачные
   #плавное разворачивание
   #выплываюшие окошечки увеличиваются/уменьшаются в зависимости от кол-ва текста в них
заранее спасибо

Отредактировано dj_maximus (Вт, 2 Апр 2013 15:08:54)

0

212

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

PirateMaestro,
обновите объявление:

Спасибо Вам большое :).
P.s. Эх, не могу репутацию прибавить и плюс за пост поставить((.

0

213

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

И облако, облакоо *-*

Здравствуйте.
Что есть облако? Что там должно плавать?)

0

214

Namiko Roka, ну как-то так:

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

<style type="text/css">
#pun-announcement .container {margin-right: 1em;}
#pun-announcement .container table td {text-align: center; vertical-align: top;}

#menu {margin: 0}

#menu span {
  padding: 0;
  margin: 0;
  width: auto
  }

#submenu {
  padding: 3px;
  width: 99%
  }

.submenutext {
  display: none;
  text-align: center;
  padding: 2px;
  height: 196px;
  overflow-y: auto;
  }

.news_bl, .submenutext {background: transparent url(link) center center no-repeat; border: 2px solid #64663F;}
</style>

<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 50%;">

<img src="link"/>

<div class="news_bl" style="padding: 2px; height: 196px; margin-top: 3px;">

текст новостей

</div>
</td>
<td style="width: 50%;">

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
  <tr>
   <td align="center">
    <div id="menu">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;">
<span alt="#sm1" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 33%;">
<span alt="#sm2" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 33%;">
<span alt="#sm3" style="cursor: pointer;"><img src="link"/></span>
</td>
</tr>
</table>

    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

</div>

     <div id="sm2" class="submenutext">

Контент второй кнопки

</div>

     <div id="sm3" class="submenutext">

Контент третьей кнопки

</div>
   </td>
</tr>
</tbody>
</table>

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

Красным - место для ссылки бэкграунда окон;
Синим - места для ссылок кнопачек/заголовка.

+1

215

dj_maximus, вы издеваетесь  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif я только закончил с вашим первым эскизом )))
*пошел переделывать*

+1

216

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

Что есть облако? Что там должно плавать?)

Облако - это скрипт с плавающими ссылками. Его скрипт есть и ссылки сами влепим.

0

217

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

Три кнопочки-контейнера (размер их такой же, как в таблице)

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

Код:
<style type="text/css">
.splLink {width: 185px; height: 116px; border: none; text-align: center;}
.splCont {height: auto; width: 210px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: none; font-size: 12px; font-family: Lucida Sans Unicode, sans-serif; text-align: center;}

.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png"); 
    -webkit-border-radius: 15px;
     -khtml-border-radius: 15px;
       -moz-border-radius: 15px;
         -o-border-radius: 15px;
            border-radius: 15px;}
</style>


<center><table style="width: 90%; margin-left: 1.5em">
<tr>

<td align="center"><DIV><div class=splLink><img src="link"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент первой кнопки

</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="link"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент второй кнопки

</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="link"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент третьей кнопки

</DIV></DIV></td>

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


<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      if(!$(this).hasClass('Active')){
      $('.splLink').removeClass('Active')
      $('.splLink').parent().children('div.splCont').hide('normal');
      $(this).addClass('Active');$(this).parent().children('div.splCont').show('slow');
      }else {$(this).removeClass('Active');$(this).parent().children('div.splCont').hide('normal');}
      return false;
    });
  });
</script>

Я так понимаю, сами кнопки все равно будут картинками? Поставил в каждой - в остальных двух блоках - аналогично:

<td align="center"><DIV><div class=splLink><img src="link"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент первой кнопки

</DIV></DIV></td>

Если все же не картинкой, то вместо выделенного синим - пишите текстом.

0

218

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

dj_maximus, вы издеваетесь   я только закончил с вашим первым эскизом )))

Ксать чобы не елозило по высоте при развертывании на очередных вкладках таблиц, лучше ставить

     <div id="smNN" class="submenutext"><br /><br />
<table width=100% border="0">
    <tr valign=top>

Отредактировано Deff (Вт, 2 Апр 2013 19:42:17)

0

219

Rion Leonheart
благодарю)

0

220

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

Здравствуйте.Что есть облако? Что там должно плавать?)

Ссылки там должны плавать. Облако тегов)

0


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