Таблица в объявление
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style>
#menu {margin-top: 1px;}
#menu span {
width: 150px;
height: 22px;
text-align: center;
display: block;
margin-bottom: 3px;
padding: 10px 0 10px 0;
color: #000;
font-size: 16px;
font-weight: bold;
font-family: 'Georgia';
font-style: italic;}
#menu .tabactive {color: #EFFF9F; border-color: #EFFF9F;}
#submenu {
padding: 3px;
width: 99%;}
.submenutext {
display: none;
height: 150px;
padding: 20px;}
.submenutext h3 {
font-size: 14px;
font-weight: bold;
font-family: 'Georgia';
font-style: italic;}
#menu span, .submenutext {border: 1px solid #62b062;}
</style>
<center><table style="width: 100%; border: 1px solid #62b062;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" style="width: 156px;">
<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; text-align: left;">
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 1</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 2</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 3</h3>
<br/>
<h3><img src="http://uploads.ru/i/m/x/s/mxsh4.png"> Тема 4</h3>
</div>
<div id="sm2" class="submenutext" style="text-align: left;">
<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 1</a></h3>
<br/>
<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 2</a></h3>
<br/>
<h3><img src="http://uploads.ru/i/p/q/X/pqXUY.png"> <a href="ссылка на тему">Заказ 3</a></h3>
</div>
<div id="sm3" class="submenutext" style="text-align: center; height: 184px!important; padding: 3px!important;">
<table style="width: 100%; height: 100%;">
<tr>
<td style="height: 60px; border-bottom: 1px solid #62b062;" align="center" colspan="2">
<h3>Логотип</h3>
<img src="ссылка">
</td>
</tr>
<tr>
<td style="width: 75%; height: 100px;" align="center" valign="top">
<h3>О форуме</h3>
текст текст текст текст
</td>
<td style="width: 25%;" align="center">
<div style="width: 99%; height: 112px; border: 2px solid #62b062;">
<h3>Баннер</h3>
<br/>
<img style="width: 88px; height: 31px;" src="ссылка">
<br/>
<textarea cols="45" rows="3">
код баннера
</textarea>
</div>
</td>
</tr>
</table>
</div>
<div id="sm4" class="submenutext" style="text-align: center; height: 184px!important; padding: 3px!important;">
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 25%; border: 2px solid #62b062;" align="center" valign="top">
<h3>Баннеры</h3>
<br/>
<div style="width: 99%; height: 144px; overflow-y: auto;">
баннер
<br/>
баннер
<br/>
баннер
</div>
</td>
<td style="width: 50%; border: 2px solid #62b062;" align="center" valign="top">
<h3>Наши сайты</h3>
<table style="width: 100%; height: 160px;" border="0" cellpadding="3">
<tr>
<td style="width: 50%; height: 80px;" align="center" valign="top">
ВКонтакте 1
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>
</td>
<td style="width: 50%;" align="center" valign="top">
ВКонтакте 2
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>
</td>
</tr>
<tr>
<td style="height: 80px;" align="center" valign="top">
ВКонтакте 3
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>
</td>
<td align="center" valign="top">
ВКонтакте 4
<br/>
<a href="ссылка на сайт"><img src="ссылка на картинку"></a>
</td>
</tr>
</table>
</td>
<td style="width: 25%; border: 2px solid #62b062;" align="center" valign="top">
<h3>Статистика</h3>
<br/>
<div style="width: 99%; height: 144px; overflow-y: auto;">
баннер
<br/>
баннер
<br/>
баннер
</div>
</td>
</tr>
</table>
</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>
- "Выберите файлы" - кликаем по первой картинке и зажимая шифт кликаем по последней, - Сохранить, - "Загрузить" затем Вставить как:"Opигинaл" - нажать кнопку в теме, в форме Ответа =>
