Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


Таблицы на заказ (14)

Сообщений 621 страница 640 из 1000

621

Здравствуйте! Мне нужна вот такая вот таблица...
http://uploads.ru/i/l/Z/U/lZUcE.jpg

для вот этого форума

В длину - 400 px, а ширину - 800 px, без границ.

0

622

моральная крыса,

Код:
<!-- 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 -->

+2

623

Rion Leonheart
Спасибо большое)

0

624

Rion Leonheart, в самую точку,огромное тебе спасибо  :cool:

Отредактировано Jeka89 (Пт, 8 Июн 2012 01:11:00)

+1

625

Кстати,хотел ещё кое что попросить,можешь в калонке(про услуги) тоже прокрутку поставить?
Буду благодарен

0

626

Жека, она там была, пока ты еще не вставил лишний кусок  ^^

обнови

Код:
<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>

+1

627

Rion Leonheart, спасибо тебе ещё раз)))  :cool:

0

628

Rion Leonheart написал(а):

Прокрутка в контенте каждой кнопки?

ага
http://mybb.ru/f/collection/0211.gif

http://mogila.mybb.ru/

для  этого  форума.

http://uploads.ru/t/y/J/9/yJ9Tu.png

Кликабельная  кнопка,  кроме  лучший  игрок и  его  аватар,  чтобы  он  оставался   всегда,  если  нажмешь  какую-нибудь из кнопок.
Если  надо,  чтобы  текст  прокручивался забыла как это называется

0

629

http://i053.radikal.ru/0806/7f/8b80a2497566.gif как вы вообще с ним уживаетесь...

обновите весь 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)

0

630

можно мне табличку?
эскиз http://uploads.ru/i/O/e/0/Oe0bR.jpg
форум http://hptertium.f-rpg.ru/
высота таблицы 400, ширина 900.

0

631

Астра, размеры вставляемых картинок мне самому подбирать?

0

632

на тестовой пока форум
kastak.mybb.ru

http://uploads.ru/i/e/C/f/eCfTY.png
главное, чтобы не зависимо от информации все колонки не растягивались в длину, надеюсь, понятно, что я хочу сказать х)

0

633

Rion Leonheart, извините )) размер картинок для администрации 100х100, размер картинки для игрока недели 180х180

Отредактировано Астра (Вс, 10 Июн 2012 18:20:03)

0

634

Астра,

Код:
<!-- 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>

+1

635

`тихая написал(а):

все колонки не растягивались в длину

Какой параметр вы подразумеваете под словом "длина"?

На эскизе - "сюда ссылки для навигации" - сюда - куда?

0

636

Rion Leonheart
ну чтобы.. агрх.. короче, чтобы по длине они были равны снизу, там где окошко для баннеров и просто окошко
как бы.. блин, ну я не умею объяснять

сюда - это над таблицей

0

637

`тихая, таблица в объявление?

0

638

Rion Leonheart
да

0

639

http://savepic.net/2909656.png
http://lia.rusff.ru/

меня интересует первая колонка... как ее можно сделать? == а то уже все возможные варианты перебрала ==
буду очень благодарна за помощь

0

640

`тихая:glasses: пайдет?

Код:
<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>

+1


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)