спасибо за таблицу)
интересно, какая по счету... 5? Я понял - вы наверное дизайнер
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)
спасибо за таблицу)
интересно, какая по счету... 5? Я понял - вы наверное дизайнер
1. Рисунок http://uploads.ru/i/N/2/Z/N2Z0x.jpg
2. Ссылка http://ploxaya.mybb.ru/
3. Сделайте, пожалуйста, таблицу без видимых границ. Если это возможно, она должна быть 700 px в длину. Баннеры партнеров - всплывающим окном. Блок "выражаем особу благодарность" - прокруткой...
Заранее спасибо)
моральная крыса, размер аватара скажите?
Rion Leonheart
180 на 180)
В итоге табличка должна быть приблизительно такой:
Адрес сайта: http://sonicxroleplayinggame.0pk.ru/
Отдельные кнопки (если нужны)
Сама таблица
Отдельные кнопки контейнеров:
Верхние:Объявления
Навигация
Админ-состав
В игре
Нижние:4 вечера с...
Партнеры
Игрок месяца
Локации
Кнопки
P.S. По возможности, чтобы контейнеры появлялись красиво) ну, в общем.. ну Вы поняли, да?)я Вам буду безмерно благодарна))
Отредактировано Mystery_Lav (Вт, 24 Янв 2012 21:58:00)
моральная крыса, что подразумевается под "кодом навигации" - какого рода она должна быть?чо-то сразу не посмотрел
Mystery_Lav, "саму таблицу" нун давать без надписи - "Содержание контейнеров")
Rion Leonheart
я там собираюсь разместить навигацию по форуму. Самые главные ссылки. Буду использовать вот эту css навигацию
моральная крыса,
<table style="width: 700px; height: 400px; text-align: center; margin-left: 38px;" border="0" cellpadding="0" cellspacing="0"> <tr><td rowspan="3" style="width: 20%;" align="center" valign="top"> <strong>Навигация</strong><br/><br/> сама навигация </td><td style="width: 60%; height: 100px;" colspan="2" align="center" valign="top"> <strong>Приветствие</strong><br/><br/> текст текст текст текст </td><td rowspan="3" style="width: 20%;" align="center" valign="top"> <strong>Сюжетные квесты</strong><br/><br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> <br/> <a href="ссылка на квест">название квеста</a> </td></tr> <tr><td style="width: 30%; height: 200px;" align="center" valign="top"> <strong>Лучший игрок</strong><br/><br/> <img src="ссылка на аватар"> </td><td style="width: 30%;" align="center" valign="top"> <strong>Новости:</strong><br/><br/> текст текст текст текст </td></tr> <tr><td style="height: 100px;" align="center"> <div align=center style="height: 50px; overflow: auto;"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><strong>Партнеры</strong></a><div style="display: none"> Тут баннеры </div></div> <div style="width: 100%; height: 50px; overflow: auto;"> <strong>Выражаем особую благодарность:</strong><br/><br/> текст текст </div> </td><td align="center" valign="top"> <strong>Каталоги:</strong><br/><br/> под счетчики </td></tr></table>
Rion Leonheart,спасибо!
Сегодня попробую!
Rion Leonheart
спасибо большое)
Rion Leonheart
Моя ошибочка...) Все исправила в фотошопе:
Mystery_Lav, предварительно удалить все куски старого объявления. Про html-низ не забудьте
html-верх:
<style> #menu1 span { margin: 0px;} #menu3 span { margin: 0px 2px;} #submenu {background: transparent url(http://savepic.net/2416432.png) no-repeat center; height: 300px; padding-top: 46px;} .submenutext { display: none; height: 250px; width: 350px; padding: 0px; text-align: center;} </style>
Объявление:
<center><table style="width: 100%; height: text-align: center;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr height="50"><td align="center"> <div id="menu1"> <span alt="#sm1" style="cursor: pointer;"><img src="http://savepic.net/2369521m.png"></span> <span alt="#sm2" style="cursor: pointer;"><img src="http://savepic.net/2361329m.png"></span> <span alt="#sm3" style="cursor: pointer;"><img src="http://savepic.net/2421744m.png"></span> <span alt="#sm4" style="cursor: pointer;"><img src="http://savepic.net/2411504m.png"></span> </div></td></tr> <tr height="310"> <td id="MenuTxT" align="center" width="65%"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> Текст объявлений </div> <div id="sm2" class="submenutext"> Текст навигации </div> <div id="sm3" class="submenutext"> Текст админ-состава </div> <div id="sm4" class="submenutext"> Текст в игре </div> <div id="sm5" class="submenutext"> Текст акций </div> <div id="sm6" class="submenutext"> Текст партнеров </div> <div id="sm7" class="submenutext"> Текст игрок месяца </div> <div id="sm8" class="submenutext"> Текст кнопок </div> <div id="sm9" class="submenutext"> Текст кто-где </div> </div> </td></tr> <tr height="50"> <td align="center"> <div id="menu3"> <span alt="#sm5" style="cursor: pointer;"><img src="http://savepic.net/2369534m.png"></span> <span alt="#sm6" style="cursor: pointer;"><img src="http://savepic.net/2375678m.png"></span> <span alt="#sm7" style="cursor: pointer;"><img src="http://savepic.net/2364414m.png"></span> <span alt="#sm8" style="cursor: pointer;"><img src="http://savepic.net/2388977m.png"></span> <span alt="#sm9" style="cursor: pointer;"><img src="http://savepic.net/2413553m.png"></span> </div> </td></tr> </tbody> </table> </center>
html-низ:
<script type="text/javascript"> $(document).ready( function() { $( "td.#MenuTxT div.submenutext").hide('200'); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show('600'); $("div.#menu1 span,div.#menu2 span,div.#menu3 span").click(function() { $("div.#menu1 span,div.#menu2 span,div.#menu3 span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide('200'); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Отредактировано Rion Leonheart (Чт, 26 Янв 2012 08:03:31)
Исправьте пожалуйста в таблице фон вот на этот:http://www.10pix.ru/img1/3876/6669686.jpg
Сама таблица:
<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> <div style="margin: -15px -3px -3px -3px!important;padding: 12px 0 12px 0; background:#405D7C/*DFD3B0*/;"> <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;"> <!--Администрация == Начало Заполнения пункта --> ke$ha- главная администрация и создатель ролевой. Renesans- главный администратор и ответственный за дизайн. Sausage- заместитель главной администрации. <!--ХХ Конец Заполнения пункта --> </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://asgardia.mybb.ru/viewtopic.php?id=29">.правила</a><br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=32">F.A.Q.</a><br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=95#p232">.список ролей</a><br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=7">.дополнительный список ролей</a><br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=137#p276">.акция №1</a><br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=54">.шаблон анкеты</a><br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=39">.сюжет</a> <a href="http://asgardia.mybb.ru/online.php?id=39">.активны</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> • Погода -4;-7 ; Время:всё по реальному времени и дате. <!--ХХ Конец Заполнения пункта --> </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"> <!-- Важная Информация == Начало Заполнения пункта --> Внимание!На форуме проводится чистка игроков.Те,кто хотят остаться на форуме,прошу отписаться в специальной теме. <!--ХХ Конец Заполнения пункта --> </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: #FF0000; text-shadow: #000 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></div> <!--Спойлер - контейнер--> <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>
Если что, то эта моя таблица, вы её сами для меня делали, никакого плагиата.
Vergini, гы, не, эт не моя таблица
Ссылку на форум - хде эта красота стоить... код таблицы устарел. Нун править
Отредактировано Rion Leonheart (Чт, 26 Янв 2012 17:24:14)
Rion Leonheart
Ну тогда другой кто-то.
Тут стоит(я гл.админ и создатель):http://asgardia.mybb.ru/
Тут будет стоять(админ тоже я):http://equestroll.mybb.ru/
Просто мне тут уже сделали ещё одну таблицу, но мне эта больше нравится^^
А вы не могли бы её подправить?ну, то, что в ней не так;)
А вы не могли бы её подправить?ну, то, что в ней не так;)
этим и собираюсь заняться)
Rion Leonheart
ну сенкс заранее
Vergini, а чо - так не пойдет?
<style> #table_01 { margin: 0px; width:604px; height:402px; background: url(http://www.10pix.ru/img1/3876/6669686.jpg) center center no-repeat;} /* Стиль всплывающего меню */ .splLink {width: 100px; height: 40px;} .splCont {height: auto; width: 224px; background-color: transparent; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: 'Lucida Sans Unicode'; text-align: center; 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;} /* Прозрачка в Всплывающем меню */ .splCont:first-letter { font-family: 'Times New Roman', Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style> <center><table id="table_01" border="0"> <tbody> <tr> <td align="left" style="width:33%; height:80%;"> <table cellspacing="0" cellpadding="0" border="0" style="width:100%;"> <tr height="160"> <td valign="top" align="left"> <DIV><div class=splLink><img src="http://savepic.ru/1651508.png" style="cursor:pointer; cursor:hand;"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <div align="center" style="margin: -3px 3px 3px 0; width: 217px; height: 137px; padding:0; overflow-y: auto;"> <!--Администрация == Начало Заполнения пункта --> ke$ha- главная администрация и создатель ролевой. Renesans- главный администратор и ответственный за дизайн. Sausage- заместитель главной администрации. <!--ХХ Конец Заполнения пункта --> </div> </DIV></DIV> </td></tr> <tr height="160"><td valign="bottom" align="left"> <DIV><div class=splLink><img src="http://savepic.ru/1677129.png" style="cursor:pointer; cursor:hand;"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- Навигация == Начало Заполнения пункта --> <a href="http://asgardia.mybb.ru/viewtopic.php?id=29">.правила</a> <br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=32">F.A.Q.</a> <br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=95#p232">.список ролей</a> <br> <a href="http://hsmwildcats.rolka.su/viewtopic.php?id=7">.дополнительный список ролей</a> <br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=137#p276">.акция №1</a> <br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=54">.шаблон анкеты</a> <br> <a href="http://asgardia.mybb.ru/viewtopic.php?id=39">.сюжет</a> <a href="http://asgardia.mybb.ru/online.php?id=39">.активны</a> <!--ХХ Конец Заполнения пункта --> </DIV></DIV> </td></tr> </table> </td> <td align="center" style="width:33%;"> <table cellspacing="0" border="0" cellpadding="0" style="width:100%;"> <tr> <td align="center"> <DIV><div class=splLink><img src="http://savepic.ru/1668916.png" style="cursor:pointer; cursor:hand;"></div> <DIV style="DISPLAY: none; color: #A7F0F2; text-shadow: #000 1px 1px 1px; position: absolute;" class=splCont> <!-- События на ролевой == Начало Заполнения пункта --> Зима постепенно заканчивается.Тают сугробы.На дорогах скользко и мокро.Пока никаких событий нету.<br><br><br><br> <!--ХХ Конец Заполнения пункта --> </DIV></DIV> </td></tr> </table> </td> <td align="center" style="height:80%;"> <table cellspacing="0" border="0" cellpadding="0" style="width:100%;"> <tr height="160"> <td align="left" valign="top"> <DIV><div class=splLink><img src="http://savepic.ru/1650484.png" style="cursor:pointer; cursor:hand;"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- Погода и Время == Начало Заполнения пункта --> • Морозные зимние дни.Часто идут обширные снегопады.На дорогах сугробы.Колючий ветер никого не жалеет.Но зато прогулка будет великолепной! <br> • Погода -4;-7 ; Время:всё по реальному времени и дате. <!--ХХ Конец Заполнения пункта --> </DIV></DIV> </td></tr> <tr height="160"> <td align="left" valign="bottom"> <DIV><div class=splLink><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> <!-- Важная Информация == Начало Заполнения пункта --> Внимание!На форуме проводится чистка игроков.Те,кто хотят остаться на форуме,прошу отписаться в специальной теме. <!--ХХ Конец Заполнения пункта --> </DIV></DIV> <br/> </td></tr> </table> </td> </tr> <tr> <td colspan="3" align="center" style="width:100%; height: 27px;"> <marquee style="width:96%; height: 27px;" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()"><span style="color: #FF0000; text-shadow: #000 1px 1px 2px; font-size: 24px; font-family: 'Times New Roman'; font-style: italic; font-weight: bold;"> <!--Бегущая строка 2== Начало Заполнения пункта --> Привет! Мы рады видеть тебя в этом конном городе! Вливайся в коллектив и проведи лучшие моменты в своей жизни в солнечной Испании! <!--ХХ Конец Заполнения пункта --> </span></marquee> </td> </tr> </tbody> </table> </center> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Rion Leonheart
отлично;)
Вы здесь » Единый форум поддержки » Корзина » Таблицы на заказ (13)