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

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

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


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


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

Сообщений 441 страница 460 из 1000

441

Nill, взяли таблицу Селены Де Мор Вил, мучайтесь сами. Или дайте уже ссылку на форум, я не экстрасенс, по фотографиям зубы не лечу.
И вообще это тема для заказов.
Для вопросов по таблицам есть своя тема.

Отредактировано Rion Leonheart (Ср, 9 Май 2012 18:12:38)

0

442

Приветствую,
Ссылка на тест: http://aloc0dis.mybb.ru/
Хочу заказать у Вас таблицу:
Скрин вкладки намбер ван:
http://uploads.ru/t/W/1/c/W1ca9.jpg
Расположение текста во втором и третьем
http://uploads.ru/t/T/H/t/THt1b.jpg
http://uploads.ru/t/D/e/V/DeVFl.jpg
Ну и последний 4:
http://uploads.ru/t/E/h/P/EhPsk.jpg
Заранее поблагодарю Вас за помощь и извеняюсь, что стащила цвета у предыдущего человека)
Жду.
Ширина - 850-900 не больше
Высота - 450-500

0

443

простите за задержку с ответом х)
п.312

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

тонкая черная рамка вокруг принципиальна?

нет, совершенно нет)

Отредактировано .aliren (Чт, 10 Май 2012 17:20:12)

0

444

такую таблицу я сама не осилю,поэтому очень нуждаюсь в вашей помощи.
вот макет:
http://uploads.ru/i/0/7/3/073RX.jpg
Размеры картинок везде указала
там где модеры должно быть 9 картинок 50*50 (у меня просто все 9 не влезли)
а админов 4 картинки (одну забыла дорисовать)
Остальное вроде все понятно..)
вот под этот дизайн http://rikiti.mybb.ru/
после завершения всего все будет установлено сюда http://blueberrydelond.mybb.ru/
Заранее спасибо)

Отредактировано Ринail.ru (Пт, 11 Май 2012 10:31:44)

0

445

1.http://uploads.ru/t/4/x/U/4xUiX.jpg
2. http://fatariya.ru/
3. ширина 700px. обводка 1 рх темная. содержимое в колонках должно быть посередине

Отредактировано Swetynasty (Пт, 11 Май 2012 14:27:49)

0

446

.aliren,

html-верх:

Код:
<style>	
#menu {margin-top: 5px;}

#menu span {
width: 170px;
height: 20px;
text-align:center;
display: block;
margin-bottom: 10px;
padding: 2px 1px 6px 1px;
color: #000;
background: #bda9a9;
font-family: 'Palatino Linotype';
font-size: 16px;
box-shadow: 3px 5px 10px #000;
    -webkit-box-shadow: 3px 5px 10px #000;
    -khtml-box-shadow: 3px 5px 10px #000;
    -moz-box-shadow: 3px 5px 10px #000;}

#menu .tabactive {color: #fff;}

#submenu {
padding: 0px;
width: 96%;
background: #bda9a9;}

.submenutext {
display: none;
text-align: center;
color: #000;
height: 180px;
font-family: 'Palatino Linotype';
font-size: 12px;}

#submenu {
border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;

box-shadow: 3px 5px 10px #000;
    -webkit-box-shadow: 3px 5px 10px #000;
    -khtml-box-shadow: 3px 5px 10px #000;
    -moz-box-shadow: 3px 5px 10px #000;}

#submenu h3 {font-size: 16px; font-weight: bold; font-style: italic; margin: 5px;}

