Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)
- ссылку на форум, куда будете устанавливать, это пробник там еще ничего нет. http://maydans.mybb.ru/
- точную высоту таблицы, 844Х351
- ссылки на готовые фоны таблицы.
1. http://savepic.su/236168.png
2. http://savepic.su/250504.png
ссылки:
http://savepic.su/213640.png
http://savepic.su/220808.png
- примерный размер картинок - те что в верхней части? 220Х62
спасибо большое!
janyst, в html-верх:
<table width="844" height="351" border="0" cellspacing="0" cellpadding="0" bgcolor="#000" style="color: #fff;">
<tr>
<td width="478">
<table width="100%">
<tr height="75">
<td width="195" valign="bottom">
<img border="1" src="ссылка на картинку">
</td>
<td valign="bottom" align="right">
<table width="150" height="18" border="0" cellspacing="0" cellpadding="0" style="background: url(http://savepic.su/220808.png) no-repeat center; margin-right: 30px;">
<tr><td><p align="center">
<a href="ссылка на тему">Ссылка 1</a>
</p></td></tr>
</table>
</td>
</tr>
<tr height="276">
<td style="background: url(http://savepic.su/236168.png) no-repeat top center;" colspan="2" valign="top" align="center">
<table width="406" height="213" cellspacing="0" cellpadding="2" style="margin-top: 13px;">
<tr valign="top">
<td width="67" style="border: 1px #fff solid;">
Содержимое первой колонки
</td>
<td width="93" style="border: 1px #fff solid;">
Содержимое второй колонки
</td>
<td style="border: 1px #fff solid;">
Контент третьей колонки
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="366">
<table width="100%" height="295" border="0" cellspacing="0" style="margin-top: 40px;">
<tr align="left" valign="bottom" height="62"><td>
<img border="1" src="ссылка на картинку">
</td></tr>
<tr height="212"><td style="background: url(http://savepic.su/250504.png) no-repeat center;"><p align="center">
Текст
</p></td></tr>
<tr valign="top"><td style="background: url(http://savepic.su/261825.png) no-repeat center top;"><p align="center">
<a href="ссылка на тему">Ссылка 2</a>
</p></td></tr>
</table>
</td>
</tr>
</table>Отредактировано Rion Leonheart (Пн, 10 Окт 2011 19:30:22)
Rion Leonheart
спасибо, а это она не полностью да?
это она не полностью да?
Вы весь код скопируйте. 
А не только верхнюю часть... там же бегунок прокрутки есть - в п.п. 822 Вы его не заметили?
Отредактировано Rion Leonheart (Пн, 10 Окт 2011 20:03:21)
Доброго времени суток 
Очень понравились работы на вашем форуме 
Хотелось бы заказать табличку и для своего^^
Это мой форум
А нужно что-то примерно воооот такое
В общем, что-то подобное 
Ширина - под форум;
Высота - примерно как на эскизе.
Табличка в объявления.
NyAwKo, здравствуйте.
А нужно что-то примерно
Уточните - кнопка какого типа - всплыв. текст в рамке под каждой кнопкой, или инфо. блок с переменным контентом при нажатии на кнопку?
Уточните - кнопка какого типа - всплыв. текст в рамке под каждой кнопкой, или инфо. блок с переменным контентом при нажатии на кнопку?
Текст на все оставшееся место под кнопками, не в рамки. (Плавная смена текста при нажатии на другую кнопку).
Кнопка просто в виде текста, так же не в рамки.
Подобная таблица есть вот здесь.
скажите как сделать такую таблицу, как тут?
http://monaco-guide.ru/info.html
т.е. что бы картинка, маленькая навигация и пунктир!
Rion Leonheart
ой я извиняюсь )) спасибо большое))
1) 
1,2,3,4 - кнопки, при нажатии на которые содержание блока 6 будет меняться. Хотелось бы, чтобы в 1-4 блоках стояли изображения, которые менялись бы на другие при нажатии. Если возможно.
При нажатии на кнопки 2 и 3 блок 6 должен выглядеть так: 
5 блок - изображение
2) http://darkages.rolevaya.com/
3) ширина таблицы = 740px прошу прощения, просчитался
высота = 400px
размеры изображений 1-4 = 100х50
размер изображения 5 = 300х400
в блоке 6 при нажатии на кнопки 2-4 полоса прокрутки, появляющаяся по мере заполнения.
все "внутренности" вставлю сам, можно даже без указаний что куда, в этом я, к счастью, разбираюсь)
Заранее огромное спасибо!
Отредактировано mr.Fierce (Вт, 11 Окт 2011 20:56:00)
1.
2.
http://akademy.artbb.ru/
3.
Ничего дополнительного не требуется ._.
NyAwKo,
в html-верх:
<style>
#menu span {
padding: 2px 10px 2px;
margin: 5px 0;
width: 100px;
text-decoration: underline;
color: #185918;
font-size: 24px;
font-family: Monotype Corsiva;
font-weight: normal;
}
#menu .tabactive {
color: #45FF45;
}
.submenutext {
display: none;
padding: 10px;
height: 390px;
text-align: center;
font-size: 24px;
font-family: Monotype Corsiva;
font-weight: normal;
width: 90%;
}
</style>В html-низ:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>Сама таблица, что в объявление:
<center><table width="100%" height="420" border="0">
<tr height="30"><td style="font-size: 24px; font-family: Monotype Corsiva; font-weight: normal; color: #45FF45;"><marquee>
Бегущая строка
</marquee>
</td></tr>
<tr><td>
<table style="width: 100%; height: 390px;" border="0">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Полезные ссылки</span>
<span alt=#sm2 "style="cursor: pointer;">Администрация</span>
<span alt=#sm3 "style="cursor: pointer;">Важные сообщения</span>
<span alt=#sm4 "style="cursor: pointer;">Новости</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/>
<p align="center">
Контент 1
</p>
</div>
<div id="sm2" class="submenutext"><br/>
<p align="center">
Контент 2
</p>
</div>
<div id="sm3" class="submenutext"><br/>
<p align="center">
Контент 3
</p>
</div>
<div id="sm4" class="submenutext"><br/>
<p align="center">
Контент 4
</p>
</div>
</div>
</td>
</tr>
</tbody>
</table></td></tr></table></center>mr.Fierce, здравствуйте.
стояли изображения, которые менялись бы на другие при нажатии. Если возможно.
Был уже подобный заказ, но нет. Делаем без этого эффекта?
Martele, здравствуйте.
Примерная высота таблицы 500 пикселей?
Вот эти три границы внутренних - принципиальны?
Отредактировано Rion Leonheart (Ср, 12 Окт 2011 15:50:36)
Rion Leonheart
спасибо вам огромное 
1. 
2. http://slayers.rolebb.ru/
3. Границы прозрачные, в основном тексте - прокрутка;
Заранее спасибо =)
Отредактировано Флор (Ср, 12 Окт 2011 19:07:59)
Флор
<table width="100%" border="0"> <tr align="center"> <td colspan="4"><div style="overflow: scroll; overflow-x: hidden; height: 150px;">Основеной текст</div></td> </tr> <tr align="center"> <td>Ячейка1</td> <td>Ячейка2</td> <td>Ячейка3</td> <td>Ячейка4</td> </tr> <tr align="center"> <td colspan="4">Баннеры</td> </tr> </table>
Делаем без этого эффекта?
Хорошо, можно и без этого))
mr.Fierce,
В html-верх:
<style>
#menu span {
width: 100px;
height: auto;
}
.submenutext {
display: none;
padding: 10px;
height: 350px;
text-align: center;
font-size: 12px;
width: 90%;
}
</style>В объявление:
<center><table width="740" height="400">
<tr height="400">
<td width="300">
<img src="http://forumupload.ru/uploads/0010/5c/49/5-1-f.png">
</td>
<td>
<table width="100%" height="400" border="0">
<tbody>
<tr height="50">
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img width="100" height="50" src="http://savepic.su/307217.jpg"></span>
<span alt=#sm2 "style="cursor: pointer;"><img width="100" height="50" src="http://savepic.su/307217.jpg"></span>
<span alt=#sm3 "style="cursor: pointer;"><img width="100" height="50" src="http://savepic.su/307217.jpg"></span>
<span alt=#sm4 "style="cursor: pointer;"><img width="100" height="50" src="http://savepic.su/307217.jpg"></span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/>
<p align="center">
Контент 1
</p>
</div>
<div id="sm2" class="submenutext"><br/>
<p align="center">
<table width="100%" border="0" height="100%">
<tr>
<td width="50%"><div style="overflow: auto; width: 95%; height: 330px;">
2-1
</div></td>
<td width="50%"><div style="overflow: auto; width: 95%; height: 330px;">
2-2
</div></td>
</tr>
</table>
</p>
</div>
<div id="sm3" class="submenutext"><br/>
<p align="center">
<table width="100%" border="0" height="100%">
<tr>
<td width="50%"><div style="overflow: auto; width: 95%; height: 330px;">
3-1
</div></td>
<td width="50%"><div style="overflow: auto; width: 95%; height: 330px;">
3-2
</div></td>
</tr>
</table>
</p>
</div>
<div id="sm4" class="submenutext"><br/>
<p align="center"><div style="overflow: auto; width: 95%; height: 330px;">
Контент 4
</div></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table></center>Картинки смените на свои) эт так, тест был
В html-низ:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>.justice, здравствуйте.
Плагиатом не занимаемся, заказы без ссылки на форум не рассматриваются. И фраза "как тут" мне вообще не понятна в данном случае. Лучше эскиз с подробностями - где как и что. Или скрин на крайний случай с выделенной частью Оо
Отредактировано Rion Leonheart (Чт, 13 Окт 2011 02:38:44)
1) 
2) typemoon.ru
3) Все контейнеры должны выплывать по клику и желательно вправо (если такое конечно возможно).
Очередность хода сделать отдельно под основной таблицей. Примерно как помещают баннеры под кнопку вниз форума. Т.е там будет кнопочка, нажав на которую будет появляться небольшой список с прокруткой.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (12)