Rion Leonheart
Хорошо)
Таблицы на заказ (12)
Сообщений 881 страница 900 из 1000
Поделиться881Пт, 14 Окт 2011 23:21:24
Поделиться882Пт, 14 Окт 2011 23:56:03
И как, спрашивается, я должен вас искать? Оо
Уупс, извиняюсь :з
Ссылка
Поделиться883Сб, 15 Окт 2011 03:53:06
akita-iny, теперь вижу)
Тогда уточните пару моментов:
- вам высоты таблицы в 360 пикселей хватит?
- це "контейнер 1/5" - это кнопки с всплыв. меню, или с инфо. блоком с переменным контентом?
А то вот с ссылкой на форум с примером незадача:
Вам нужно набрать еще n-ое количество сообщений для просмотра скрытого текста.
Если б не такая секретность, я б не спрашивал 
Отредактировано Rion Leonheart (Сб, 15 Окт 2011 05:20:29)
Поделиться884Сб, 15 Окт 2011 11:44:49
Rion Leonheart
Могу без секретности :з
Ссылку кинула в предыдущем сообщении, поставила чуть меньшее ограничение)
360, вполне.
Ну как вы увидите таблицу на форуме, думаю все будет понятно)
Поделиться885Вс, 16 Окт 2011 21:59:45
Вопрос отпал, спасибо (:
Отредактировано Локаи (Пн, 17 Окт 2011 00:08:48)
Поделиться886Пн, 17 Окт 2011 12:03:54
akita-iny, прошу прощения за задержку. работа иногда приказывает долго жить, и не всегда есть время на ЕТП...
Значит, в html-верх пойдет:
<style>
#menu span {
padding: 8px;
width: 100px;
height: 40px;
text-decoration: none;
color: #67761F;
border: 1px solid #333;
}
#menu .tabactive {
color: #333;
}
.submenutext {
display: none;
padding: 10px;
height: 300px;
text-align: center;
font-size: 11px;
width: 97%;
border: 1px solid #333;
overflow: auto;
}
</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>Само объявление имеет вид:
<table style="border: 1px solid #333;" cellspacing="0" width="100%" height="360">
<tr><td width="75%">
<table width="100%" border="0">
<tbody>
<tr height="30">
<td align="center">
<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>
<span alt=#sm5 "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/><br/>
<div style="font-size: 13px;">Заголовок 1</div>
<br><br>
Контент 1 кнопки
</div>
<div id="sm2" class="submenutext"><br /><br />
<div style="font-size: 13px;">Заголовок 2</div>
<br><br>
Контент 2 кнопки
</div>
<div id="sm3" class="submenutext"><br /><br />
<div style="font-size: 13px;">Заголовок 3</div>
<br><br>
Контент 3 кнопки
</div>
<div id="sm4" class="submenutext"><br /><br />
<div style="font-size: 13px;">Заголовок 4</div>
<br><br>
Контент 4 кнопки
</div>
<div id="sm5" class="submenutext"><br /><br />
<div style="font-size: 13px;">Заголовок 5</div>
<br><br>
Контент 5 кнопки
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td align="center" width="25%">
<img width="100%" height="360" src="http://img0.liveinternet.ru/images/foto/b/3/apps/0/441/441610_sally_j_smith_002.jpg">
</td></tr>
</table>Примечание: названия кнопок - тестовые, картинка - тоже. Смело меняйте на свои. Прокрутка появицо как только содержимое вкладки превысит допустимый лимит. 
Поделиться887Пн, 17 Окт 2011 14:27:08
1) Эскиз вашей будущей таблицы
2) Ссылка на ваш форум
http://78435.rolka.su/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
все рамки пунктирные, текст внутри таблицы который я забыл указать, по середине, картинка для вставки (ниже) размер по усмотрению, шрифт на кнопках "главная, администрация и тэ дэ" чуть больше основного текста в таблице, вроде все указал... ах да... и еще нажатая кнопка чтобы хоть как-то выделялась от остальных... 
Отредактировано Greed Ling (Пн, 17 Окт 2011 14:29:45)
Поделиться888Пн, 17 Окт 2011 15:48:04
Greed Ling, и снова здравствуйте.
Ну давайте поставим на ваш тестовик в html-верх:
<style>
#menu {
width: 140px;
height: 80px;
}
#menu span {
font-size: 14px;
text-align:center;
display:block;
color:#000;
margin-top: 4px;
margin-bottom: 13px;
padding-left: 5px;
padding-right: 5px;
padding-top: 16px;
padding-bottom: 16px;
}
#submenu, #menu span {
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border: 1px dotted #000;
}
#menu .tabactive {
color: #ff0000;
}
.submenutext {
display: none;
padding: 2px;
height: 343px;
text-align: center;
font-size: 12px;
width: 98%;
background: url(http://uploads.ru/i/6/Q/h/6Qhjf.png) no-repeat center;
}
</style>В объявление:
<center><table style="width: 98%;" cellspacing="0" border="0">
<tbody>
<tr>
<td valign="top" width="140">
<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>
<span alt="#sm5" style="cursor: pointer;">Реклама и Партнеры</span>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент первой кнопки
</div>
<div id="sm2" class="submenutext"><br/><br/>
Контент второй кнопки
</div>
<div id="sm3" class="submenutext"><br/><br/>
Контент третьей кнопки
</div>
<div id="sm4" class="submenutext"><br/><br/>
Контент четвертой кнопки
</div>
<div id="sm5" class="submenutext"><br/><br/>
Контент пятой кнопки
</div>
</div>
</td>
</tr>
</tbody>
</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>
Поделиться889Пн, 17 Окт 2011 17:58:01
Очень хочется вот такую таблицу http://uploads.ru/i/E/7/2/E728o.jpg
Желательно, чтобы не было видно границ. Но не принципиально. Хтмл не много знаю, разберусь.
Форум, где будет стоять таблица http://garrvards.magicbb.ru/ Просто главную переделать надо) Сделайте, плиз)
Поделиться890Пн, 17 Окт 2011 18:07:53
прошу прощения за задержку. работа иногда приказывает долго жить, и не всегда есть время на ЕТП...
да ничего :з
Я вам очень благодарна, вы первый человек, который сделал таблицу так как я прошу)
Обязательно поставлю ваш копирайт, скажите?
И Вы отличный мастер!
Мне все очень нравится ^ ^ 
Отредактировано akita-iny (Пн, 17 Окт 2011 18:08:22)
Поделиться891Пн, 17 Окт 2011 18:41:47
Обязательно поставлю ваш копирайт, скажите?
Какие сложности-то) "By Leonheart"
Кэролайн, здравствуйте. Пробуйте:
<table style="width: 775px; height: 325px; background: url(http://upforme.ru/uploads/0009/74/8d/44-1-f.png) center no-repeat;" cellspacing="0" cellpadding="7" border="0"> <tr align="center"><td width="30%" rowspan="2"> Контент первой колонки </td> <td height="180" width="70%" colspan="3"> Контент второй колонки </td></tr> <tr height="45%" align="center"><td width="146"> Контент третьей колонки </td> <td width="121"> Контент четвертой колонки </td> <td width="118"> Контент пятой колонки </td></tr></table>