.splLink {width: 50px; height: 50px; border:}
.splCont {height: 100px; width: 100px; background: #bda9a9; padding: 5px; z-index: 1000; margin: 10px 0 0 -20px; border: 1px solid #000; text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;

    box-shadow: 0px 5px 10px #000;
    -webkit-box-shadow: 0px 5px 10px #000;
    -khtml-box-shadow: 0px 5px 10px #000;
    -moz-box-shadow: 0px 5px 10px #000;} 
</style>

Объявление:

Код:
<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 25%;">
    <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>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%; height: 90%; padding-top: 13px;" cellpadding="10">
<tr style="height: 70px;">
<td style="width: 45%;" align="center" rowspan="2">
<div style="width: 100%; height: 120px; overflow-y: auto;">

текст новостей

</div>
</td>
<td style="width: 10%;"></td>
<td style="width: 45%;" align="center">

еще текст

</td>
</tr>
<tr style="height: 70px;">
<td style="width: 10%;"></td>
<td align="center">

баннеры

</td>
</tr>
</table>

</div>
     <div id="sm2" class="submenutext">

<center><table style="width: 80%; height: 100%; padding-top: 55px;">
<tr>
<td align="center"><DIV><div class=splLink><img style="width: 50px; height: 50px;" src="http://forumavatars.ru/img/avatars/0002/35/a3/20024-1331841196.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1

</DIV></DIV></td>
<td align="center"><DIV><div class=splLink><img style="width: 50px; height: 50px;" src="http://forumavatars.ru/img/avatars/0002/35/a3/20024-1331841196.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2

</DIV></DIV></td>
<td align="center"><DIV><div class=splLink><img style="width: 50px; height: 50px;" src="http://forumavatars.ru/img/avatars/0002/35/a3/20024-1331841196.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3

</DIV></DIV></td>
<td align="center"><DIV><div class=splLink><img style="width: 50px; height: 50px;" src="http://forumavatars.ru/img/avatars/0002/35/a3/20024-1331841196.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 4

</DIV></DIV></td>
<td style="width: 20%;" align="center"><DIV><div class=splLink><img style="width: 50px; height: 50px;" src="http://forumavatars.ru/img/avatars/0002/35/a3/20024-1331841196.jpg"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 5

</DIV></DIV></td>
</tr>
</table></center>

</div>
     <div id="sm3" class="submenutext">

<table style="width: 100%; height: 90%;">
<tr>
<td style="width: 33%;" align="center">

<h3>Заголовок 1</h3>

<a href="ссылка">Название 1</a>
<br/>
<a href="ссылка">Название 2</a>
<br/>
<a href="ссылка">Название 3</a>
<br/>
<a href="ссылка">Название 4</a>
<br/>
<a href="ссылка">Название 5</a>

</td>
<td style="width: 33%;" align="center">

<h3>Заголовок 2</h3>

<form> 
      <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
      <FONT COLOR="#000"> <option>навигация;</option> 
       <option value="http://narutou.mybb.ru/viewtopic.php?id=7"><small>1. Сюжет</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=49"><small>2. Организации</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=12"><small>3. Список ролей</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=15"><small>4. Шаблон анкет</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=10"><small>5. Занятые внешности</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=59"><small>6. Правила</small></option>
<option value="http://narutou.mybb.ru/viewtopic.php?id=13#p17"><small>7. Бронирование ролей</small></option>
     </font>
      </select> 
     </form>

</td>
<td style="width: 33%;" align="center">

<h3>Заголовок 3</h3>

<a href="ссылка">Название 1</a>
<br/>
<a href="ссылка">Название 2</a>
<br/>
<a href="ссылка">Название 3</a>
<br/>
<a href="ссылка">Название 4</a>
<br/>
<a href="ссылка">Название 5</a>

</td>
</tr>
</table>

</div>
     <div id="sm4" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;" align="center">

ротатор

<br/><br/>

ротатор

</td>
<td style="width: 33%;" align="center">

<marquee style="width: 80%; height: 31px;">Прокрутка</marquee>

</td>
<td style="width: 33%;" align="center">

<h3>Заголовок 3</h3>

текст текст текст текст

</td>
</tr>
</table>

</div>
</div>
</td>
</tr>
</tbody>
</table></center>

Html-низ:

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show('2000'); -->
$("td.#MenuTxT div.submenutext:first").show('2000');
$("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>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      if(!$(this).hasClass('Active')){
      $('.splLink').removeClass('Active')
      $('.splLink').parent().children('div.splCont').hide('normal');
      $(this).addClass('Active');$(this).parent().children('div.splCont').show('normal');
      }else {$(this).removeClass('Active');$(this).parent().children('div.splCont').hide('normal');}
      return false;
    });
  });
</script>

http://i053.radikal.ru/0806/7f/8b80a2497566.gif нет у меня скрипта на контекстное меню от картинки при наведении курсора, поэтому - при нажатии на картинку всплывает.

0

447

Niogara,

Код:
<style>
#menu {
margin: 0 50px -15px 0;}

#menu span {
padding: 10px 0 5px 0;
margin: 5px;
width: auto;
height: 40px;
background: #77945b;
display: block;
font-family: 'times new roman'; 
font-size: 18px; 
font-weight: bold;}

#menu .tabactive {
border: 2px solid #c4a84a;
border-bottom: none;
color: #ffff00;}

