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://forumupload.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