Rion Leonheart
верхние левые 100 в ширину, 60 в высоту;
нижние левые 150 в ширину, 60 в высоту;
там где загадка 200 в ширину, 60 в высоту;
нижние правые 65 в ширину, 60 в высоту;
Таблицы на заказ (13)
Сообщений 741 страница 760 из 1000
Поделиться741Ср, 1 Фев 2012 12:02:03
Поделиться742Ср, 1 Фев 2012 17:59:26
Strix, кажись мну сегодня уже не успеет... или позже
Отредактировано Rion Leonheart (Ср, 1 Фев 2012 17:59:56)
Поделиться743Чт, 2 Фев 2012 17:51:10
Strix, третий день долблюсь на ваш форум, третий день мне выдает, шо он не есть доступен поэтому на глаз - по указаниям выше. Вроде подписал все чо можно - не должны "заблудиться". Комментарии в таком обрамлении <!-- -->.
Сама таблица:
<!-- Начало всей таблицы --> <center><table style="width: 700px; height: 400px; text-align: center;" cellpadding="0" cellspacing="1" border="0"> <!-- Начало Первой строки --> <tr style="height: 200px;"> <!-- Начало Первой ячейки --> <td style="width: 500px;" align="center" valign="top"> <!-- Стиль левой верхней вложенной таблицы --> <style> #menu-lt { height: 60px;} #menu-lt span { padding: 0; margin: 0px -2px; width: 100px;} #submenu-lt { padding: 1px; text-align: center; font-size: 12px; width: 498px;} .submenutext-lt { display: none; height: 138px;} </style> <!-- End Стиля левой верхней вложенной таблицы --> <!-- Начало каркаса левой верхней вложенной таблицы --> <center><table style="width: 100%;" cellpadding="0" cellspacing="0" border="0"> <tbody> <tr style="height: 60px;"> <td style="width: 500px;" align="center" valign="top"> <!-- Начало меню кнопок левой верхней вложенной таблицы --> <div id="menu-lt"> <!-- Кнопка главная --> <span alt="#sm1" style="cursor: pointer;"> <!-- Картинка главной кнопки --> <img style="width: 100px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки главной кнопки --> </span> <!-- End Кнопка главная --> <!-- Кнопка новостей --> <span alt="#sm2" style="cursor: pointer;"> <!-- Картинка кнопки новостей --> <img style="width: 100px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки кнопки новостей --> </span> <!-- Кнопка администрации --> <span alt="#sm3" style="cursor: pointer;"> <!-- Картинка кнопки администрации --> <img style="width: 100px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки кнопки администрации --> </span> <!-- End Кнопки администрации --> <!-- Кнопка погоды --> <span alt="#sm4" style="cursor: pointer;"> <!-- Картинка кнопки погоды --> <img style="width: 100px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки кнопки погоды --> </span> <!-- End Кнопки погоды --> <!-- Кнопка квестов --> <span alt="#sm5" style="cursor: pointer;"> <!-- Картинка кнопки квестов --> <img style="width: 100px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки кнопки квестов --> </span> <!-- End Кнопки квестов --> </div> <!-- End меню кнопок левой верхней вложенной таблицы --> </td> </tr> <tr style="height: 140px;"> <td id="MenuTxT-lt" align="center" valign="top"> <!-- Начало содержимого кнопок левой верхней вложенной таблицы --> <div id="submenu-lt" align="center"> <div id="sm1" class="submenutext-lt" style="display:block;"> <!-- Контент главной кнопки --> <br/> Контент главной кнопки <!-- End Контента главной кнопки --> </div> <div id="sm2" class="submenutext-lt"> <!-- Контент кнопки новостей --> <br/> Контент кнопки новостей <!-- End Контента кнопки новостей --> </div> <div id="sm3" class="submenutext-lt"> <!-- Контент кнопки админов --> <br/> Контент кнопки админов <!-- End Контента кнопки админов --> </div> <div id="sm4" class="submenutext-lt"> <!-- Контент кнопки погоды --> <br/> Контент кнопки погоды <!-- End Контента кнопки погоды --> </div> <div id="sm5" class="submenutext-lt"> <!-- Контент кнопки квестов --> <br/> Контент кнопки квестов <!-- End Контента кнопки квестов --> </div> <!-- End содержимого кнопок левой верхней вложенной таблицы --> </td> </tr> </tbody> </table></center> <!-- End каркаса левой верхней вложенной таблицы --> <!-- Скрипт переключения содержимого меню левой верхней вложенной таблицы --> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT-lt div.submenutext-lt").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT-lt div.submenutext-lt:first").show(); $("div.#menu-lt span").click(function() { $("div.#menu-lt span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT-lt div.submenutext-lt").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script> <!-- End --> </td> <!-- End Первой ячейки --> <!-- Начало Второй ячейки --> <td style="width: 280px;" align="center" valign="top"> <!-- Картинка заголовка загадок --> <p><img style="width: 200px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"></p> <!-- End Картинки заголовка загадок --> <div style="width: 100%; height: 140px; overflow: auto; text-align: left;"> <!-- Начало контента загадок --> Я - корабль без руля и без ветрил. <br/>А еще у меня золото внутри :р <br/>***<br/> Ее не видать. И в руки не взять. <br/>Царит надо всем. Не пахнет ничем. <br/>Встает во весь рост на небе меж звезд. <br/>Все начинает и все кончает. <br/>***<br/> Уничтожает все кругом: цветы, зверей, высокий дом. <br/>Сожрет железо, сталь сожрет и скалы в порошок сотрет. <br/>Власть городов, мощь королей - его могущества слабей. <!-- End контента загадок --> </div> </td> <!-- End Второй ячейки --> </tr> <!-- End Первой строки --> <!-- Начало Второй строки --> <tr style="height: 200px;"> <!-- Начало Третьей ячейки --> <td align="center" valign="top"> <!-- Стиль левой нижней вложенной таблицы --> <style> #menu-lb { height: 60px;} #menu-lb span { padding: 0; margin: 0px 5px; width: 150px;} #submenu-lb { padding: 1px; text-align: center; font-size: 12px; width: 498px;} .submenutext-lb { display: none; height: 138px;} </style> <!-- End Стиля левой нижней вложенной таблицы --> <!-- Начало каркаса левой нижней вложенной таблицы --> <center><table style="width: 100%;" cellpadding="0" cellspacing="0" border="0"> <tbody> <tr style="height: 60px;"> <td style="width: 500px;" align="center" valign="top"> <!-- Начало меню кнопок левой нижней вложенной таблицы --> <div id="menu-lb"> <!-- Кнопка навигации --> <span alt="#sm6" style="cursor: pointer;"> <!-- Картинка Кнопки навигации --> <img style="width: 150px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки Кнопки навигации --> </span> <!-- End Кнопки навигации --> <!-- Кнопка вакансий --> <span alt="#sm7" style="cursor: pointer;"> <!-- Картинка Кнопки вакансий --> <img style="width: 150px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки Кнопки вакансий --> </span> <!-- End Кнопки вакансий --> <!-- Кнопка партнеров --> <span alt="#sm8" style="cursor: pointer;"> <!-- Картинка Кнопки партнеров --> <img style="width: 150px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки Кнопки партнеров --> </span> <!-- End Кнопки партнеров --> </div> <!-- End меню кнопок левой нижней вложенной таблицы --> </td> </tr> <tr style="height: 140px;"> <td id="MenuTxT-lb" align="center" valign="top"> <!-- Начало содержимого кнопок левой нижней вложенной таблицы --> <div id="submenu-lb" align="center"> <div id="sm6" class="submenutext-lb" style="display:block;"> <!-- Контент кнопки навигации --> <br/> Контент кнопки навигации <!-- End Контента кнопки навигации --> </div> <div id="sm7" class="submenutext-lb"> <!-- Контент кнопки вакансий --> <br/> Контент кнопки вакансий <!-- End Контента кнопки вакансий --> </div> <div id="sm8" class="submenutext-lb"> <!-- Контент кнопки партнеров --> <br/> Контент кнопки партнеров <!-- End Контента кнопки партнеров --> </div> <!-- End содержимого кнопок левой нижней вложенной таблицы --> </td> </tr> </tbody> </table></center> <!-- End каркаса левой нижней вложенной таблицы --> <!-- Скрипт переключения содержимого меню левой нижней вложенной таблицы --> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT-lb div.submenutext-lb").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT-lb div.submenutext-lb:first").show(); $("div.#menu-lb span").click(function() { $("div.#menu-lb span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT-lb div.submenutext-lb").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script> <!-- End --> </td> <!-- End Третьей ячейки --> <!-- Начало Четвертой ячейки --> <td align="center" valign="top"> <!-- Стиль правой нижней вложенной таблицы --> <style> #menu-rb { height: 60px;} #menu-rb span { padding: 0; margin: 0px -1px; width: 65px;} #submenu-rb { padding: 1px; text-align: center; font-size: 12px; width: 198px;} .submenutext-rb { display: none; height: 138px;} </style> <!-- End Стиля правой нижней вложенной таблицы --> <!-- Начало каркаса правой нижней вложенной таблицы --> <center><table style="width: 100%;" cellpadding="0" cellspacing="0" border="0"> <tbody> <tr style="height: 60px;"> <td style="width: 200px;" align="center" valign="top"> <!-- Начало меню кнопок правой нижней вложенной таблицы --> <div id="menu-rb"> <!-- Кнопка группы А --> <span alt="#sm9" style="cursor: pointer;"> <!-- Картинка Кнопки группы А --> <img style="width: 65px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки Кнопки группы А --> </span> <!-- End Кнопки группы А --> <!-- Кнопка группы Б --> <span alt="#sm10" style="cursor: pointer;"> <!-- Картинка Кнопки группы Б --> <img style="width: 65px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Картинки Кнопки группы Б --> </span> <!-- End Кнопки группы Б --> <!-- Кнопка группы В --> <span alt="#sm11" style="cursor: pointer;"> <!-- Картинка Кнопки группы В --> <img style="width: 65px; height: 60px; margin: 0 0 -2px 0;" src="ссылка"> <!-- End Кнопки группы В --> </span> <!-- End Кнопки группы В --> </div> <!-- End меню кнопок правой нижней вложенной таблицы --> </td> </tr> <tr style="height: 140px;"> <td id="MenuTxT-rb" align="center" valign="top"> <!-- Начало содержимого кнопок правой нижней вложенной таблицы --> <div id="submenu-rb" align="center"> <div id="sm9" class="submenutext-rb" style="display:block;"> <!-- Контент кнопки группы А --> <br/> Контент кнопки группы альфа <!-- End Контента кнопки группы А --> </div> <div id="sm10" class="submenutext-rb"> <!-- Контент кнопки группы Б --> <br/> Контент кнопки группы бета <!-- End Контента кнопки группы Б --> </div> <div id="sm11" class="submenutext-rb"> <!-- Контент кнопки группы В --> <br/> Контент кнопки группы гамма <!-- End Контента кнопки группы В --> </div> <!-- End содержимого кнопок правой нижней вложенной таблицы --> </td> </tr> </tbody> </table></center> <!-- End каркаса правой нижней вложенной таблицы --> <!-- Скрипт переключения содержимого меню правой нижней вложенной таблицы --> <script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT-rb div.submenutext-rb").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT-rb div.submenutext-rb:first").show(); $("div.#menu-rb span").click(function() { $("div.#menu-rb span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT-rb div.submenutext-rb").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script> <!-- End --> </td> <!-- End Четвертой ячейки --> </tr> <!-- End Второй строки --> </table></center> <!-- The End всей таблицы -->
Deff, если ты читаешь это безобразие, не бей меня сильно
Поделиться744Чт, 2 Фев 2012 20:38:06
Rion Leonheart
ахаха, даже загадочку х)))
хотите идиотский просто вопрос? это куда?))
я вроде помню, что оно раскидывается по хтмл-верху и объявлению... или все тупо пихнуть в объявление? о_О
Поделиться745Пт, 3 Фев 2012 11:49:22
Strix, это все не раскидывается и всей толпой в объяву
Загадочки так, для проверки поля на прокрутку
Отредактировано Rion Leonheart (Пт, 3 Фев 2012 11:50:24)
Поделиться746Пт, 3 Фев 2012 13:14:33
Rion Leonheart
http://aenigmata.rolka.su/
вся толпа встала непонятно как... XD
Поделиться748Пт, 3 Фев 2012 13:34:21
Rion Leonheart
а, все, разобрался. спасибо!)
Отредактировано Strix (Пт, 3 Фев 2012 13:48:27)
Поделиться749Пт, 3 Фев 2012 19:28:14
И снова доброго времени суток.
Решили поменять таблицу, но, поскольку руки растут явно не оттуда, откуда надо, то прошу помощи)
Вот сюда, в два контента, будет втиснут текст (желательна возможность менять размер шрифта). ПС: если можно, отцентрировать текст по ширине.
Вот тут то, что создал мой воспаленный мозг:
Тестовик
В общем, что-то у меня все криво... Помогите поправить, плиз)
Отредактировано Zmej (Пт, 3 Фев 2012 20:26:06)
Поделиться750Пт, 3 Фев 2012 22:21:25
Zmej, крутил, крутил... доимпровизировался я, короче
Обновите объявление полностью:
<div align="center" style="font-size:14px; font-family: 'segoe print';"> <b>~<a href="http://preispodnaya.forumbb.ru/viewtopic.php?id=3">Правила</a>~ ~<a href="http://preispodnaya.forumbb.ru/viewtopic.php?id=252#p11292">Сюжет</a>~ ~<a href="http://preispodnaya.forumbb.ru/viewtopic.php?id=8">Компас и карта</a>~ ~<a href="http://preispodnaya.forumbb.ru/viewforum.php?id=4">Шаблон анкеты</a>~ ~<a href="http://preispodnaya.forumbb.ru/viewtopic.php?id=10#p842">События в игре</a>~ ~<a href="http://preispodnaya.forumbb.ru/viewtopic.php?id=96">Новости форума</a>~</b></div> <br/> <center> <table style="width: 856px; background: url(http://savepic.su/1306502.jpg) no-repeat; font-size: 10px;" border="0" cellpadding="0" cellspacing="0"> <tr style="height:101px;"> <td style="width: 385px;" align="center" valign="top"> <div style="width: 360px; height: 90px; text-align: justify; padding: 15px 0 5px 15px;"> Любишь поспорить с судьбой? <br/> Война и король-тиран дадут повод для выброса адреналина. <br/> Любишь интриги и мистику? <br/> Тайный Орден сплачивает ряды своих адептов. <br/> Любишь дикие оргии и кровавые пиры? <br/> Клан варваров или отряд викингов-завоевателей ждут тебя. </div> </td> <td style="width: 82px;"></td> <td style="width: 389px;" align="center" valign="top"> <div style="width: 364px; height: 80px; text-align: justify; padding: 15px 20px 5px 5px;"> Мор и неурожай – самые страшные бичи средневековья. Они уносили людские жизни и вносили разлад в жизни тех, кто выжил. Власть теряла вожжи в управлении обезумевшим народом, и вернуть порядок можно было лишь посеяв в душах еще больший страх! </div> </td> </tr> <tr style="height:28px;"> <td colspan="3" align="center" valign="top"> <marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" style="width:334px; height:28px; color: #fff; font-size: 12px;"> Внимание! Рейтинг ролевой NC-21, что подразумевает описание сцен насилия, пыток, бдсм, а также всех видов сексуальных отношений. Если Вы не приемлете что-либо из перечисленного, поберегите свою психику. Большинство разделов форума скрыто от гостей.</marquee> </td> </tr> </table> </center> <br/> <div align="center"> Наши партнёры: <br/> <a href="http://droy.mybb.ru/"><img src="http://forumupload.ru/uploads/000d/68/fc/108-1.jpg"></a> </div>
Работает ровно в ИЕ, Хроме, Опере, Лисе, размер шрифта лучша оставить таким, иначе понадобится прокрутка, а она там не нужна
Поделиться751Пт, 3 Фев 2012 23:25:39
Rion Leonheart
Супер)
Спасибо!
Поделиться752Сб, 4 Фев 2012 14:08:02
Добрый день
http://psy.mybb.ru/
Здесь, как из таблицы убрать эти рыжие точки - полоски?
И как сделать:
1 окошко - красивый текст, распределенный посередине, каждая строчка отделена маркером.
2 окошко - сделать сначала просто текст, а потом растянутое окошко с прокруткой вниз и вверх.
3 окошко - то же, что и во второй
4 окошко - убрать картинки, сделать сылки в столбик, каждую выделить маркером.
5 окошко - убрать таблицу, убрать ники, оставить только вставку кликабельной картинки
Поделиться753Сб, 4 Фев 2012 15:03:10
Francemoon,
омг... табла Шериан...
красивый текст
Какой - конкретно.
распределенный посередине
Скрин - как именно
каждая строчка отделена маркером
каким именно
сделать сначала просто текст, а потом растянутое окошко с прокруткой вниз и вверх.
эскиз...
убрать картинки, сделать сылки в столбик, каждую выделить маркером.
а вместо картинок?
убрать таблицу, убрать ники, оставить только вставку кликабельной картинки
эскиз.
Отредактировано Rion Leonheart (Сб, 4 Фев 2012 15:24:43)
Поделиться754Сб, 4 Фев 2012 15:24:07
Доброго времени суток. Я не совсем с заказом... хотя, если будет проще, то тогда надо будет переписать табличку полностью.
К сожалению, сама этим не владею.
1) Мне надо вот эту табличку (Кликай)
Привести к такому виду (Кликай**).
Код на первую ниже, если что.
2) Ссылка на форум - Кликай
3) Прокрутки указаны на картинках. Больше ничего не надо.
- Картинки-фона не надо, тут все цветами хочу настроить.
- И я немного забыла, где настраивать (радиус?!) закругленные углы, в пикселях же там.
- Код старой таблицы (без инфы)
Отредактировано Captain Morgan (Сб, 4 Фев 2012 15:35:49)
Поделиться755Сб, 4 Фев 2012 15:29:59
Прокрутки указаны на картинках. Больше ничего не надо.
На каких картинках?
Скрытый текст:
Вам нужно набрать еще 1122131649 сообщений для просмотра этого текста.
Мну не увидит кода вашей старой таблы...
Отредактировано Rion Leonheart (Сб, 4 Фев 2012 15:35:38)
Поделиться756Сб, 4 Фев 2012 15:35:25
На каких картинках?
Ссылки даны же. о.О
Надо из этой
---
Превратить в такую
Это вообще не понял - зачем вам код старой таблицы...
Мне надо просто его немного изменить. Перенести "крышки" от контейнеров, грубо говоря, вверх таблицы.
Поделиться757Сб, 4 Фев 2012 15:38:59
Ссылки даны же
Я про прокрутку спрашиваю - на каких картинках она указана? Только в первой кнопке, или во всех.
Поделиться758Сб, 4 Фев 2012 15:44:38
Только в первой кнопке, или во всех.
Наверное, на прошлой таблице, прокрутка стоит на всех кнопках.
Я отредактировала прошлый пост. Там виден код. Думаю через него понятнее будет.
Мне нужна новая таблица, но она, как бы, опирается на старую. Вот.)
Поделиться759Сб, 4 Фев 2012 16:08:18
Captain Morgan, со скруглением проблемы: не есть кроссбраузерное,
хотите со скругленными краями, рисуйте на кнопку картинку с верхним скруглением и на сам контент фоновую картинку.
Код таблицы с вкладками, без закругленных краев, такой:
<style> #menu { margin-top: 8px; margin-left: 2px;} #menu span { padding: 10px 20px 10px 20px; margin: 0px -2px; width: 100px; color: #082E14; background: transparent;} #menu .tabactive { color: #91DFAA; background:#082E14;} #submenu { padding: 0px; width: 100%;} .submenutext { display: none; text-align: center; font-size: 12px; background: #082E14; color: #91DFAA; height: 240px;} </style> <center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr height="40"> <td align="left"> <div id="menu"><b> <span alt=#sm1 "style="cursor: pointer;">Вкладка 1</span> <span alt=#sm2 "style="cursor: pointer;">Вкладка 2</span> <span alt=#sm3 "style="cursor: pointer;">Вкладка 3</span> <span alt=#sm4 "style="cursor: pointer;">Вкладка 4</span> <span alt=#sm5 "style="cursor: pointer;">Вкладка 5</span> </b> </div> </td> </tr> <tr height="220"> <td id="MenuTxT" align="left" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 240px; overflow: auto;"> <br/> Контент первой кнопки </div></div> <div id="sm2" class="submenutext"><br/> Контент второй кнопки </div> <div id="sm3" class="submenutext"><br/> Контент третьей кнопки </div> <div id="sm4" class="submenutext"><br/> Контент четвертой кнопки </div> <div id="sm5" class="submenutext"><br/> Контент пятой кнопки </div> </td> </tr> </tbody> </table></center> <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>
В старой таблице прокрутка стояла только в первой кнопке. Поставил.
ЗЫ. можно узнать ник или имя дизайнера стиля вашего форума?
Отредактировано Rion Leonheart (Сб, 4 Фев 2012 22:30:18)
Поделиться760Сб, 4 Фев 2012 16:19:21
Здравствуйте! Надеюсь, заказы еще принимаются.
Адрес игры, для которой требуется: http://mistycity.ru. Платформа: mybb, естественно.
Пример эскиза:
http://img850.imageshack.us/img850/5718/98786215.jpg
Ширина таблицы 90%, остальное все авто.
Нужен только код.
Благодарю за помощь!