#submenu {
padding: 0px;
width: 750px;
background: #77945b;
border: 2px solid #c4a84a;}

.submenutext {
display: none;
text-align: center;
height: 450px;}

#submenu h3 {font-family: 'times new roman'; font-size: 24px; margin: 10px;}
</style>

<center><table style="width: 100%; color: #c4a84a;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="right">
    <div id="menu">
<table style="width: 60%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 15%;" align="center">
<span alt="#sm1" style="cursor: pointer;"># 1</span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm2" style="cursor: pointer;"># 2</span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm3" style="cursor: pointer;"># 3</span>
</td>
<td style="width: 15%;" align="center">
<span alt="#sm4" style="cursor: pointer;"># 4</span>
</td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 100%; height: 100%;">
<tr style="height: 50%;">
<td style="width: 60%;" align="center" valign="top">

<h3>Информация</h3>

текст текст текст текст

</td>
<td style="width: 40%;" align="center" valign="top">

<h3>О ролевой</h3>

текст текст текст текст

</td>
</tr>
<tr style="height: 50%;">
<td align="center" valign="top">

<h3>Связь с админами</h3>

текст текст текст текст

</td>
<td align="center" valign="top">

<h3>Навигация</h3>

<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Навигатор</option> 
<option value="ссылка">Тема 1</option>
<option value="ссылка">Тема 2</option>
<option value="ссылка">Тема 3</option>
<option value="ссылка">Тема 4</option>
<option value="ссылка">Тема 5</option>
</select> 
</form>

</td>
</tr>
</table>

</div>

     <div id="sm2" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr style="height: 60%;">
<td align="center" valign="top">

<h3>Полезная информация</h3>

тут что-то

</td>
</tr>
<tr style="height: 40%;">
<td align="center" valign="top">

<h3>Нужные в игру</h3>

<img style="width: 100px; height: 100px;" src="ссылка">
<img style="width: 100px; height: 100px;" src="ссылка">
<img style="width: 100px; height: 100px;" src="ссылка">
<img style="width: 100px; height: 100px;" src="ссылка">
<img style="width: 100px; height: 100px;" src="ссылка">

</td>
</tr>
</table>

</div>

     <div id="sm3" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr style="height: 50%;">
<td style="width: 30%;" align="center" valign="top">

<h3>Игрок</h3>

<img style="width: 100px; height: 100px;" src="ссылка">

</td>
<td style="width: 70%;" align="center" rowspan="2">

<h3>События</h3>

текст текст текст текст

</td>
</tr>
<tr style="height: 50%;">
<td align="center" valign="top">

<h3>Авторы</h3>

<img style="width: 100px; height: 100px;" src="ссылка">

</td>
</tr>
</table>

</div>

     <div id="sm4" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 40%;" align="center">

<img src="ссылка">

</td>
<td style="width: 60%;" align="center">

<h3>Нововведения</h3>

текст текст текст текст

</td>
</tr>
</table>

</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>

0

448

Ринail.ru, а что значит "Форум" и стрелка вниз? ОО

0

449

1. http://uploads.ru/t/D/Q/f/DQf3Z.png
2. http://jigokuhen.mybb.ru/ - таблица требуется на данную ролевую, прошу внимание на дизайн не обращать, так как он старый, новый на текстовике проходит проверку.
3. На эскизе таблице:
Вверху выделила в рамке с пометкой "ссылки 1" и "ссылки 2", на место их должны стоять следующие картинки:
http://uploads.ru/i/e/y/N/eyNVo.png  http://uploads.ru/i/d/7/y/d7yuz.png
И чтобы при нажатии на них всплывало облако с ссылками, а сам цвет всплывающего облака должен быть #b9c1b1. И желательно, дабы эти картинки находились с правой стороны, как на эскизе.

Дальше, в самой таблице есть такие пункты, как "Новости форума" и "События в игре". Содержимое этих двух ячейках должно иметь прокрутку и отделяю границу друг от друга. На самих надписях должны стоять следующие картинки по середине этих ячеек:
http://uploads.ru/i/1/h/z/1hzjM.png  http://uploads.ru/i/q/S/o/qSoFk.png
Фон данной ячейки может быть цвета #b9c1b1 или картинкой.

С правой стороны есть ячейка "Администрация". Эта ячейка должна содержать ссылки на профили администрации или их картинки ссылками, впрочем, это я и сама могу вставить, главное, чтобы там была прокрутка и внутри ячейки с левой стороны стояла следующая картинка:
http://uploads.ru/i/p/e/D/peDt0.png
Фон данной ячейки может быть цвета #b9c1b1 или картинкой.