Отредактировано Rion Leonheart (Пн, 17 Окт 2011 18:48:39)
Поделиться892Пн, 17 Окт 2011 18:44:49
Rion Leonheart
Огромное спасибо!)
Поделиться893Пн, 17 Окт 2011 19:09:43
Rion Leonheart
Спасибо большое *___* 
Поделиться894Пн, 17 Окт 2011 19:41:42
Здравствуйте, можете сделать вот такую вот таблицу http://savepic.su/389041.png во вкладках с 1 по 5 вставляется собственное изображение с надписью вкладки, в окошко ниже чтобы можно было вставить подфоновое изображение. И в этом же окошке чтобы информация менялась при нажатии другой вкладки?
форум http://ghjybrdg.mybb.ru/
Поделиться895Пн, 17 Окт 2011 21:13:00
Какие сложности-то) "By Leonheart"

хм, где-то я вас уже видела, мы общались как-то о:
ну ладно, я не флужу не флужу.
Поделиться896Вт, 18 Окт 2011 02:17:51
Namiko Roka, здравствуйте.
Какая высота таблицы точная?
Размеры изображений кнопок скажите?Зы.
где-то я вас уже видела, мы общались как-то о:
Вы меня ни с кем не путаете?)
+ ко всему, я не только на ЕТП зависаю
Поделиться897Вт, 18 Окт 2011 08:08:01
1) Эскиз вашей будущей таблицы
первая вкладка
Вторая вкладка
третья вкладка
четвертая вкладка
2) Ссылка на ваш форум
http://world7.anihub.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
картинка на фон, границы таблицы пунктирные, выделение открытой вкладки от остальных, прокрутка где указано, границы внутренних окошек невидимы...
если нужно, для вкладки "админы и модеры":
гл. админ:
админы:

