1 Topic by PunBB

Topic: Сайдбар для форума - Sidebar For Punbb

Как сделать простой сайдбар на форуме punbb? Вот конечно не идеальный вариант, но для начала сойдет. Сайдбар будет размещен справа, но если поправить немного стиль то можно и отобразить слева.

CSS

/* Sidebar
-------------------------------------------------------------*/
#sidebar {    
    width:25.5%;
    height:auto;
    position:absolute;
    right:0;
}

#sidebar div, p {
    padding:10px;
}

#sidebar .main-head {
    height:20px;
    white-space:nowrap;
    line-height: 10px;
}

#sidebar .main-content {
    margin-bottom:20px;    
}

#brd-visit {
    margin-bottom:14px;
}

#brd-main {
    width:72.5%;
    margin-bottom:20px;
}


@media only screen and (max-width : 980px),
only screen and (max-device-width : 980px) {
  #sidebar {
        right:0;
        left:0;
        top:100%;
        width:95%;
        margin-bottom:30px;
  }
}

@media only screen and (max-width : 980px),
only screen and (max-device-width : 980px) {
  #brd-main {
        width:95%;
  }
}

/include/user/sidebar_right.php

<div class="main-head">
        <h2 class="hn"><span>Title</span></h2>
</div>
<div class="main-content">
Content Here
</div>

/include/template/main.tpl

    <!-- forum_announcement -->
          <div class="hr"><hr /></div>
          
          <div id="sidebar">
              <!-- forum_include "sidebar_right.php" -->
          </div>
          
          <div id="brd-main">

1

2 Reply by Chase

Re: Сайдбар для форума - Sidebar For Punbb

Posts like this brehgtin up my day. Thanks for taking the time.