Внизу таблице, где "Партнеры", должна стоять следующая картинка:
http://uploads.ru/i/0/Z/5/0Z5x6.png
По нажатию этой картинки должно всплывать облако и если возможно, то хотелось бы иметь там прокрутку, если, конечно, это реально. А сам цвет всплывающего облака должен быть #b9c1b1.

Отредактировано Shiro-san (Сб, 12 Май 2012 21:24:43)

0

450

Swetynasty,

по всей вероятности в объявление (*хотя хз:

Код:
<style>
#pun-announcement .container {padding-top: 1em}

#mytabstyle h1 {font-size: 26px; font-weight: bold; font-family: 'times new roman'; font-variant: small-caps;}
#mytabstyle h3 {font-size: 18px; font-family: 'times new roman'; margin: 7px;}
#mytabstyle td {border: 1px solid #333;}
</style>

<table id="mytabstyle" style="width: 100%; border: 1px solid #333;" cellpadding="0" cellspacing="0">
<tr>
<td align="center" colspan="3">

<h1>Название Таблицы</h1>

</td>
</tr>
<tr>
<td style="width: 33%;" align="center" valign="top">

<h3>Название колонки 1</h3>

</td>
<td style="width: 33%;" align="center" valign="top">

<h3>Название колонки 2</h3>

</td>
<td style="width: 33%;" align="center" valign="top">

<h3>Название колонки 3</h3>

</td>
</tr>
<tr>
<td align="center" valign="top" rowspan="3">

текст текст текст текст

</td>
<td align="center" valign="top" rowspan="3">

текст текст текст текст

</td>
<td align="center" valign="top">

текст текст текст текст

</td>
</tr>
<tr>
<td align="center">

<h3>Название колонки 4</h3>

</td>
</tr>
<tr>
<td align="center">

текст текст текст текст

</td>
</tr>
<tr>
<td align="center" colspan="3">

<h3>Название колонки 5</h3>

</td>
</tr>
<tr>
<td align="center" colspan="3">

текст текст текст текст

</td>
</tr>
<tr>
<td align="center" colspan="3">

<h3>Название колонки 6</h3>

</td>
</tr>
<tr>
<td align="center" colspan="3">

текст текст текст текст

</td>
</tr>
</table>

Таблица подстраивает размеры в зависимости от размера контента.

+1

451

Shiro-san написал(а):

чтобы при нажатии на них всплывало облако с ссылками

Есть скрипт облака ссылок, есть контекстное меню, всплывающее при клике. Совмещаемо, наверное. Но мне, в таком случае, непонятно, что значит:

Shiro-san написал(а):

цвет всплывающего облака

Цвет фона или цвет ссылок?

Shiro-san написал(а):

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

Прокрутку какого рода? ОО Облако ссылок само по себе крутящееся. А если прокрутка ручная, то это уже не облако ссылок, а просто список ссылок...  :question:

Отредактировано Rion Leonheart (Сб, 12 Май 2012 21:31:43)

0

452

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

Цвет фона или цвет ссылок?

Это цвет фона)

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

Прокрутку какого рода? ОО Облако ссылок само по себе крутящееся. А если прокрутка ручная, то это уже не облако ссылок, а просто список ссылок...

Просто не знаю, как объяснить. Ну, чтобы, если будет много партнеров, большущее окошко не открывалось, а то будет там ужас большой >< Просто как посмотрела один раз на форуме ка кой-то, из-за картинок там было такое большое всплывающее облако вышло о.о

0

453

Rion Leonheart
НУ что бы одна таблица стояла как обычная, посередине форума, а две побокам, вот типо так, ну только размер примерно одинаковый)
http://uploads.ru/i/A/9/L/A9LH0.jpg
А там я уже ранисовала конкретное расположение что нужно в боковых а что в той что посередине

Отредактировано Ринail.ru (Сб, 12 Май 2012 21:48:00)

0

454

Shiro-san написал(а):

Просто как посмотрела один раз на форуме ка кой-то, из-за картинок там было такое большое всплывающее облако вышло о.о

Так может и нет смысла тогда делать облако. Пусть себе статичненько стоят в один ряд? И окошко маленькое, и прокрутка.

0

455

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

Так может и нет смысла тогда делать облако. Пусть себе статичненько стоят в один ряд? И окошко маленькое, и прокрутка.

