Продолжение темы Таблицы на заказ (9)
Таблицы на заказ (10)
Сообщений 1 страница 20 из 1000
Поделиться2Вт, 12 Окт 2010 15:57:24
Можно пожалуйста табличку? Только я дуб дубом с кодами, поэтому прошу где мне надо писать покажите)
- Рамки золотые.
- Фон прозрачный.
- И я не знаю можно ли сделать так, чтобы каждый день сама менялась надпись: понедельник - рассвет, вторник - утро, среда - день, четверг -вечер, пятница - закат, суббота - восход луны, воскресенье - заход луны. Это в "Погода и время".
Поделиться4Вт, 12 Окт 2010 18:15:48
Golden Women Не наю, народу много, я делаю медленно, возможно Вам подойдет стандартного плана
http://forum.mybb.ru/viewtopic.php?id=23043&p=50#p623442 с заменой картинки (или прозрачной основой?
Отредактировано Deff (Вт, 12 Окт 2010 18:16:34)
Поделиться5Вт, 12 Окт 2010 19:50:31
Ау!!! С вами скоро волчицей стану. Ау!
Отредактировано Golden Women (Ср, 13 Окт 2010 15:45:55)
Поделиться6Ср, 13 Окт 2010 16:12:31
Добрый день,
Хотелось бы заказать у Вас таблицу на форум.
Желательно, чтобы она была с бесцветными полями. Вот ссылка на рисунок:
http://i52.tinypic.com/300607t.jpg
Заранее Спасибо -)
Отредактировано Мышь (Ср, 13 Окт 2010 16:13:06)
Поделиться7Ср, 13 Окт 2010 20:40:04
сделайте пожалуйста таблицу.
Код (устанавливаем в Администрирование - Настройки - Объявление, не забываем включить галочку "включить объявление" - и кнопачка "сохранить")
<!--============== Таблички для /Olik =========== --> <style> #table_01 { margin: 0px 0 0px 0px; width:648px; height:434px; background: url(http://savepic.org/817652.png) left top no-repeat; } /* Стиль всплывающего меню */ div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;} .spll {position:relative; width: 130px; height: 70px; margin: 0 0 60px -40px!important; } .spll div .splCont {height: auto; width: 224px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;} #pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont {background-color: transparent !important; background-image: url("http://savepic.org/804123.png"); border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow:0px 5px 14px #8B6C52; -webkit-box-shadow:0px 5px 14px #8B6C52; -khtml-box-shadow:0px 5px 14px #8B6C52; -moz-box-shadow:0px 5px 14px #8B6C52; /*text-shadow: #FFFFFF 1px 1px 4px !important; color: #color: #000000 !important;*/ } /* Прозрачка в Всплывающем меню */ #pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style> <center> <table align="center" id="table_01" border="0"> <tbody id="tbody_01"> <tr> <td align="left" style="padding-left: 50px; width:33%;height:80%;" cellspacing="0"> <table id="abl" cellspacing="0" cellpadding="0" style="width:100%; height:340px;"> <tr><td border="0" style="height:220px;" cellspacing="0"> <div style="top: -25px!important;"class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1651508.png" style="cursor:pointer; cursor:hand;"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <div align="center" width="217" style="margin: -3px 3px 3px 0; height: 137px; padding:0; overflow-y: auto" > <center style="width:200px;"> <!--Администрация == Начало Заполнения пункта --> Они следят за порядком<br/><a target="_blank" href="http://hsmwildcats.rolka.su/profile.php?id=2"><img src="http://savepic.ru/1698633.png" ></a><br/> <!--ХХ Конец Заполнения пункта --> </div> </DIV></DIV></div> </td></tr><tr><td style="width:100%; height:112px;"> <div style="top: 10px!important;" class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1677129.png" style="cursor:pointer; cursor:hand;" /></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <!-- Навигация == Начало Заполнения пункта --> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=13">.правила</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=8">F.A.Q.</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=9">.список ролей</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=7">.дополнительный список ролей</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=126">.акция №1</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=12">.шаблон анкеты</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=115">.сюжет</a> <!--ХХ Конец Заполнения пункта --> </DIV></DIV></div> </td></tr> </table> </td> <td align="center" style="width:37%; height:80%;"> <table id="ab2" cellspacing="0" border="0" cellpadding="0" style="width:100%;height:340px;"> <tr><td align="center" style="height:70px;" cellspacing="0" cellpadding="0"> <marquee id="abc" width="100%" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()"><span style="color: #17FFF7; text-shadow: #2E3E4D -1px -1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong> <!--Бегущая строка 1 == Начало Заполнения пункта --> Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего форума. Не поленись. Зарегистрируйся и вливайся в наши игры. Лучшие мировые программы и новинки, патчи, моды к автосимуляторам ждут Вас.! <!--ХХ Конец Заполнения пункта --> </strong></span></span></span></span></marquee> </td></tr><tr><td align="center" style="width:243%; height:277px;"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1668916.png" style="cursor:pointer; cursor:hand;"/></div> <DIV style="DISPLAY: none; color: #A7F0F2/*F2C181*/; text-shadow:#000 1px 1px 1px; position: absolute;" class=splCont jQuery1259073801391="5"> <!-- События на ролевой == Начало Заполнения пункта --> Итак, остается последний месяц лета и все ребята стараются насладиться отдыхом. Шарпей возвращается с очередного путешествия,и снова намерена завоевать сердце гламурного Троя. Келси написала тьму новых песен, Трой и Чед как всегда весь в баскетболе, но находит время встречаться с Габриэллой, она же помогает маме по саду. В школе много новеньких, недавно переехавших в Альбукерке, учеников. Сэм надеется влиться в компанию новых друзей и стать немного смелее, что ей не очень хорошо дается. Тэйлор переехала в другой город и очень скучает по Диким котам,они стали ее семьей. Райан не отстает от сестры, он вместе с ней ездит по разным странам. Габи и Трой почему то стали ссориться из-за всякой ерунды, кстати Трой стал поглядывать на новую ученицу Сэм, которая не упускает момента поулыбаться и построить глазки в ответ. Но Габи старается не замечать перемен и живет обычной жизнью. В последний месяц все ребята будут работать в Лава Спринкс, все, за исключением Райана и Шарпей, ведь они элитные члены клуба. Скоро состоится важное событие,в Лава Спринкс будет проводится конкурс талантов.И конечно же,никто не хочет остаться незамеченным. Шарпей намерена завоевать главный приз и настроена очень серьезно.Если вы знаете ее,то уверены она всегда идет напролом, но у нее внезапно появляется конкурентка, новая ученица Девонн Фуллер Лефевр, которая также не прочь заполучить главный приз! Посмотрим,что будет дальше..<br><br><br><br> <!--ХХ Конец Заполнения пункта --> </DIV></DIV></div> </td></tr> </table> </td> <td align="center" style="height:80%;"> <table id="ab3" cellspacing="0" border="0" cellpadding="0" style="width:100%; height:340px;"> <tr><td align="left" style="height:220px;" cellspacing="0" cellpadding="0"> <div style="left: 45px;" class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1650484.png" style="cursor:pointer; cursor:hand;"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <!-- Погода и Время == Начало Заполнения пункта --> • В Альбукерке жаркое лето<br> • Погода +23-25 ; Время 4 августа,12:00-15:00 <!--ХХ Конец Заполнения пункта --> </DIV></DIV></div> </td></tr><tr><td align="left" style="width:100%; height:112px;"> <div style="left: 33px;" class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.org/821550.png" style="cursor:pointer; cursor:hand;"/></div> <DIV style="DISPLAY: none; color: #D8FF0D/**/; text-shadow:#171746 1px 1px 1px; position: absolute; margin: 40px -25px 0 25px!important;"" class=splCont jQuery1259073801391="5"> <!-- Важная Информация == Начало Заполнения пункта --> Почему была проведена специальная сессия по положению детей? В 1990 году состоялась важная международная встреча по вопросу о положении детей под названием «Всемирная встреча на высшем уровне в интересах детей». На ней были определены 27 целей, которые предстояло достичь правительствам... <!--ХХ Конец Заполнения пункта --> </DIV></DIV></div> </td></tr> </table> </td> </tr><tr><td colspan="3" align="center" style="width:100%;height:17%;"> <marquee id="abs" style="width:97%;margin-left:7px;" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()"><span style="color: #17FFF7; text-shadow: #2E3E4D -1px -1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong> <!--Бегущая строка 2== Начало Заполнения пункта --> Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего форума. Не поленись. Зарегистрируйся и вливайся в наши игры. Лучшие мировые программы и новинки, патчи, моды к автосимуляторам ждут Вас.! <!--ХХ Конец Заполнения пункта --> </strong></span></span></span></span></marquee> </td> </tr> </tbody> </table> </center> <!--Спойлер - контейнер--> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <!--============== Конец Таблички =========== -->
!!! Дизайн надписей выполнен пользователем Gabi !!!
Заполняем так:
<!--Администрация == Начало Заполнения пункта -->
Они следят за порядком<br/><a target="_blank" href="http://hsmwildcats.rolka.su/profile.php?id=2"><img src="http://savepic.ru/1698633.png" ></a><br/>
<!--ХХ Конец Заполнения пункта -->
Всё между синими тегами ...== Начало Заполнения пункта --> и <!--ХХ Конец Заполнения пункта --> -Ваше, и подлежит Вашему творчеству,
Всё Ваше, - выделено красным, - удаляйте, заменяйте ... короче действуйте - синим и далее - принадлежит таблице
ссылка на картинку под табличку - меняецо здесь(Выделено красным) - можно вообще убрать ссылку - оставив скобки - будет прозрачная>
background: url(http://savepic.org/817652.png) left top no-repeat;
}
Картинка 648 x 434 пикселей, как и размер
Замена картинки тут >
<style>
#table_01 {
margin: 0px 0 0px 0px;
width:648px;
height:434px;
background: url(http://savepic.org/817652.png) left top no-repeat;
}
Вариант с картинкой > http://savepic.ru/1887027.png
http://hostjs-mybb2011.narod.ru/table_7.htm
Вариант без картинки > http://hostjs-mybb2011.narod.ru/table_7-2.htm
<style>
#table_01 {
margin: 0px 0 0px 0px;
width:648px;
height:434px;
background: url() left top no-repeat;
}
Отредактировано Deff (Пн, 13 Дек 2010 16:21:35)
Поделиться8Чт, 14 Окт 2010 15:34:29
спасиииибо!)))
Поделиться9Чт, 14 Окт 2010 15:46:47
Можно мне табличку?
Вот рисунок:
1 - бегущая строка
2 - сюжет
3 - какие персонажи нужны
4 - картинка
5 - Админы/Модеры
6 - погода и время в игре
Поделиться10Чт, 14 Окт 2010 15:51:07
Можно пожалуйста табличку? Только я дуб дубом с кодами, поэтому прошу где мне надо писать покажите)
- Рамки золотые.
- Фон прозрачный.
- И я не знаю можно ли сделать так, чтобы каждый день сама менялась надпись: понедельник - рассвет, вторник - утро, среда - день, четверг -вечер, пятница - закат, суббота - восход луны, воскресенье - заход луны. Это в "Погода и время".
Адрес форума - http://lesrealnost.rolka.su/
Отредактировано Golden Women (Пт, 15 Окт 2010 11:44:42)
Поделиться11Пт, 15 Окт 2010 02:21:54
Очень прошу сделать, если это возможно map-карту из данной картинки http://savepic.ru/1882125.htm
что бы нажимая на каждую подписанную кнопку под ней выскальзывало окошко.или же если можно такое окошко выскальзывало посредине между верхними кнопками и нижними.
так же очень прошу написать куда вставлять код по мап-карте (в обьявление, html-верх или html-низ?)
если что форум вот
Поскольку мап- карту эта работа теперь точно не напоминает - выложил тут:
Код, - Cтавим В Объявление: >
<!--============== Таблички для /Naini =========== --> <style> /*#pun-announcement .container {background: #B7D436; }*/ #table_01 { position:relative; margin: 12px 0 0px -12px; width:840px; height:290px; background: url(http://savepic.org/845963.jpg) left top no-repeat; } </style> <table id="table_01" cols="2" cellspacing="0" cellpadding="0" border="0"> <tbody id="tbody_01"> <tr> <td align="left" style="width:618px; height:83px;"> <div style="width:100%;height:34px;"></div> <ul class="tabs"> <!-- 1-я линия кнопок --> <span style="margin-left:137px" ></span> <span class="my_span"><a href="#tab1" name="admins"><img class="my_button_line01" src='http://savepic.org/832665.png' onmouseover="this.src='http://savepic.org/823449.png'" onmouseout="this.src='http://savepic.org/832665.png'" style="border:0px #fff none;" alt="admins"/></a></span> <span style="margin-left:7px" ></span> <span class="my_span"><a href="#tab2" name="news"><img class="my_button_line01" src='http://savepic.org/845983.png' onmouseover="this.src='http://savepic.org/826527.png'" onmouseout="this.src='http://savepic.org/845983.png'" border="0" alt="news"/></a></span> <span style="margin-left:22px" ></span> <span class="my_span"><a href="#tab3" name="navigation"><img class="my_button_line01" src='http://savepic.org/819344.png' onmouseover="this.src='http://savepic.org/818320.png'" onmouseout="this.src='http://savepic.org/819344.png'" border="0" alt="navigation"/></a></span> <!-- Конец 1-й линии кнопок --> </ul> </td> <td align="left" rowspan="3"> <!-- Здесь можно что-то(текст наверное) разместить на рисунке "Шерлок-Ватсон" --> </td> </tr><tr><td colspan="1" align="left" cellspacing="0" cellpadding="0" style="height:157px;"> <div class="tab_container1" style="padding-right:12px; margin:-3px -37px 3px 37px; width: 570px; height: 150px; text-align: center; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; visible: hiden;"> <!--==================== Весь Контент =========================--> <!-- Cекция 1 --> <div id="tab1" align="center" class="tab_content"> <!--1 "admins" == Начало Заполнения пункта --> <table style="color:#A7A5A5;font-size: 12px; text-shadow:#000 1px 1px 1px;"><tr><td> <center> <a target="_blank" href="http://www.radikal.ru"> <img src="http://s45.radikal.ru/i108/1010/96/11cd1b87fd1f.jpg" ></a><br> <b>Администраторы:<br> <font color="#ff0022" size="+1">#</font> Шерлок Холмс</br></b> </center> </td></tr></table> <!--1 "admins"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 2 --> <div id="tab2" align="center" class="tab_content"> <!--2 "news" == Начало Заполнения пункта --> <table style="font-size: 13px; background: url(http://savepic.org/816365.png); text-shadow:#000 2px 2px 2px;" width="100%"><tr><td><center> <b>Требуемые персонажи:</b><font color='#ffffff'><br> >Очень нужен!</em><br /></p> <p><strong><span style="color: red">Шерлок Холмс</span></strong> (26 лет, частный сыщик-консультант. Он не состоит официально ни в каком ведомстве, а занимается расследованиями лишь потому, что это убивает в нем скуку и дает возможность жить дальше. Для него расследования, убийства и загадки это своего рода игра, которая его забавляет и заставляет мыслить)</p> <p><strong><span style="color: red">доктор Джон Ватсон</span></strong> (30 лет, друг Шерлока Холмса, и его личный блоггер. Это действительно врач, военный врач, который вернувшись из-за ранения со службы, искал себе жилье и душевное спокойствие, и вот его знакомый в сие непростое время предложил делить кров поровну со странным молодым человеком (Шерлок Холмс) и наш герой согласился. Сейчас он сыщик-консультант и личный помощник Шерлока Холмса, с которым они делят жизнь и квартиру на Бейкер-стрит)</p> <p><strong><span style="color: red">миссис Хадсон</span></strong> (56 лет, домуправительница квартиры на Бейкер-стрит в котором снимают квартиру Холмс и Ватсон. По матерински любит обеих "мальчиков" как она их про себя называет, опекает Холмса, и всячески обижается на его грубости. Тщательно следит за тем, чтобы Шерлок платил за квартиру, и в те моменты когда их обоих не бывает дома вытирает пыль со старого рояля доктора Ватсона и любимого кресла мистер Холмса)</p> <p><strong><em class="bbuline"><span style="color: white">инспектор Лестрейд</span></em></strong> (47 лет, начальник полиции в Лондоне. Он обязан раскрывать все преступления, что совершились в этом городе, с точностью до 100 процентов, но он лишь делает вид, каждый раз обращаясь к Холмсу за помощью. Терпеть не может унижаться перед человеком в несколько раз младше его, но вынужден признать, что Шерлок умнее и мудрее его самого. Каждый раз, что ему приъодится обращаться к сыщику больно бъет по его самолюбию) </p> <p><strong><span style="color: red">Майкрофт Холмс</span></strong> (45 лет, брат Шерлока Холмса. Женат, имеет сына, очень любит свою собаку, рыжего сеттера, и работает в министерстве иностранных дел. Очень известен… в своём кругу. Его родной брат Шерлок считает, что Майкрофт очень наблюдателен, и из него мог бы получиться великолепный сыщик, если бы он всему на свете не предпочитал тишину и мягкое кресло в клубе)</p> <p><strong><em class="bbuline"><span style="color: white">Джим Мориарти - придержан</span></em></strong> (32 года, из хорошей семьи, получил блестящее образование. Наделён феноменальными математическими способностями. Но перешёл на тёмную сторону силы.Наполеон и Дарт Вейдер преступного мира. Имеет на своей совести больше половины всех нераскрытых преступлений в Лондоне. "Прокололся" на любви к мелким эффектам в виде монограммы из четырёх перекрещенных сабель) </p> <p><strong><em class="bbuline"><span style="color: white">сержант Салли Донован</span></em></strong> (34 года. Помощник инспектора Лейтренда, считающая Холмса ненормальным молодым человеком. Она скептически относиться к его "чудачествам" в виде раскрытия загадок, что подбрасывают убийцы, и не считает его ни на грош толковым сыщиком, хотя приходится соглашаться с ним под напором своего начальника)</p> <p><strong><span style="color: red">Сара</span></strong> (29 лет, бывшая девушка доктора Ватсона. После их небольшого романа, проходившего с постоянными размолвками из-за ненормального беспокойства любимого Шерлоком Холмсом, они решили расстаться. Девушка понимала, что никогда не займет в душе Ватсона того места, что занимает сейчас Шерлок Холмс)</p> <p><strong><em class="bbuline"><span style="color: white">Голем</span></em></strong> (возраст не определен, около 40 лет примерно. Загадочный убийца подкидывающий ребусы Шерлоку Холмсу в виде обвитых взрывчакой людей и телефонных звонком с их голосами. Убийца, хлоднокровный и жестокий, мечтой которого является мучительная смерть самого Шерлока)</p> <p><span style="color: red"><strong>Anna Rivenskey - нкн</strong></span></p> <p><strong><span style="color: red">Рут Уильямс - нкн</span></strong></p> <p><span style="color: red"><strong>Александра Монк - нкн</strong></span></p> <p><span style="color: red"><strong>Marie Maters - нкн</strong></span></p> <p><span style="color: red"><strong>Кдар Рикман - нкн</strong></span></p> <p><strong><span style="color: red">Брайан Баррингтон - нкн</span></strong></p> <p><span style="color: red"><strong>Андреас Баадер - нкн</strong></span></p> <p><span style="color: red"><strong>Stacey Greneva - нкн</strong></span></p> <center> </td></tr></table> <!--2 "news"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 3 --> <div id="tab3" class="tab_content"> <!--3 "navigation" == Начало Заполнения пункта --> <table width="68%" align="center" style="background: url(http://savepic.org/816365.png);text-shadow:#000 1px 1px 1px;"><tr><td> <a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20" target="_blank"><font style="font-size: 14px;">Акция №1.<br/> "Канон есть канон"</font></a><br><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20"><img src='http://savepic.org/814305.png' onmouseover="this.src='http://savepic.org/808161.png'" onmouseout="this.src='http://savepic.org/814305.png'" border="0"/></a></td><td><center><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20" target="_blank"><font style="color: #C44303;font-size:15px!important;"><b> Акция №2.<br/> "Похищение невинности"</b></font></a><br><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20"><img src='http://savepic.org/849120.png' onmouseover="this.src='http://savepic.org/838880.png'" onmouseout="this.src='http://savepic.org/849120.png'" border="0"/> <center> </td></tr></table> <!--3 "navigation"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 4 --> <div id="tab4" class="tab_content"> <!--4 "reclame" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--4 "reclame"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 5 --> <div id="tab5" class="tab_content"> <!--5 "action" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--5 "action"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 6 --> <div id="tab6" class="tab_content"> <!--6 "time" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--6 "time"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 7 --> <div id="tab7" class="tab_content"> <!--7 "frinds" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--7 "frinds"== ХХ Конец Заполнения пункта --> </div> <!--=============== Конец - Весь Контент =====================--> </div> </td> </tr><tr><td align="left" > <ul class="tabs"> <!-- 2-я линия кнопок --> <span style="margin-left:65px" ></span> <span class="my_span"><a href="#tab4" name="reclame"><img class="my_button_line02" src='http://savepic.org/796816.png' onmouseover="this.src='http://savepic.org/800912.png'" onmouseout="this.src='http://savepic.org/796816.png'" border="0" alt="reklame"/></a></span> <span style="margin-left:14px" ></span> <span class="my_span"><a href="#tab5" name="action"><img class="my_button_line02" src='http://savepic.org/845997.png' onmouseover="this.src='http://savepic.org/849069.png'" onmouseout="this.src='http://savepic.org/845997.png'" border="0" alt="actions"/></a></span> <span style="margin-left:13px" ></span> <span class="my_span"><a href="#tab6" name="time"><img class="my_button_line02" src='http://savepic.org/830637.png' onmouseover="this.src='http://savepic.org/827565.png'" onmouseout="this.src='http://savepic.org/830637.png'" border="0" alt="time"/></a></span> <span style="margin-left:9px" ></span> <span class="my_span"><a href="#tab7" name="frinds"><img class="my_button_line02" src='http://savepic.org/821421.png' onmouseover="this.src='http://savepic.org/818349.png'" onmouseout="this.src='http://savepic.org/821421.png'" border="0" alt="friends"/></a></span> </ul> </td> </tr> </tbody> </table> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs .my_span:first").addClass("active").show(); <!--$(".tab_content:first").show(); --> $("ul.tabs .my_span").click(function() { $("ul.tabs .my_span").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> <!--============== Конец Таблички =========== -->
PS: Заполнение инфой, - аналогично посту 7 на этой странице
Вариант 2 (*подправлено:
<!--============== Табличка №1=========== --> <style> /*#pun-announcement .container {background: #B7D436; }*/ #table_01 { position:relative; margin: 12px 0 0px -12px; width:840px; height:290px; background: url(http://savepic.org/845963.jpg) left top no-repeat; } </style> <table id="table_01" cols="2" cellspacing="0" cellpadding="0" border="0"> <tbody id="tbody_01"> <tr> <td align="left" style="width:618px; height:83px;"> <div style="width:100%;height:34px;"></div> <ul class="tabs"> <!-- 1-я линия кнопок --> <span style="margin-left:137px" ></span> <span class="my_span"><a href="#tab1" name="admins"><img class="my_button_line01" src='http://savepic.org/832665.png' onmouseover="this.src='http://savepic.org/823449.png'" onmouseout="this.src='http://savepic.org/832665.png'" style="border:0px #fff none;" alt="admins"/></a></span> <span style="margin-left:7px" ></span> <span class="my_span"><a href="#tab2" name="news"><img class="my_button_line01" src='http://savepic.org/845983.png' onmouseover="this.src='http://savepic.org/826527.png'" onmouseout="this.src='http://savepic.org/845983.png'" border="0" alt="news"/></a></span> <span style="margin-left:22px" ></span> <span class="my_span"><a href="#tab3" name="navigation"><img class="my_button_line01" src='http://savepic.org/819344.png' onmouseover="this.src='http://savepic.org/818320.png'" onmouseout="this.src='http://savepic.org/819344.png'" border="0" alt="navigation"/></a></span> <!-- Конец 1-й линии кнопок --> </ul> </td> <td align="left" rowspan="3"> <!-- Здесь можно что-то(текст наверное) разместить на рисунке "Шерлок-Ватсон" --> </td> </tr><tr><td colspan="1" align="left" cellspacing="0" cellpadding="0" style="height:157px;"> <div class="tab_container1" style="padding-right:12px; margin:-3px -37px 3px 37px; width: 570px; height: 150px; text-align: center; overflow-y: auto; overflow-x: hidden; scrollbar-face-color: #313131; scrollbar-highlight-color: #313131; scrollbar-shadow-color: #313131;scrollbar-3dlight-color: #313131;scrollbar-arrow-color: #ffffff; scrollbar-track-color: #9B9DA2; scrollbar-darkshadow-color: #555252; visible: hiden;"> <!--==================== Весь Контент =========================--> <!-- Cекция 1 --> <div id="tab1" align="center" class="tab_content"> <!--1 "admins" == Начало Заполнения пункта --> <table width="80%" align="center" style="margin-top:-30px;color:#FAFAFA; font-size: 12px; background: url(http://savepic.org/816365.png); text-shadow:#000 1px 1px 1px;"><tr><td> <a target="_blank" href="http://www.radikal.ru"><b>Администраторы:<br> <img src="http://s45.radikal.ru/i108/1010/96/11cd1b87fd1f.jpg" ></a><br> <font color="#ff0022" size="+1">#</font> Шерлок Холмс</br></b> </td><td> <br/><br/><b>Модераторы:<br><img src="http://s004.radikal.ru/i206/1010/8e/e7cfc6ce5680.jpg" ><br> <font color="#ff0022" size="+1">#</font>Marta Hudson</br></b> <img src="картинка" ></a><br> </td><td> <b>Аватмейкеры:<br> <br> <font color="#ff0022" size="+1">#</font> ник</br></b> <img src="картинка" ></a><br><b><br> <font color="#ff0022" size="+1">#</font> ник</br></b> </td></tr></table> <!--1 "admins"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 2 --> <div id="tab2" align="center" class="tab_content"> <!--2 "news" == Начало Заполнения пункта --> <table style="font-size: 13px; background: url(http://savepic.org/816365.png); text-shadow:#000 2px 2px 2px;" width="100%"><tr><td><center> <b>Требуемые персонажи:</b><font color='#ffffff'><br> >Очень нужен!</em><br /></p> <p><strong><span style="color: red">Шерлок Холмс</span></strong> (26 лет, частный сыщик-консультант. Он не состоит официально ни в каком ведомстве, а занимается расследованиями лишь потому, что это убивает в нем скуку и дает возможность жить дальше. Для него расследования, убийства и загадки это своего рода игра, которая его забавляет и заставляет мыслить)</p> <p><strong><span style="color: red">доктор Джон Ватсон</span></strong> (30 лет, друг Шерлока Холмса, и его личный блоггер. Это действительно врач, военный врач, который вернувшись из-за ранения со службы, искал себе жилье и душевное спокойствие, и вот его знакомый в сие непростое время предложил делить кров поровну со странным молодым человеком (Шерлок Холмс) и наш герой согласился. Сейчас он сыщик-консультант и личный помощник Шерлока Холмса, с которым они делят жизнь и квартиру на Бейкер-стрит)</p> <p><strong><span style="color: red">миссис Хадсон</span></strong> (56 лет, домуправительница квартиры на Бейкер-стрит в котором снимают квартиру Холмс и Ватсон. По матерински любит обеих "мальчиков" как она их про себя называет, опекает Холмса, и всячески обижается на его грубости. Тщательно следит за тем, чтобы Шерлок платил за квартиру, и в те моменты когда их обоих не бывает дома вытирает пыль со старого рояля доктора Ватсона и любимого кресла мистер Холмса)</p> <p><strong><em class="bbuline"><span style="color: white">инспектор Лестрейд</span></em></strong> (47 лет, начальник полиции в Лондоне. Он обязан раскрывать все преступления, что совершились в этом городе, с точностью до 100 процентов, но он лишь делает вид, каждый раз обращаясь к Холмсу за помощью. Терпеть не может унижаться перед человеком в несколько раз младше его, но вынужден признать, что Шерлок умнее и мудрее его самого. Каждый раз, что ему приъодится обращаться к сыщику больно бъет по его самолюбию) </p> <p><strong><span style="color: red">Майкрофт Холмс</span></strong> (45 лет, брат Шерлока Холмса. Женат, имеет сына, очень любит свою собаку, рыжего сеттера, и работает в министерстве иностранных дел. Очень известен… в своём кругу. Его родной брат Шерлок считает, что Майкрофт очень наблюдателен, и из него мог бы получиться великолепный сыщик, если бы он всему на свете не предпочитал тишину и мягкое кресло в клубе)</p> <p><strong><em class="bbuline"><span style="color: white">Джим Мориарти - придержан</span></em></strong> (32 года, из хорошей семьи, получил блестящее образование. Наделён феноменальными математическими способностями. Но перешёл на тёмную сторону силы.Наполеон и Дарт Вейдер преступного мира. Имеет на своей совести больше половины всех нераскрытых преступлений в Лондоне. "Прокололся" на любви к мелким эффектам в виде монограммы из четырёх перекрещенных сабель) </p> <p><strong><em class="bbuline"><span style="color: white">сержант Салли Донован</span></em></strong> (34 года. Помощник инспектора Лейтренда, считающая Холмса ненормальным молодым человеком. Она скептически относиться к его "чудачествам" в виде раскрытия загадок, что подбрасывают убийцы, и не считает его ни на грош толковым сыщиком, хотя приходится соглашаться с ним под напором своего начальника)</p> <p><strong><span style="color: red">Сара</span></strong> (29 лет, бывшая девушка доктора Ватсона. После их небольшого романа, проходившего с постоянными размолвками из-за ненормального беспокойства любимого Шерлоком Холмсом, они решили расстаться. Девушка понимала, что никогда не займет в душе Ватсона того места, что занимает сейчас Шерлок Холмс)</p> <p><strong><em class="bbuline"><span style="color: white">Голем</span></em></strong> (возраст не определен, около 40 лет примерно. Загадочный убийца подкидывающий ребусы Шерлоку Холмсу в виде обвитых взрывчакой людей и телефонных звонком с их голосами. Убийца, хлоднокровный и жестокий, мечтой которого является мучительная смерть самого Шерлока)</p> <p><span style="color: red"><strong>Anna Rivenskey - нкн</strong></span></p> <p><strong><span style="color: red">Рут Уильямс - нкн</span></strong></p> <p><span style="color: red"><strong>Александра Монк - нкн</strong></span></p> <p><span style="color: red"><strong>Marie Maters - нкн</strong></span></p> <p><span style="color: red"><strong>Кдар Рикман - нкн</strong></span></p> <p><strong><span style="color: red">Брайан Баррингтон - нкн</span></strong></p> <p><span style="color: red"><strong>Андреас Баадер - нкн</strong></span></p> <p><span style="color: red"><strong>Stacey Greneva - нкн</strong></span></p> <center> </td></tr></table> <!--2 "news"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 3 --> <div id="tab3" class="tab_content"> <!--3 "navigation" == Начало Заполнения пункта --> <table width="68%" align="center" style="background: url(http://savepic.org/816365.png);text-shadow:#000 1px 1px 1px;"><tr><td> <a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20" target="_blank"><font style="font-size: 14px;">Акция №1.<br/> "Канон есть канон"</font></a><br><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20"><img src='http://savepic.org/814305.png' onmouseover="this.src='http://savepic.org/808161.png'" onmouseout="this.src='http://savepic.org/814305.png'" border="0"/></a></td><td><center><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20" target="_blank"><font style="color: #C44303;font-size:15px!important;"><b> Акция №2.<br/> "Похищение невинности"</b></font></a><br><a href="http://sherlockandwatson.mybb.ru/viewtopic.php?id=20#p20"><img src='http://savepic.org/849120.png' onmouseover="this.src='http://savepic.org/838880.png'" onmouseout="this.src='http://savepic.org/849120.png'" border="0"/> <center> </td></tr></table> <!--3 "navigation"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 4 --> <div id="tab4" class="tab_content"> <!--4 "reclame" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--4 "reclame"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 5 --> <div id="tab5" class="tab_content"> <!--5 "action" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--5 "action"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 6 --> <div id="tab6" class="tab_content"> <!--6 "time" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--6 "time"== ХХ Конец Заполнения пункта --> </div> <!-- Cекция 7 --> <div id="tab7" class="tab_content"> <!--7 "frinds" == Начало Заполнения пункта --> Здесь что-то, обычно табличка <!--7 "frinds"== ХХ Конец Заполнения пункта --> </div> <!--=============== Конец - Весь Контент =====================--> </div> </td> </tr><tr><td align="left" > <ul class="tabs"> <!-- 2-я линия кнопок --> <span style="margin-left:65px" ></span> <span class="my_span"><a href="#tab4" name="reclame"><img class="my_button_line02" src='http://savepic.org/796816.png' onmouseover="this.src='http://savepic.org/800912.png'" onmouseout="this.src='http://savepic.org/796816.png'" border="0" alt="reklame"/></a></span> <span style="margin-left:14px" ></span> <span class="my_span"><a href="#tab5" name="action"><img class="my_button_line02" src='http://savepic.org/845997.png' onmouseover="this.src='http://savepic.org/849069.png'" onmouseout="this.src='http://savepic.org/845997.png'" border="0" alt="actions"/></a></span> <span style="margin-left:13px" ></span> <span class="my_span"><a href="#tab6" name="time"><img class="my_button_line02" src='http://savepic.org/830637.png' onmouseover="this.src='http://savepic.org/827565.png'" onmouseout="this.src='http://savepic.org/830637.png'" border="0" alt="time"/></a></span> <span style="margin-left:9px" ></span> <span class="my_span"><a href="#tab7" name="frinds"><img class="my_button_line02" src='http://savepic.org/821421.png' onmouseover="this.src='http://savepic.org/818349.png'" onmouseout="this.src='http://savepic.org/821421.png'" border="0" alt="friends"/></a></span> </ul> </td> </tr> </tbody> </table> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs .my_span:first").addClass("active").show(); <!--$(".tab_content:first").show(); --> $("ul.tabs .my_span").click(function() { $("ul.tabs .my_span").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> <!--============== Конец Таблички №1=========== -->
PS: И не убирайте начальный-конечный коммент в таблице, -Вам же удобней, вместо кучи отступов!
Отредактировано Deff (Пн, 18 Окт 2010 12:28:41)
Поделиться12Пт, 15 Окт 2010 02:38:10
Люди, если кто хочет получить табличку, указываем адрес форума!(* см вверх, в графу объявление
Для поиска информации рекомендуем воспользоваться поиском по форуму — это удобно
Не забывайте указывать адрес форума в случае проблемы — иначе мы вам не сможем помочь!
Отредактировано Deff (Пт, 15 Окт 2010 02:39:11)
Поделиться13Пт, 15 Окт 2010 11:03:25
Deffя вас люблю
Спасибо огромное!) просто супер) спасибо) то что я хотела)
Поделиться14Пт, 15 Окт 2010 13:25:25
Добрый день,
Хотелось бы заказать у Вас таблицу на форум.
Желательно, чтобы она была с бесцветными полями. Вот ссылка на рисунок:
http://i52.tinypic.com/300607t.jpg
Заранее Спасибо -)
адрес: http://vampirestne.mybb.ru/
Поделиться15Пт, 15 Окт 2010 19:11:35
Добрый день, Хотелось бы заказать у Вас таблицу на форум. Желательно, чтобы она была с бесцветными полями. Вот ссылка на рисунок: http://i52.tinypic.com/300607t.jpg
Заранее Спасибо -)
адрес: --
А такая не пойдёт ? > http://hostjs-mybb2011.narod.ru/table_7.htm ? (*текстовые рисунки поправите сами, если не нравицо, картинка почти прозрачная - 20%
(*- могу картинку вообще убрать > http://hostjs-mybb2011.narod.ru/table_7-2.htm
Отредактировано Deff (Пт, 15 Окт 2010 19:18:56)
Поделиться16Сб, 16 Окт 2010 09:40:27
Можно вот такую пожалуйста
http://savepic.ru/1893485.pngP.S. можно пожалуйста сделать так,чтобы верхние блоки были выпадающими (админы,пост недели,объявления и навигация) и еще блок партнеры такой же
а блок события в игре был с прокруткой
Так возможно сделать?
Gabi -Нарисуй на скриншоте http://savepic.ru/1879690.png в ФШ, как окончательно выглядеть будет
( с надписями и т.д и дай две картинки - с надписями не активными и, когда курсор наведен на клавиши,
*я те такую и свояю -проще сформировать ячейки до установки, чем потом их двигать
Можно пожалуйста табличку? Только я дуб дубом с кодами, поэтому прошу где мне надо писать покажите)
Чот - делаю.. - ни наю -понравицо -нет...
Отредактировано Deff (Сб, 16 Окт 2010 12:02:54)
Поделиться17Вс, 17 Окт 2010 14:02:59
Deff
интересная, но, хотелось бы вот именно как попросила. ибо задумка там на форум есть одна.
Но, можно взять на заметку.
Поделиться18Вс, 17 Окт 2010 14:07:33
Мышь Хм - к вечеру бу
<center> <table cols="2" width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" style="height:185px;"> <!-- Администрация --> <br/><br/><b>Администрация</b><br/> <a href="Ссылка на профиль" title"Aдминистратор Надя" target="_blank"><img src="http://s43.radikal.ru/i101/1007/38/d7eee600eb49.png" alt="Администраторы" style="cursor:pointer; cursor:hand;"/></a> <br/>"Администраторы"<br/>Текст Текст Текст Текст Текст Текст Текс <!-- Модерация --> <br/> <a href="Ссылка на профиль" title"Модератор Надя" target="_blank"><img src="http://s43.radikal.ru/i101/1007/38/d7eee600eb49.png" alt="Администраторы" style="cursor:pointer; cursor:hand;"/></a> "Модераторы" <br/><br/> Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </td> <td rowspan="2" height="100%" width="50%"> <div style="overflow-y: scroll; padding: 12px; width:94%;verflow-x: hidden; height: 370px;"> <br/><br/><b>Приветсвие</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff <br/><br/><b>Погода</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff <br/><br/><b>Время</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff <br/><br/><b>Происходящее в игре</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff <br/><br/><b>Акции</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff <br/><br/><b>Активные квесты</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff </div> </td> </tr> <tr> <td style="height:187px;"> <br/><br/><b>Полезные ссылки</b><br/> weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff weqrarfsfsdfffffffffffffffffffff </td> </tr> </table></center>
Отредактировано Deff (Вс, 17 Окт 2010 22:25:49)
Поделиться20Вс, 17 Окт 2010 23:40:44
Сиена Адрес форума (*и превью не работает у Вас