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

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

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


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


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

Сообщений 901 страница 920 из 1000

901

Jem`
Оооооооооооо, благодарю вааас)))

0

902

неактуально

1) http://s1.uploads.ru/t/HyVsi.png - вид таблицы
2) http://megera.rusff.ru/ ну это тестовик. там примеряюсь)
3) все границы и размеры указала в схеме. будем благодарны

разобралась сама)

Отредактировано xl (Пн, 3 Сен 2012 22:07:51)

0

903

1. Ссылка на форум:
http://storiesofehho.rolka.su/

2. Эскиз таблицы:
http://savepic.su/2423335.png

3. Дополнительные предпочтения:
поля 1 и 4 на место них будут потом поставлены картинки, нажатие на которые открывает всплывающие окна,  которые должны открываться вниз.
всплывающее окно под кнопкой 1 должно быть приблизительно одного размера с полем 2
поля 2 и 3 - там будет текст.  между ними должно быть небольшое (ну совсем небольшое только что было заметно что они находятся на стороне друг от друга) расстояние. соотношение в процентах между полями где-то 70% на 30% соответственно (поле 2 и поле 3), и с учетом небольшого расстояния между ними. и у них должна быть рамка.

и всплывающие окна и поля 2 и 3 должны быть другого фона чем сама форум (какого я правда не знаю) давайте поставим пока #ddadaf ))
высоту всплывающих окон и полей 2 и 3 тоже сказать пока не могу, так как пока не знаю сколько текста понадобиться туда запихнуть.

а еще, можно будет указать где можно будет поменять фон, и размеры полей (в основном выту этих самых полей)

0

904

Здравствуйте.

Ссылка на форум
Ссылка на конкретную статью с таблицей

Подскажите, пожалуйста, можно ли сделать такую таблицу:

http://s1.uploads.ru/t/itwHo.jpg

Цвет верхней колонки (фон категорий):

http://s1.uploads.ru/t/RU7sa.jpg

Цвет линий таблицы (шрифт):

http://s1.uploads.ru/t/0CUxR.jpg

Заранее спасибо.

0

905

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

Подскажите, пожалуйста, можно ли сделать такую таблицу

Цвет в верхних колонках не меняется, центрирование заголовков производится через кнопку в форме ответа - "текст по центру".

Цвет бордеров - в html-верх ставите:

Код:
<style>
#p188 .post-content table td {
  border: 1px solid #895D40!important;
  }
</style>

Отступы не уменьшаюцо  http://i053.radikal.ru/0806/7f/8b80a2497566.gif

Отредактировано Rion Leonheart (Пн, 10 Сен 2012 16:17:21)

+1

906

Alfecats, если еще актуально, можно пояснения покрупнее, а то у меня даже в очках в глазах двоицо Оо

0

907

Rion Leonheart, спасибо за ответ.

:(

Про отступы жалко... Именно они больше всего и не нра ((( Точнее дублирующиеся линии из-за отступов.

Отредактировано Mery_Bos (Чт, 13 Сен 2012 02:22:38)

0

908

Доп вопрос:
А можно сделать разную ширину колонок?
Вот пример:
http://s1.uploads.ru/t/dmgnR.png

Заранее спасибо.

0

909

Mery_Bos, не-а, в таблице постов ширина ячеек задается автоматически Оо

0

910

Для тех, кто потерял мастеров, вы не думали, что не всегда есть возможность выйти в Интернет, и таблицы вам пишут такие же пользователи как и вы, живые, работающие, и с ними может что-то происходить в обычной жизни, потому что они не сидят сутками за компом в ожидании очередного эскиза.  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

Учитывая, что народу отписавшегося тут много, и не факт что всем нужно срочно его таблицу, очередь ведется в порядке стека... (последним пришел, первым ушел).

Самикуша, несмотря на эскиз и пояснения, я не понимаю, что значит

Самикуша написал(а):

за нажатие на каждую кнопку (вроде "новости" или "добро пожаловать") выплывает в ячейку

У меня сразу в уме 2 варианта картины - шесть кнопок, выводящих инфу при нажатии в один общий контейнер. Или 2х2х2. То есть, есть две кнопки, закрепленные за левым/центральным/правым контейнерами, при нажатии меняющие там текст. Дык который в итоге-то?  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

И где контейнер - "информация", так и не нашел на эскизе?

Отредактировано Rion Leonheart (Сб, 15 Сен 2012 19:22:19)

0

911

1) http://savepic.net/3424615.png
2) http://onetwothree.mybb.ru/
3) Ничего необычного я не прошу. Никаких всплывающих окон. Границы таблиц должны быть прозрачными. Светло-серые квадраты и прямоугольники слева и по центру - картинки, справа - блок с ссылками.
Вся эта таблица планировалась располагаться на этом фоне - http://savepic.net/3425639.png
Таблица должна подходить под ширину основного форума, которая равна - 980px. На всякий случай привожу размеры трех блоков, но они должны отделяться друг от друга каким-то расстоянием. Левый блок - 158x224px, центральный блок - 524х229px, правый блок - 195х224px, + весь текст должен быть набран гарнитурой - Arial Narrow. Заголовки 12px, остальной текст + ссылки - 10 (по значению "фонта" получится, что 2 и 1). Еще, хотелось бы, чтоб при наведении картинок в левом блоке они увеличивались, но этот код могу и сама поискать..))
Вроде, все указала. Очень благодарна заранее..

Отредактировано Psychiater12 (Вс, 16 Сен 2012 12:49:46)

0

912

Rion Leonheart
щас объясню))
вот например нажимаете на "добро пожаловать". там выплывает текст. а если на "новости" то в той же ячейке выплывает информация о форуме и т.д. короче две кнопки на ячейку xD

Отредактировано Самикуша (Вс, 16 Сен 2012 10:01:40)

0

913

Самикуша, короче, меня достали эксперименты  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

в html-верх:

Код:
<!-- Style of Announcement -->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#moscow td {text-align: center;}


#menu-topl, #menu-topc, #menu-topr, #menu-botl, #menu-botc, #menu-botr {margin: 0px;}

#menu-topl span, #menu-topc span, #menu-topr span, #menu-botl span, #menu-botc span, #menu-botr span {
display: block;
padding: 2px 5px 2px 5px;
margin: 0px;
width: 70%;
height: 20px;
font-weight: bold;
font-size: 14px;
font-family: 'book antiqua', serif;}

#menu-topl span:hover, #menu-topc span:hover, #menu-topr span:hover, #menu-botl span:hover, #menu-botc span:hover, #menu-botr span:hover {
color: #ffffff;}

#menu-topl .tabactive, #menu-topc .tabactive, #menu-topr .tabactive, #menu-botl .tabactive, #menu-botc .tabactive, #menu-botr .tabactive {
color: #000000;}

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

.submenutextl, .submenutextc, .submenutextr {
display: none;
text-align: center;
height: 200px;
overflow-y: auto;}

#menu-topl span, #menu-topc span, #menu-topr span, #menu-botl span, #menu-botc span, #menu-botr span, .submenutextl, .submenutextc, .submenutextr {
border: 1px inset #BEA168;

    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;}
</style>
<!-- The End -->

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

Код:
<!-- Main Table -->
<table id="moscow" style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="width: 33%;">
<!-- First Insert Table -->
<table style="width: 99%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr><td><center><div id="menu-topl"><span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span></div></center></td></tr>
  <tr><td id="MenuTxTl"><center><div id="submenu"><div id="sm1" class="submenutextl" style="display:block;">

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

</div><div id="sm2" class="submenutextl">

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

</div></center></td></tr>
  <tr><td><center><div id="menu-botl"><span alt="#sm2" style="cursor: pointer;">Новости</span></div></center></td></tr>
 </tbody>
</table>
<!-- The End of First Insert Table -->
</td>
<td style="width: 33%;">
<!-- Second Insert Table -->
<table style="width: 99%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr><td><center><div id="menu-topc"><span alt="#sm3" style="cursor: pointer;">Администрация</span></div></center></td></tr>
  <tr><td id="MenuTxTc"><center><div id="submenu"><div id="sm3" class="submenutextc" style="display:block;">

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

</div><div id="sm4" class="submenutextc">

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

</div></center></td></tr>
  <tr><td><center><div id="menu-botc"><span alt="#sm4" style="cursor: pointer;">Игрок недели</span></div></center></td></tr>
 </tbody>
</table>
<!-- The End of Second Insert Table -->
</td>
<td style="width: 33%;">
<!-- Third Insert Table -->
<table style="width: 99%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr><td><center><div id="menu-topr"><span alt="#sm5" style="cursor: pointer;">Сюжет | Квесты</span></div></center></td></tr>
  <tr><td id="MenuTxTr"><center><div id="submenu"><div id="sm5" class="submenutextr" style="display:block;">

Контент пятой кнопки

</div><div id="sm6" class="submenutextr">

Контент шестой кнопки

</div></center></td></tr>
  <tr><td><center><div id="menu-botr"><span alt="#sm6" style="cursor: pointer;">Баннеры</span></div></center></td></tr>
 </tbody>
</table>
<!-- The End of Third Insert Table -->
</td>
</tr>
</table>
<!-- The End of Main Table -->

В html-низ:

Код:
<!-- Script of Announcement -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxTl div.submenutextl, td.#MenuTxTc div.submenutextc, td.#MenuTxTr div.submenutextr").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxTl div.submenutextl:first, td.#MenuTxTc div.submenutextc:first, td.#MenuTxTr div.submenutextr:first").show();
$("div.#menu-topl span, div.#menu-botl span").click(function() {
    $("div.#menu-topl span, div.#menu-botl span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxTl div.submenutextl").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });

$("div.#menu-topc span, div.#menu-botc span").click(function() {
    $("div.#menu-topc span, div.#menu-botc span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxTc div.submenutextc").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });

$("div.#menu-topr span, div.#menu-botr span").click(function() {
    $("div.#menu-topr span, div.#menu-botr span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxTr div.submenutextr").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
<!-- The End -->

Пора искать короче скрипт, чо-то сильно длинно выходит... http://i053.radikal.ru/0806/7f/8b80a2497566.gif

+2

914

Psychiater12,

в объявление

Код:
<!-- Style -->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Sets of Main Table*/
#tres {width: 962px; height: 240px; background: url(http://savepic.net/3425639.png) transparent -11px -7px no-repeat;}
#tres td {text-align: left; font-family: 'Arial Narrow', serif; vertical-align: top; border: 0px solid #fff!important;}
#tres td div {text-align: center;}
#tres h3 {line-height: 2em; font-size: 12px; text-align: center!important; text-transform: uppercase;}

/*Big Avatars*/
#bigon {width: 43px; height: 43px;}
#bigon:hover {width: 50px; height: 50px;}

/*Color Links*/
.nav {width: 150px;}
.nav a {
  display: block;
  background-color: #341C18;
  text-align: center;
  width: 150px;
  padding: 4px 0 4px 0;
  margin-top: 1px;}
.nav a:hover {
  background-color: transparent;
  text-decoration: underline;}
</style>
<!-- The End -->

<!-- Main Table -->
<table id="tres" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 178px; padding: 8px 0 0 12px;">
<!-- Avatars -->
<div style="width: 158px; height: 224px;">

<h3>Title 1</h3>

<img id="bigon" align="middle" src="link 1"/>
<img id="bigon" align="middle" src="link 2"/>
<img id="bigon" align="middle" src="link 3"/>

<h3>Title 2</h3>

<img id="bigon" align="middle" src="link 4"/>
<img id="bigon" align="middle" src="link 5"/>
<img id="bigon" align="middle" src="link 6"/>

</div>
<!-- The End of Avatars -->
</td>
<td style="width: 532px; padding: 8px 0 0 20px;">
<!-- Insert Table -->
<div style="width: 524px; height: 224px;">

<table style="width: 524px; text-align: justify; text-transform: uppercase; line-height: 0.9em;" cellpadding="4" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>Title 3</h3>

<center><img style="width: 113px; height: 45px;" src="picture 1"/></center>

<br/>

text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1 text 1

</td>
<td style="width: 33%;">

<h3>Title 4</h3>

<center><img style="width: 113px; height: 45px;" src="picture 2"/></center>

<br/>

text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2 text 2

</td>
<td style="width: 33%;">

<h3>Title 5</h3>

<center><img style="width: 113px; height: 45px;" src="picture 3"/></center>

<br/>

text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3 text 3

</td>
</tr>
<tr>
<td colspan="3">
<!-- Invisible Table -->
<table style="width: 100%; text-align: justify;" cellpadding="4" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Title 6</h3>

text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4

text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4 text 4

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

<h3>Title 7</h3>

text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5

text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5 text 5

</td>
</tr>
</table>
<!-- The End -->
</td>
</tr>
</table>

</div>
<!-- The End of Insert Table -->
</td>
<td style="width: 208px; padding: 8px 0 0 12px;">
<!-- Links -->
<div style="width: 195px; height: 224px;">

<h3>Title 8</h3>

<center><div class="nav">
<a href="link 1">Link 1</a>
<a href="link 2">Link 2</a>
<a href="link 3">Link 3</a>
<a href="link 4">Link 4</a>
</div></center>

<h3>Title 9</h3>

<center><div class="nav">
<a href="link 5">Link 5</a>
<a href="link 6">Link 6</a>
</div></center>
<!-- The End of Links -->
</td>
</tr>
</table>
<!-- The End of Main Table -->

+2

915

http://s1.uploads.ru/i/ALHGN.png
Нужна такая таблица, если можно на css и div. Если нет то как обычно! :idea:

Отредактировано Farming (Вс, 16 Сен 2012 15:03:58)

0

916

Farming, размер картинки не подскажете?

И эти закругленные змеиные границы - насколько принципиальны?  :question:

+2

917

Rion Leonheart
Все те размеры что на картинке, они сделаны как мне нужно, проверил 2 раза все ок :cool:
Углы конечно нужны закругленные иначе смотреться не будет. тык

0

918

Farming,

Код:
<style>
#kupo-kupo td {font-family: 'arial narrow', sans-serif; padding: 0 0 0 0!important; margin: 0 0 0 0!important; text-align: center; vertical-align: middle;}
</style>

<table id="kupo-kupo" style="width: 691px; height: 180px; background: transparent url(http://s1.uploads.ru/i/hPSt0.png) 0 0 no-repeat;" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2" style="width: 210px; padding: 2px 0 0 2px!important;">

<img style="width: 200px; height: 163px; border: 2px solid black; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/21640-1311307035.gif"/>

</td>
<td style="width: 472px; height: 145px; vertical-align: top; text-align: left; padding: 0 0 0 7px!important;"><br/>
<div style="width: 97%; height: 115px; overflow-y: auto;">

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

</div>
</td>
</tr>
<tr style="height: 35px;">
<td>

<table style="width: 479px; height: 35px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 284px;">

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

</td>
<td style="width: 195px;">

текст

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

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

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

0

919

Rion Leonheart
Да ты вообще красава, обошел иным путем, спасибо, на счет прокрутки думаю разберемся.

0

920

---

Отредактировано Farming (Вс, 16 Сен 2012 20:03:07)

0


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