Jem`
Оооооооооооо, благодарю вааас)))
Таблицы на заказ (14)
Сообщений 901 страница 920 из 1000
Поделиться901Вс, 2 Сен 2012 15:08:45
Поделиться902Вс, 2 Сен 2012 21:18:03
1) http://s1.uploads.ru/t/HyVsi.png - вид таблицы
2) http://megera.rusff.ru/ ну это тестовик. там примеряюсь)
3) все границы и размеры указала в схеме. будем благодарны
разобралась сама)
Отредактировано xl (Пн, 3 Сен 2012 22:07:51)
Поделиться903Пн, 3 Сен 2012 22:53:43
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 тоже сказать пока не могу, так как пока не знаю сколько текста понадобиться туда запихнуть.
а еще, можно будет указать где можно будет поменять фон, и размеры полей (в основном выту этих самых полей)
Поделиться904Сб, 8 Сен 2012 18:54:20
Здравствуйте.
Ссылка на форум
Ссылка на конкретную статью с таблицей
Подскажите, пожалуйста, можно ли сделать такую таблицу:
Цвет верхней колонки (фон категорий):
Цвет линий таблицы (шрифт):
Заранее спасибо.
Поделиться905Пн, 10 Сен 2012 15:47:04
Подскажите, пожалуйста, можно ли сделать такую таблицу
Цвет в верхних колонках не меняется, центрирование заголовков производится через кнопку в форме ответа - "текст по центру".
Цвет бордеров - в html-верх ставите:
<style> #p188 .post-content table td { border: 1px solid #895D40!important; } </style>
Отступы не уменьшаюцо
Отредактировано Rion Leonheart (Пн, 10 Сен 2012 16:17:21)
Поделиться906Пн, 10 Сен 2012 15:51:45
Alfecats, если еще актуально, можно пояснения покрупнее, а то у меня даже в очках в глазах двоицо Оо
Поделиться907Пн, 10 Сен 2012 16:12:18
Rion Leonheart, спасибо за ответ.
Про отступы жалко... Именно они больше всего и не нра ((( Точнее дублирующиеся линии из-за отступов.
Отредактировано Mery_Bos (Чт, 13 Сен 2012 02:22:38)
Поделиться909Чт, 13 Сен 2012 12:17:40
Mery_Bos, не-а, в таблице постов ширина ячеек задается автоматически Оо
Поделиться910Сб, 15 Сен 2012 19:21:58
Для тех, кто потерял мастеров, вы не думали, что не всегда есть возможность выйти в Интернет, и таблицы вам пишут такие же пользователи как и вы, живые, работающие, и с ними может что-то происходить в обычной жизни, потому что они не сидят сутками за компом в ожидании очередного эскиза.
Учитывая, что народу отписавшегося тут много, и не факт что всем нужно срочно его таблицу, очередь ведется в порядке стека... (последним пришел, первым ушел).
Самикуша, несмотря на эскиз и пояснения, я не понимаю, что значит
за нажатие на каждую кнопку (вроде "новости" или "добро пожаловать") выплывает в ячейку
У меня сразу в уме 2 варианта картины - шесть кнопок, выводящих инфу при нажатии в один общий контейнер. Или 2х2х2. То есть, есть две кнопки, закрепленные за левым/центральным/правым контейнерами, при нажатии меняющие там текст. Дык который в итоге-то?
И где контейнер - "информация", так и не нашел на эскизе?
Отредактировано Rion Leonheart (Сб, 15 Сен 2012 19:22:19)
Поделиться911Вс, 16 Сен 2012 09:37:01
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)
Поделиться912Вс, 16 Сен 2012 10:00:48
Rion Leonheart
щас объясню))
вот например нажимаете на "добро пожаловать". там выплывает текст. а если на "новости" то в той же ячейке выплывает информация о форуме и т.д. короче две кнопки на ячейку xD
Отредактировано Самикуша (Вс, 16 Сен 2012 10:01:40)
Поделиться913Вс, 16 Сен 2012 12:57:00
Самикуша, короче, меня достали эксперименты
в 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 -->
Пора искать короче скрипт, чо-то сильно длинно выходит...
Поделиться914Вс, 16 Сен 2012 14:20:30
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 -->
Поделиться916Вс, 16 Сен 2012 15:12:56
Farming, размер картинки не подскажете?
И эти закругленные змеиные границы - насколько принципиальны?
Поделиться917Вс, 16 Сен 2012 16:17:37
Rion Leonheart
Все те размеры что на картинке, они сделаны как мне нужно, проверил 2 раза все ок
Углы конечно нужны закругленные иначе смотреться не будет. тык
Поделиться918Вс, 16 Сен 2012 19:07:51
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>
Поставил прокрутку на левое верхнее окно... потому что на разных разрешениях текст начинает скакать, если его много, как было нарисовано на эскизе.
Поделиться919Вс, 16 Сен 2012 19:41:33
Rion Leonheart
Да ты вообще красава, обошел иным путем, спасибо, на счет прокрутки думаю разберемся.
Поделиться920Вс, 16 Сен 2012 19:52:58
---
Отредактировано Farming (Вс, 16 Сен 2012 20:03:07)