Здравствуйте! Мне нужна вот такая вот таблица...
для вот этого форума
В длину - 400 px, а ширину - 800 px, без границ.
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)
Здравствуйте! Мне нужна вот такая вот таблица...
для вот этого форума
В длину - 400 px, а ширину - 800 px, без границ.
моральная крыса,
<!-- Table Style --> <style type="text/css"> /* Отступ контейнера объявы */ #pun-announcement .container {padding: 1em 0em 1em 0em;} /* Выравнивание в ячейках таблицы */ .mor_rat td { text-align: center; vertical-align: top;} /* Стиль заголовков */ .mor_rat h3 { font-size: 16px; font-weight: bold; font-family: 'palatino linotype'; margin: 5px 0 5px 0;} </style> <!-- End --> <!-- Table --> <table class="mor_rat" style="width: 100%; height: 400px;" cellpadding="0" cellspacing="0"> <tr style="height: 200px;"> <td style="width: 400px;"> <!-- Left Top Col --> <h3>Приветствие</h3> текст <!-- End --> </td> <td style="width: 400px;" rowspan="2"> <div style="width: 100%; height: 312px;"> <!-- Right Top Col --> <h3>Навигация</h3> текст <!-- End --> </div> <div style="width: 100%; height: 88px; overflow-y: auto;"> <!-- Right Bottom Col --> <h3>Партнёры</h3> текст <!-- End --> </div> </td> </tr> <tr style="height: 200px;"> <td> <div style="width: 100%; height: 200px; overflow-y: auto;"> <!-- Left Bottom Col --> <h3>События</h3> текст <!-- End --> </div> </td> </tr> </table> <!-- End -->
Rion Leonheart
Спасибо большое)
Rion Leonheart, в самую точку,огромное тебе спасибо
Отредактировано Jeka89 (Пт, 8 Июн 2012 01:11:00)
Кстати,хотел ещё кое что попросить,можешь в калонке(про услуги) тоже прокрутку поставить?
Буду благодарен
Жека, она там была, пока ты еще не вставил лишний кусок
обнови
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} #menu {margin-top: 3px;} #menu span { width: 170px; height: 22px; text-align: center; display: block; margin-bottom: 3px; padding: 10px 0 10px 0; color: #3F3B3B; font-size: 18px; font-family: 'Impact'; text-shadow: 0px 0px 5px #fff;} #menu .tabactive { border-color: #333; background-color: #A4A5A4; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out;} #submenu { padding: 0px; width: 99%;} .submenutext { display: none; height: 234px; padding: 0px; text-align: center;} .submenutext h3 { color: #3F3B3B; font-size: 16px; font-family: 'system'; font-weight: bold; margin: 8px 0 8px 0;} .submenutext table td { border: 1px solid #979797; padding: 8px; text-align: center; vertical-align: top;} #menu span {border: 1px solid #979797;} </style> <center><table style="width: 100%; border: 1px solid #979797;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="width: 21%;"> <div id="menu"> <span alt="#sm1" style="cursor: pointer;">Новости</span> <span alt="#sm2" style="cursor: pointer;">Немного о нас</span> <span alt="#sm3" style="cursor: pointer;">Наши услуги</span> <span alt="#sm4" style="cursor: pointer;">Администрация</span> <span alt="#sm5" style="cursor: pointer;">Баннеры</span> </div> </td> <td id="MenuTxT" style="width: 79%;" align="center"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <!-- 1st button --> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 50%; text-align: left;"> <div style="width: 100%; height: 208px; overflow-y: auto;"> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> <a href="ссылка на тему">Новость 1 *new*</a></h3> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> <a href="ссылка на тему">Новость 2 *new*</a></h3> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> <a href="ссылка на тему">Новость 3 *new*</a></h3> </div> </td> <td style="width: 50%; text-align: left;"> <div style="width: 100%; height: 208px; overflow-y: auto;"> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> Новость 1</h3> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> Новость 2</h3> <h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png" align="middle"> Новость 3</h3> </div> </td> </tr> </table> <!-- End --> </div> <div id="sm2" class="submenutext"> <!-- 2nd button --> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 50%; vertical-align: bottom;"> <h3>Часики</h3> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash6/cabs/swflash.cab#version=6.0.0.0" style="height: 50px;"> <PARAM name="movie" value="http://avatar.moy.su/flash/clock/33.swf"> <PARAM name="play" value="true"> <PARAM name="loop" value="true"> <PARAM name="WMode" value="transparent"> <PARAM name="quality" value="high"> <PARAM name="bgcolor"> <PARAM name="align"> <EMBED src="http://avatar.moy.su/flash/clock/33.swf" play="true" loop="0" wmode="transparent" quality="high" align pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" style="height: 50px;"> </OBJECT> <h3>Немного о форуме</h3> <div style="width: 100%; height: 90px; overflow-y: auto; text-align: left;"> WinForum создан не только для общения, но и для помощи в решения различных вопросов, связанных непосредственно с компьютером, компьютерными программами и т д. <br/> Кроме того Вы могли бы поучаствовать в обсуждениях, поделиться своим опытом в решении различных задач с другими участниками форума. </div> </td> <td style="width: 50%;"> <img src="http://s019.radikal.ru/i626/1206/c9/5f561b133ae2.png"/> </td> </tr> </table> <!-- End --> </div> <div id="sm3" class="submenutext"> <!-- 3rd button --> <div style="border: 1px solid #979797;"> <h3>Оформляем заявки на заказы</h3> <div style="width: 98%; height: 187px; overflow-y: auto; text-align: left; padding: 5px;"> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=21">Дизайны для форумов MYBB</a> (Создание дизайнов для платформ mybb)</h3> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=23">Ретуширование</a> (Профессиональная ретушь фотографий и портретная ретушь)</h3> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=48">Написание статей</a> (Профессиональный копирайтинг и рерайтинг)</h3> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=20">Создание аватаров</a> (Создаем аватары:Для сайта вконтакте,для форумов и т.п.)</h3> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=24">Создание видео</a> (Создаем видео из обычных картинок,фрагментов фильмов и т.д.)</h3> <h3><img src="http://s019.radikal.ru/i604/1206/55/db81395a9bfd.png" align="middle"> <a href="http://win-forum.ru/viewforum.php?id=19">Учебный процесс</a> (Выполнение докладов,рефератов,курсовых,дипломов.)</h3> </div> </div> <!-- End --> </div> <div id="sm4" class="submenutext"> <!-- 4th button --> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 25%;"> <img style="width: 85px; height: 85px;" src="ссылка на аватар"/> <div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> +</a><div style="display: none"> <h3>Имя</h3> <p align="left"> <b>Лет</b> ... <br/> <b>Mail.Ru Агент</b> ... <br/> <b>Skype</b> ... <br/> <b>ICQ</b> ... <br/> <b>Моб. тел</b> ... </p> </div></div> </td> <td style="width: 25%;"> <img style="width: 85px; height: 85px;" src="http://forumavatars.ru/img/avatars/0000/14/1c/29061-1335893504.png"/> <div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> +</a><div style="display: none"> <h3>Имя</h3> <p align="left"> <b>Лет</b> 23 <br/> <b>Mail.Ru Агент</b> cool-boy1989@mail.ru <br/> <b>Skype</b> dj.chance <br/> <b>ICQ</b> 615005894 <br/> <b>Моб. тел</b> ... </p> </div></div> </td> <td style="width: 25%;"> <img style="width: 85px; height: 85px;" src="ссылка на аватар"/> <div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> +</a><div style="display: none"> <h3>Имя</h3> <p align="left"> <b>Лет</b> ... <br/> <b>Mail.Ru Агент</b> ... <br/> <b>Skype</b> ... <br/> <b>ICQ</b> ... <br/> <b>Моб. тел</b> ... </p> </div></div> </td> <td style="width: 25%;"> <img style="width: 85px; height: 85px;" src="ссылка на аватар"/> <div align="center"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> +</a><div style="display: none"> <h3>Имя</h3> <p align="left"> <b>Лет</b> ... <br/> <b>Mail.Ru Агент</b> ... <br/> <b>Skype</b> ... <br/> <b>ICQ</b> ... <br/> <b>Моб. тел</b> ... </p> </div></div> </td> </tr> </table> <!-- End --> </div> <div id="sm5" class="submenutext"> <!-- 5th button --> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 25%;"> <h3>Друзья</h3> <div style="width: 100%; height: 178px; overflow-y: auto;"> баннер <br/> баннер </div> </td> <td style="width: 25%;"> <h3>Полезное</h3> <div style="width: 100%; height: 178px; overflow-y: auto;"> баннер <br/> баннер </div> </td> <td style="width: 25%;"> <h3>Заработок и т.п.</h3> <div style="width: 100%; height: 178px; overflow-y: auto;"> баннер <br/> баннер </div> </td> <td style="width: 25%;"> <h3>Статистика</h3> <div style="width: 100%; height: 178px; overflow-y: auto;"> баннер <br/> баннер </div> </td> </tr> </table> <!-- End --> </div> </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, спасибо тебе ещё раз)))
как вы вообще с ним уживаетесь...
обновите весь html-верх
<style> body {font-size: 110%;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-position: 50% -10px; height: 38px; } </style> <!--шапка--> <div id="logoup"> </div> <!--двигаем рекламу--> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 50%; top: 323px; margin-left: -420px;} </style> <!-- Иконки сообщений --> <style type="text/css"> .punbb td div.tclcon {margin-left: 110px;} .punbb div.icon { float: left; display: block; width: 100px; height: 100px;} .punbb table Div.icon {background: url("http://s017.radikal.ru/i419/1204/50/6b712f45b77d.png") no-repeat;} TR.inew Div.icon {background: url("http://s019.radikal.ru/i600/1204/e6/77df3d09b939.png") no-repeat;} TR.isticky Div.icon {background: url("http://s019.radikal.ru/i644/1204/6b/08abf611ea31.png") no-repeat;} TR.iclosed Div.icon {background: url("http://s019.radikal.ru/i644/1204/6b/08abf611ea31.png") no-repeat;} TR.iredirect Div.icon {background: url("http://s019.radikal.ru/i644/1204/6b/08abf611ea31.png") no-repeat;} #pun-stats ul.container {background: transparent url(http://s3.rimg.info/9b05bff070b0381dbf3b72840fcdd4a5.gif) no-repeat 1px 30px; padding-left: 120px;} </style> <!-- УВЕДОМЛЕНИЕ --> <div id="inter2" style="display:none;position: fixed; z-index:10000;top: 40%; width: 390px; padding-left: 20px; padding-right: 0px; height:137px; left:50%!important;margin-left: -200px!important; background: url(http://savepic.org/2101710.png); border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000; font-weight: bold; border: none; font-family: arial; font-size: 12px; font-style: oblique; line-height: 9px;"><img class="img1809" style="position: absolute;cursor:pointer;right:0;" src="http://savepic.org/2110923.gif"/><div style="COLOR: #FFF; font-variant: normal;line-height:125%; font-size: 14px; text-shadow: #000 1px 1px 0; margin-bottom: 8px; margin-top: 7px; padding-top: 6px; overflow-y: auto!important; width: 400px; height: 100px!important; scrollbar-face-color: #5f1b1b;scrollbar-highlight-color: #212126; scrollbar-shadow-color: #ae5151;scrollbar-3dlight-color: #212126; scrollbar-arrow-color: #5f1b1b; scrollbar-track-color: #761a1a;scrollbar-darkshadow-color: #ae5151;"> <!-- КОНТЕНТ --> <center><p>Уважаемые пользователи!<br> Не забываем каждый день проходить по баннерам</p> <a href="http://top.roleplay.ru/17891" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </center> <br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=77#p17163">.Объявления от администрации</a> обновление от 4.06.12 <!--/End КОНТЕНТ --> </div></div> <script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script> <script type="text/javascript"> if(typeof(getCookie01)!="undefined"){ var UwOn=1 //1-Уведомление Включено; 0 - Выключено RabRegim=1 // 1 - Рабочий Режим -(Если - 0 Тестовый режим и Всплывает все время if(!RabRegim){deleteCookie01('#inter2')} var TimePOP=12 // раз в 12 часов повторяемость - для одного юзера if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){ $("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)} $(".img1809").click(function(){$("#inter2").hide();}); } </script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ --> <div style="position:fixed; right :0%; bottom: 45%;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="http://uploads.ru/i/P/A/m/PAmdc.png" alt="Вверх страницы" ></a><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img style="margin-top: -4px;" src="http://uploads.ru/i/M/2/E/M2EW3.png" alt="Вниз страницы" ></a> </div>
и весь html-низ заодно
<!--Выделение кода--> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script> <script type="text/javascript"> var arr = document.links; for (j in arr) { if (arr[j].innerHTML == "Новая тема") arr[j].innerHTML = "<img src='http://uploads.ru/i/x/T/a/xTay7.png' />" else if (arr[j].innerHTML == "Новый опрос") arr[j].innerHTML = "<img src='http://uploads.ru/i/8/b/a/8baLc.png' />" } </script> <script> <!-- indexof="<img src='http://uploads.ru/i/R/m/n/RmnxV.png' />" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://uploads.ru/i/z/m/h/zmh7F.png' />" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- pravilof="<img src='http://xmages.net/storage/10/1/0/f/5/upload/e3c70d03.png' />" str = document.getElementById("navrules").innerHTML pos = str.indexOf("Правила") document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- findof="<img src='http://uploads.ru/i/G/o/N/GoNfm.png' />" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://uploads.ru/i/t/7/r/t7rd3.png' />" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://uploads.ru/i/a/X/t/aXtWO.png' />" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://uploads.ru/i/m/E/X/mEXrO.png' />" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='http://uploads.ru/i/n/d/r/ndrl1.png' />" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://uploads.ru/i/n/S/G/nSGzF.png' />" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='http://uploads.ru/i/5/k/c/5kcSm.png' />" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <center><a title="Баннеры" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;" class="tagcutflag"> <img src="http://uploads.ru/t/l/t/h/lth9z.png"></a><div class="tagcut" style="display: none"> <a href="http://rigii008.mybb.ru/" target="_blank"><img src="http://uploads.ru/i/M/P/V/MPVoz.gif" border="0" alt="Волшебный Мир..."/></a> <a href="http://fairy.mybb.by/"><img src="http://uploads.ru/i/h/n/E/hnENA.jpg"/></a> <a href="http://theprincessofvampires.rolka.su" target="_blank"><img src="http://s018.radikal.ru/i510/1201/af/44cef92dc642.gif" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a> <a target="_blank" href="http://apocryph.rusff.ru/"><img src="http://s44.radikal.ru/i103/1101/c7/6e394488e260.gif"/></a> <a href="http://exorcist.f-rpg.ru" title="Ao no Exorcist: yuganda sekai." target="_blank"><img src="http://uploads.ru/i/i/t/2/it2Uy.gif" border="0" width="88" height="31"></a> <a href="http://yuriutopia.rolka.su/" target="_blank"><img src="http://uploads.ru/i/l/3/L/l3LgU.jpg"/></a> <a href="http://www.rigii008.mybb.ru/"><img src="http://forumupload.ru/uploads/000f/55/8a/87-1.gif" title="Волшебный мир..."/> <a href="http://art.mybb.by/"><img src="http://forumupload.ru/uploads/000f/c1/ed/39-1.jpg" title="~Иллюзия мира. Форум для творческих людей."/></a> <a href="http://vampireknightworld.spybb.ru/" target="_blank"><img src="http://forumupload.ru/uploads/0003/19/38/15345-5.png" border="0" alt="Vampire Knight: Начало Начал RPG"></a> <a href="http://demonsexcollege.rolka.su/" target="_blank"><img src="http://s55.radikal.ru/i148/0912/49/22ba8b65caca.gif" border="0" alt="[Demon Sex Cоllege]"></a> <a href="http://almaz4cats1warriors.liverolka.ru/" target="_blank"><img src="http://forumstatic.ru/files/000f/ed/0c/50711.gif" border="0" title="Коты-Воители. Знак Луны." width="88" height="31"></a> <a href="http://hoganotherworld.0bb.ru/" target="_blank"><img src="http://i66.beon.ru/34/57/1735734/33/avatars/2.gif" border="0" title="Hogwarts: a map of another world" width="88" height="31"></a> <a href="http://lavilledelhostilit2.rolka.su/" target="_blank"><img src="http://s005.radikal.ru/i210/1104/45/ad33c2d39121.jpg"/></a> <a href="http://bleachcheckmate.rusff.ru/"><img src="http://savepic.net/2478907m.gif" width="88" height="31"></a> <a target="Academy Ouran" href="http://academyouran2.anihub.ru/"><img src="http://uploads.ru/i/J/K/z/JKzrt.png"></a> <a href='http://mybloodydemon.mybb.ru' target='_blank'><img src='http://img190.imageshack.us/img190/6439/tumblrm06zncvumf1qc5won.gif'></a> <a href="http://no6.f-rpg.ru/" title="No.6; Шестая Зона." target="_blank"><img src="http://uploads.ru/i/u/A/Y/uAY1I.png" border="0" width="88" height="31"></a> <a target="_blank" href="http://daigakuiwate.rolebb.ru/"><img src="http://s019.radikal.ru/i628/1206/db/77ad61f76b4c.gif"/></a> </div></center> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49"></script> <!--количество написанных символов--> <script type="text/javascript"> if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1) || (document.URL.indexOf("edit.php") != -1)) { var repl = document.getElementById("main-reply"); var submit = document.getElementsByTagName("p") for (var i=0; i<submit.length; i++){ if (submit[i].className == "formsubmit") submit[i].innerHTML = "<span id=\"plng\" style=\"border: 1px solid; padding: 2px 3px;\">Написано символов: <b>0</b></span>" + submit[i].innerHTML; } repl.onkeyup = repl.onkeydown = repl.onfocus = repl.onblur = function(){ document.getElementById("plng").innerHTML ="Написано символов: <b>" + (repl.value.length) + "</b>"; }} </script> <script type="text/javascript"> PiarNik="Рекламуська Муська"; PiarPas="1234567"; var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\ <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\ <fieldset>\ <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\ <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\ <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\ <input type=\"submit\" class=\"button\" name=\"login\"/>\ </fieldset>\ </form>\ </div>\ <li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img src=\"http://s58.radikal.ru/i162/1203/ab/0daeeea1f814.png\"/></span></a></li>"; if($("#navlogin").html()!=null){ $("#navlogin").after(L) //navlogin $("#PR_loginDiv #fld1").val(PiarNik) $("#PR_loginDiv #fld2").val(PiarPas) function PiarIn () {$("#PR_loginDiv input[type='submit']").click();} } </script>
новое объявление
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} #menu span { display: block; padding: 3px; margin: 0 0 4px 0; width: auto; height: 35px;} #submenu { padding: 15px; width: 90%;} #menu span, #submenu {border: 1px dashed #000;} .submenutext { display: none; text-align: center; height: 363px; overflow-y: auto;} </style> <center><table style="width: 100%;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 25%;"> <b>Лучший игрок</b> <br/><br/><img style="width: 120px; height: 120px;" src="link"/><br/><br/> <div id="menu"> <span alt=#sm1 "style="cursor: pointer;"><img src="http://s004.radikal.ru/i205/1202/4d/bc82597dbb39.png" alt="Кнопа 1"/></span> <span alt=#sm2 "style="cursor: pointer;"><img src="http://s018.radikal.ru/i523/1202/91/dae747857837.png" alt="Кнопа 2"/></span> <span alt=#sm3 "style="cursor: pointer;"><img src="http://i047.radikal.ru/1202/35/dbb22641354b.png" alt="Кнопа 3"/></span> <span alt=#sm4 "style="cursor: pointer;"><img src="http://s018.radikal.ru/i501/1202/ae/8a1768fada80.png" alt="Кнопа 4"/></span> <span alt=#sm5 "style="cursor: pointer;"><img src="http://s018.radikal.ru/i517/1202/3e/0077e97bc38b.png" alt="Кнопа 5"/></span> </div> </td> <td id="MenuTxT" style="width: 75%;" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block; text-align: left;"><br/> <center><a href="http://top.roleplay.ru/17891" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a></center> <br/><br/> <b>04.06.2012</b> У нас <b>куча новостей</b>. Все их можно прочитать в <a href="http://mogila.mybb.ru/viewtopic.php?id=77#p25606">.Объявлениях от администрации</a>. <br/><br/> А после окончания акции <b>оЛЕНЬ</b> нашими оленями стали <i>Lilian Neah, Эрик</i> - самые ленивые на нашем форуме. <br/><br/> <b>01.06.2012</b> Создана тема <a href="http://mogila.mybb.ru/viewtopic.php?id=245#p22879">.Обсуждение постов</a>, не стесняемся и используем её по назначению. <br/><br/> Если остались в игре одни, уходите из локации или пишите админам в ЛС - поможем. </div> <div id="sm2" class="submenutext"><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=7#p8">.::Правила::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=5">.::Сюжет::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=9">.::Роли::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=6#p6">.::Шаблон Анкеты::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=10">.::О способностях и Уровнях::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=76">.::Список способностей::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=18">.::Повышение опыта и уровня::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=20">.::Заказ локаций::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=19">.::Заказ комнат::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=56">.::Отношения::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=16">.::Уход/Отсутствие::.</a> <br/><br/> <a href="http://mogila.mybb.ru/viewtopic.php?id=187">.::Художественная мастерская::.</a> </div> <div id="sm3" class="submenutext"><br/> <b>День недели:</b> понедельник; <br/><br/> <b>Время суток:</b> утро; <br/><br/> <b>Погода:</b> облачно, редкий туман, +15; <br/><br/> <b>Дата:</b> 8 сентября; <br/><br/> <b>Смена времени:</b> 15 июня 2012. </div> <div id="sm4" class="submenutext"><br/> <b><u>Лайз Суони <br/> Мичирел Антелик <br/> Ayrin <br/> Miles</u></b> </div> <div id="sm5" class="submenutext"><br/> <a href=http://urchoice.ru/ target="_blank"><img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"/></a> <a href="http://no6.f-rpg.ru/" title="No.6; Шестая Зона." target="_blank"><img src="http://uploads.ru/i/u/A/Y/uAY1I.png" border="0" width="88" height="31"></a> <a target="_blank" href="http://prostosm.rolka.su"><img src="http://uploads.ru/i/9/Z/h/9Zhaj.gif"/></a> <a href="http://claymore2011.mybb.ru/" target="_blank"><img src="http://animating.ru/avatars/data/media/154/Claymore_24.gif" border="0" alt="Клеймор"height="31" width="88" border="0"> </div> </div> </td> </tr> </tbody> </table> <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 (Сб, 9 Июн 2012 15:15:52)
можно мне табличку?
эскиз http://uploads.ru/i/O/e/0/Oe0bR.jpg
форум http://hptertium.f-rpg.ru/
высота таблицы 400, ширина 900.
Астра, размеры вставляемых картинок мне самому подбирать?
на тестовой пока форум
kastak.mybb.ru
http://uploads.ru/i/e/C/f/eCfTY.png
главное, чтобы не зависимо от информации все колонки не растягивались в длину, надеюсь, понятно, что я хочу сказать х)
Rion Leonheart, извините )) размер картинок для администрации 100х100, размер картинки для игрока недели 180х180
Отредактировано Астра (Вс, 10 Июн 2012 18:20:03)
Астра,
<!-- Tab-e Style --> <style> #pun-announcement .container {height: 370px;} /* Отступ таблицы */ .potteriana {margin-top: 185px; margin-bottom: 20px!important;} /* Выравнивание контента */ .potteriana td {text-align: center; vertical-align: top;} /* Размеры аватаров админов */ .potteriana .picture img {width: 100px; height: 100px; margin: 2px;} /* Заголовки и текст */ .potteriana h3 {font: 16px 'Palatino Linotype', serif; font-weight: bold; font-style: italic; margin: 5px 0 5px 0;} .potteriana strong {font: 13px 'Palatino Linotype', serif; font-style: italic;} .potteriana p {text-align: left; padding-left: 20px;} /* Кнопка партнеров */ .splLink {width: auto; height: 16px; text-align: center;} .splCont {width: auto; max-width: 195px; height: auto; max-height: 62px; overflow-y: auto; background: #E7E5E0; padding: 5px; z-index: 1000; margin-top: 10px; margin-left: 40px; border: 1px solid #60544B; text-align: left;} </style> <!-- End --> <!-- Main Tab-e --> <center><table class="potteriana" style="width: 900px; height: 400px;" cellpadding="0" cellspacing="0"> <tr> <td style="width: 350px;"> <!-- Info-box --> <h3>Информация о мире</h3> <p style="padding-left: 20px!important; padding-right: 20px;"> <b>Название:</b> Hogwarts. Tertium. <br/> <b>Рейтинг игры:</b> NC-21 <br/> <b>Система игры:</b> Эпизодическая <br/> <b>Краткое описание сюжета игры:</b> Окончен пятый курс обучения в школе и Гарри Поттеру вновь предстоит вернуться в школу. После того, как Амбридж оставила свой пост преподавателя ЗОТС, Альбус Дамблдор принимает решение взять на ее место весьма тайную и загадочную личность, настоящее имя которой известно лишь нескольким преподавателям Хогвартса. После того, как Темному Лорду помешали обрести власть на артефактом стихий, жизнь в магической части Британии встала с ног на голову. Теперь сломанный артефакт служит источником силы, которая обращает волшебников с неустойчивой психикой в стихийных магов. </p> <!-- End --> <!-- Admin-box --> <h3>Администрация</h3> <div class="picture"> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/2-1338110504.png" title="Admin: Professor"/> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/6-1338142953.png" title="Admin: Hermi Granger"/> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/8-1338222370.jpg" title="Admin: Demelza Robins"/> <br/> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/9-1338200549.jpg" title="Moder: Pansy Parkinson"/> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/14-1338617639.png" title="Moder: Julia Evans"/> <img src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/10-1338874795.gif" title="Moder: Ron Weasley"/> </div> <!-- End --> </td> <td style="width: 200px;"> <!-- Best Player --> <h3>Игрок недели</h3> <img style="width: 180px; height: 180px;" src="http://hptertium.f-rpg.ru/img/avatars/0011/82/19/3-1338299017.png"/><br/><br/> <!-- End --> <!-- Links --> <h3>Навигация</h3> <!-- Links 1 --> <p> <strong>для игроков</strong><br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=9">Заполнение профиля</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=8">Смена ника</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=11">Заказать квест</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=35">Уход/Отсутствие</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=27">Занятые внешности</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=10">Вопросы по форуму/игре</a> </p> <!-- End --> <br/> <!-- Links 2 --> <p> <strong>для гостей</strong><br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=2">Правила форума</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=5">Сюжет игры</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=4">Список персонажей</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=22">Стихийная магия</a> <br/> <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=3">Библиотека</a> <br/> <a href="http://hptertium.f-rpg.ru/viewforum.php?id=7">Акции</a> </p> <!-- End --> <!-- End --> </td> <td style="width: 250px;"> <!-- News --> <h3>Новости форума</h3> <div style="width: 93%; height: 390px; padding-left: 10px; padding-right: 10px; text-align: left; overflow-y: auto;"> • Доработана статья по стихийным магам. <br/> • Акция Rusff "Доменизация", суть которой состоит в том, что активные форумы получат бесплатный домен. Давайте постараемся заполучить эту прекрасную возможность. <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=51#p789">Подробнее.</a> <br/> • Теперь вы можете оставить отзыв о нашем форуме. <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=31#p83">Оставить свой отзыв.</a> <br/> • Идет набор в АМС форума. Подробнее можно узнать <a href="http://hptertium.f-rpg.ru/viewtopic.php?id=31#p83">здесь.</a> <br/> • C радостью сообщаем вам о том, что наш форум официально открыт, а игра запущена. </div> <!-- End --> <br/> <!-- Banners --> <div><div class=splLink><h3>Партнёры</h3></div> <div style="display: none; position: absolute;" class=splCont> <!-- Content --> <a href="http://alariaw.ru/" target="_blank"><img src="http://s019.radikal.ru/i642/1203/a3/36cc5c714696.png" alt="Алария, авторский мир фентези"/></a> <a href="http://cat.rusff.ru" target="_blank"><img src="http://forumstatic.ru/files/0011/88/07/33390.jpg" border="0" alt="The !nverted" title="Кот. Вдохновляй. Создавай. Обучение веб-дизайну и вёрстке."></a> <!-- End --> </div></div> <!-- End --> </td> </tr> </table></center> <!-- End --> <!-- Спойлер-контейнер --> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
все колонки не растягивались в длину
Какой параметр вы подразумеваете под словом "длина"?
На эскизе - "сюда ссылки для навигации" - сюда - куда?
Rion Leonheart
ну чтобы.. агрх.. короче, чтобы по длине они были равны снизу, там где окошко для баннеров и просто окошко
как бы.. блин, ну я не умею объяснять
сюда - это над таблицей
`тихая, таблица в объявление?
Rion Leonheart
да
http://savepic.net/2909656.png
http://lia.rusff.ru/
меня интересует первая колонка... как ее можно сделать? == а то уже все возможные варианты перебрала ==
буду очень благодарна за помощь
`тихая, пайдет?
<style type="text/css"> #pun-announcement .container {padding-top: 1.2em} /* Align */ .warrio td {text-align: center; vertical-align: top;} /* Titles */ .warrio h3 {font: 18px 'palatino linotype', serif; font-style: italic; margin: 5px 0 5px 0;} </style> <center><table class="warrio" style="width: 90%; height: 300px;" cellpadding="0" cellspacing="0"> <tr style="height: 240px;"> <td style="width: 50%;"> <h3>Заголовок 1</h3> текст текст текст текст </td> <td style="width: 40%;" rowspan="2"> <div style="width: 100%; height: 120px; overflow-y: auto;"> <h3>Заголовок 2</h3> текст </div> <div style="width: 100%; height: 180px; overflow-y: auto;"> <h3>Заголовок 3</h3> текст </div> </td> </tr> <tr> <td style="height: 60px;"> <h3>Баннеры</h3> <marquee style="width: 98%; height: 31px;" scrollamount="2"> код баннера код баннера код баннера код баннера </marquee> </td> </tr> </table></center>
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)