Хм, тогда можно туда вместе облака, маленькое окошко и прокрутку?)

0

456

Ринail.ru написал(а):

НУ что бы одна таблица стояла как обычная, посередине форума, а две побокам, вот типо так, ну только размер примерно одинаковый)

http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif Вот если бы не спросил, я б вам в одну таблицу в центре все сделал. Указывать надо сразу - что 2 боковые, а одна центральная  :D

*чайная пауза*

0

457

Shiro-san написал(а):

Хм, тогда можно туда вместе облака, маленькое окошко и прокрутку?)

Вместо? Можно.

0

458

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

Вот если бы не спросил, я б вам в одну таблицу в центре все сделал. Указывать надо сразу - что 2 боковые, а одна центральная

да только сейчас в голову пришло как это можно обьяснить  :D

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

*чайная пауза*

ыы очень надеюсь вы нам к ночи сегодня сделаете..)  :blush:

0

459

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

Вместо? Можно.

Ой, извините пожалуйста, опечатка. Это означало "вместо")

0

460

Ринail.ru написал(а):

очень надеюсь вы нам к ночи сегодня сделаете..)

:D У вас еще не ночь? А то у меня уже 2 часа как ночи.

В html-верх вместо кусков от объявления с кнопками:

Код:
<style>
  .sidebar {
      position: absolute;
      width: 200px;
      top: 680px;
      height: 410px;
      padding: 0px;
      text-align: center;
    }

  #Rightbar {
      margin-left: 5px;
    }

  #Leftbar {
      margin-left: -210px;
    }

  #Rightbar .container,
  #Leftbar .container{
      width: 190px;
      background: #f1e19e;
      height: 400px;
      padding: 5px;
    }

  #Rightbar .container h3,
  #Leftbar .container h3{
      font-size: 14px;
      font-weight: bold;
      font-family: 'Palatino Linotype';
      margin: 7px;
    }
    </style>

<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container">


<h3>игрок месяца</h3>

<img style="width: 150px; height: 120px;" src="link"/>

<h3>пара месяца</h3>

<img style="width: 50px; height: 50px;" align="middle" src="link"/> + <img style="width: 50px; height: 50px;" align="middle" src="link"/>

<h3>самый активный модер</h3>

<img style="width: 150px; height: 120px;" src="link"/>

</div>
</div></span>

<span style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container">


<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr style="height: 50%;">
<td align="left" valign="top">
<div style="width: 100%; height: 70px; overflow-y: auto;">

<h3>срочно:</h3>

text

</div>

<h3>акции:</h3>

<a href="link">Name 1</a>
<br/>
<a href="link">Name 2</a>
<br/>
<a href="link">Name 3</a>

</td>
</tr>
<tr style="height: 50%;">
<td align="left" valign="top">

<center><h3>Паблик Вконтакте</h3>

<img style="width: 75px; height: 110px;" src="link"/></center>

<div style="width: 100%; height: 90px; overflow-y: auto;">

<h3>баннеры поддержки:</h3>

banners

</div>

</td>
</tr>
</table>


</div>
</div></span>

Объявление:

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#mytblst h3{
      font-size: 16px;
      font-weight: bold;
      font-family: 'Palatino Linotype';
      margin: 7px;
      color: #9b9f2f;
    }
</style>

<table id="mytblst" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="3">

<h3>Админы</h3>

<img style="width: 100px; height: 100px;" src="link"/>
<img style="width: 100px; height: 100px;" src="link"/>
<img style="width: 100px; height: 100px;" src="link"/>
<img style="width: 100px; height: 100px;" src="link"/>

<h3>Модеры</h3>

<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>
<img style="width: 50px; height: 50px;" src="link"/>

</td>
</tr>
<tr>
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Новости</h3>

текст

</div>
</td>
<td style="width: 33%;" align="center" valign="top">

<h3>Полезные ссылки</h3>

текст

</td>
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Погода</h3>

текст

</div>
</td>
</tr>
<tr>
<td align="center" colspan="3">
<marquee style="width: 99%; height: 31px;">

партнеры

</marquee>
</td>
</tr>
</table>

ЗЫ. делаете шапку со смазаными краями - мажьте по бокам тоже, потому что у людей с разрешением монитора больше вашего шапка слева и справа резко обрывается в зелетый фон.
А на самом форуме дизайн чудный. *_*

Отредактировано Rion Leonheart (Сб, 12 Май 2012 23:21:29)

0


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