модеры:

PS извините что заказываю вторую таблицу подряд, но это для другого форума
Отредактировано Greed Ling (Вт, 18 Окт 2011 08:09:22)
Поделиться898Вт, 18 Окт 2011 10:51:28
извините что заказываю вторую таблицу подряд, но это для другого форума
А я уж было испугался
Тестируем. В html-верх:
<style>
#menu span {
width: 100px;
padding: 15px 15px 15px 15px;
margin: 0 5px 0 0;
height: 60px;
color: #424955;
text-decoration: none;
font-size: 13px;
border: 1px dotted #000;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}
#menu .tabactive {
color: #fff;
border: 1px dotted #000;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}
.submenutext {
display: none;
width: 98%;
height: 360px;
padding: 5px;
text-align: center;
font-size: 12px;
border: 1px dotted #000;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
background: url(http://uploads.ru/i/J/6/Q/J6QGd.png) no-repeat center;
}
</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 style="width: 95%;" border="0">
<tbody>
<tr height="50">
<td align="center">
<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 height="369">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="30%"><font style="font-size: 14px;">Что нового?</font></td>
<td rowspan="2" width="40%"></td>
<td width="30%"><font style="font-size: 14px;">Прогноз погоды</font></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">
Текст 1
</div>
</td>
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">
Текст 2
</div>
</td>
</tr>
</table>
</div>
<div id="sm2" class="submenutext">
<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="30%"><font style="font-size: 14px;">Новичкам</font></td>
<td rowspan="2" width="40%"></td>
<td width="30%"><font style="font-size: 14px;">Игрокам</font></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">
Текст 1
</div>
</td>
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 300px; overflow: auto;">
Текст 2
</div>
</td>
</tr>
</table>
</div>
<div id="sm3" class="submenutext">
<table width="100%" border="0" height="100%">
<tr align="center" valign="top" height="20">
<td width="33%"><font style="font-size: 14px;">Глав. Админ</font></td>
<td width="33%"><font style="font-size: 14px;">Админы</font></td>
<td width="33%"><font style="font-size: 14px;">Модеры</font></td>
</tr>
<tr align="center">
<td valign="top">
<img src="http://uploads.ru/i/H/4/u/H4ux1.png">
</td>
<td>
<div style="width: 100%; height: 300px; overflow: auto;">
<img src="http://uploads.ru/i/0/F/2/0F2AJ.png">
<br/>
<img src="http://uploads.ru/i/U/J/v/UJvBK.png">
</div>
</td>
<td>
<div style="width: 100%; height: 300px; overflow: auto;">
<img src="http://uploads.ru/i/w/6/l/w6l4J.png">
<br/>
<img src="http://uploads.ru/i/I/e/l/IelWs.jpg">
</div>
</td>
</tr>
</table>
</div>
<div id="sm4" class="submenutext">
<table width="100%" border="0" height="100%">
<tr align="center" height="20">
<td width="30%" rowspan="2" style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 330px; overflow: auto;">
Текст
</div>
</td>
<td rowspan="2" width="20%"></td>
<td width="50%" height="160"></td>
</tr>
<tr align="center">
<td style="border: 0px solid #000; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;">
<div style="width: 100%; height: 187px; overflow: auto;">
Баннеры
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table></center>Авики придецо закруглять с помощью ФШ, а так вроде все как просили. 
Отредактировано Rion Leonheart (Вт, 18 Окт 2011 10:59:19)
Поделиться899Вт, 18 Окт 2011 11:14:58
А я уж было испугался
извините что напугал ^ ^"""
Авики придецо закруглять с помощью ФШ, а так вроде все как просили.
все отлично *О* спасибо еще раз :3
поставил бы плюс, да пока сообщений на это право не хватает
Поделиться900Вт, 18 Окт 2011 14:44:57
Rion Leonheart
размеры кнопок: 155*40
высота таблицы: 500
Похожие темы
| Таблицы на заказ (15) | Архив | Вт, 13 Янв 2015 |
| Таблицы на заказ (13) | Корзина | Вс, 26 Фев 2012 |
| Таблицы на заказ (14) | Архив | Пн, 1 Окт 2012 |
| Таблицы на заказ (16) | Архив | Пн, 31 Окт 2016 |
| Таблицы на заказ (10) | Корзина | Чт, 6 Янв 2011 |