а как именно это сделать? а то скрипт, который дал Deff, как-то странно работает.

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

Здравствуйте! Поэкспериментировала, но решила  всё  же  обратиться к  Вам за  помощью .

Deff если у  Вас  будет  время  или  возможность   поправьте  пожалуйста, не хватает у меня  терпения с   этими  скриптами .

Хотела  создать  левый боковой Сайдбар, взяла у Вас в теме  которую Вы  мне порекомендовали, всё  очень хорошо стало на  место , но не  могу  толком  поместить   туда  информацию, получается  вот что:

Это то  что  вставила в  объявление, что то  видимо  тут лишнее   и  скажите  пожалуйста можно ли сделать   его  прозрачным как  и  весь  форум . 

<style>
/*#pun-announcement {
display:none;
}
.punbb {
margin:0 26px 0 -26px;
}*/
#tbl-pun-main,#main-center {
width:100%;
padding:0;
border-collapse:collapse;
border:none transparent 0;
}
#main-td-left,#main-td-right {
position:relative;
z-index:100;
margin-top:-10px;
padding:12px;
height:1000px;
background:#ABC9E1 url(http://savepic.net/605682.png) top center repeat-x;
border-style:solid;
border-width:1px;
}
#main-td-left{
float:left;
width:150px;
margin-right:10px;
}
#main-td-right{
float:right;
width:150px;
margin-left:10px;
}
#tbl-pun-main,td#main-center,td#left,td#right {
border:none transparent 0;
}
#pun-stats,#pun-break3,#pun-crumbs2,#pun-break4,#pun-about,#html-footer,#tieser-b-section{
  width:150%;
  margin-left:auto;
  margin-right:auto;
}
</style>
<!-- Сайд-Бар контент --><div id="MySideBarContent" style="display:none;">
<!--  Контент левого Сайдбара -->
<div id="main-td-left">

<div id="sidebar_X">
<div id="pun-category13X" class=category><h2><div class="catleft"></div><span><p style="text-align: center;"><em><span style="color: #0000ff;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #ff0000;">Национальная двадцатка</span></span></span></em></p></span></h2><div class=container>
<center><img src="http://1tv.com.ua/uploads/tv_product/2010/09/14/2ce7d568218cf303475ae9f612f4d9c81798c305.jpg" width="150" style="max-width:150px!important; max-heght:150px!important;margin-top:3px;"/></<p style="text-align: center;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #0000ff;">По итогам прошедшей недели клип "Воздух" занял третье место в Национальной двадцатке! </span></span></p>
</div></div></div>
<div id="sidebar_X">
<div id="pun-category13X" class=category><h2><div class="catleft"></div><span><p style="text-align: center;"><em><span style="color: #0000ff;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #ff0000;">Национальная двадцатка</span></span></span></em></p></span></h2><div class=container>
<center><img src="http://1tv.com.ua/uploads/tv_product/2010/09/14/2ce7d568218cf303475ae9f612f4d9c81798c305.jpg" width="150" style="max-width:150px!important; max-heght:150px!important;margin-top:3px;"/></<p style="text-align: center;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #0000ff;">По итогам прошедшей недели клип "Воздух" занял третье место в Национальной двадцатке! </span></span></p>
</div></div></div>
<div id="sidebar_X">
<div id="pun-category13X" class=category><h2><div class="catleft"></div><span><p style="text-align: center;"><em><span style="color: #0000ff;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #ff0000;">Национальная двадцатка</span></span></span></em></p></span></h2><div class=container>
<center><img src="http://1tv.com.ua/uploads/tv_product/2010/09/14/2ce7d568218cf303475ae9f612f4d9c81798c305.jpg" width="150" style="max-width:150px!important; max-heght:150px!important;margin-top:3px;"/></<p style="text-align: center;"><span style="font-family: &quot;times new roman&quot;, &quot;times&quot;;"><span style="color: #0000ff;">По итогам прошедшей недели клип "Воздух" занял третье место в Национальной двадцатке! </span></span></p>
</div></div></div>
</div>
<!-- Конец Сайд-Бар контентов --></div>

Спасибо большое  если сможете  оказать помощь.

Эстель-Мичи Ccылку на форум дайте

Пробуйте заменить в Объявлении на такой код:

<style>
/*#pun-announcement {
display:none;
}
.punbb {
margin:0 26px 0 26px;
}*/
#pun {
 background:transparent url(http://savepic.ru/2575702.png) repeat-y -114px 0;
 width:1024px;
}
 #title-logo-tdl,
 #title-logo-tdr,
 #pun-announcement,
 #pun-navlinks,
 #pun-ulinks{
 width:796px;
}
 #pun-navlinks{
 margin-top:-4px;
}
#tbl-pun-main,#main-center{
 width:100%;
 padding:0;
 border-collapse:collapse;
 border:none transparent 0;
}
#main-td-left,#main-td-right {
 position:relative;
 z-index:100;
 margin-top: -610px;
 padding:0px;
 height:2100px;
 background:#000 url(http://s1.ipicture.ru/uploads/20110503/v7zTmWNR.png) top center no-repeat!important;
 border-style:transparent;
 border-width:0px;
}
#pun-title,#td_right {
  background-color:#000!important;
}
#main-td-left{
 float:left;
 width:100px;
 margin-right:10px;
}
#main-td-right{
 float:right;
 width:200px!important;
 margin-left:28px;
}
 #tbl-pun-main,td#main-center,td#left,td#right {
 border:none transparent 0;
}
#pun-stats,#pun-break3,#pun-crumbs2,#pun-break4,#pun-about,#html-footer,#tieser-b-section{
  width:797px;
  margin-left:0;
  margin-right:auto;
}
</style>
<!-- Сайд-Бар контент --><div id="MySideBarContent" style="display:none;">


<!-- Контент правого Сайдбара -->

<div id="main-td-right">
Контент правого Сайдбара
</div>

<!-- Конец Сайд-Бар контентов --></div>

Отредактировано Deff (Вт, 3 Май 2011 14:39:22)

Deff
вообще сместилось все

Deff
ширину поправила вот здесь (поставила 400):
#main-td-right{
float:right;
width:200px!important;
margin-left:28px;
}
И высоту с -610 до - 700, теперь бы сдвинуть все правильно, чтобы сам форум не уходил

Все поставила,ничего не выкидывала*

Отредактировано Jane Rover (Вт, 3 Май 2011 14:46:41)