<style>
.punbb a.ssylka {
display: inline;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
position: relative;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
border: 0px solid transparent;;
 border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>
<div class="opisF">
<br> 
<a href="https://testso.mybb.ru/viewtopic.php?id=76" class="ssylka">| Объявления и новости </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=77#p4778" class="ssylka">| Круглый стол</a>
<a href="https://testso.mybb.ru/viewtopic.php?id=78" class="ssylka">| Отсутствие, смена роли, уход </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=79" class="ssylka">| Поиск партнеров для игры </a>
<a href="http://curama.mybb.ru/viewtopic.php?id=187" class="ssylka">| Заказ ГМ  </a>
<a href="https://testso.mybb.ru/viewforum.php?id=8" class="ssylka">| Идеи по квестам и эпизодам </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=81" class="ssylka">| Квесты </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=82" class="ssylka">| Приём заявок на эпизоды</a>
<br>
</div>

.opisF {
  background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
    }

<style>
.opisF2 {
  background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
}

.punbb a.ssylka {
display: inline;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
position: relative;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
border: 0px solid transparent;;
 border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>
<div class="opisF2">
<br> 
<a href="https://testso.mybb.ru/viewtopic.php?id=76" class="ssylka">| Объявления и новости </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=77#p4778" class="ssylka">| Круглый стол</a>
<a href="https://testso.mybb.ru/viewtopic.php?id=78" class="ssylka">| Отсутствие, смена роли, уход </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=79" class="ssylka">| Поиск партнеров для игры </a>
<a href="http://curama.mybb.ru/viewtopic.php?id=187" class="ssylka">| Заказ ГМ  </a>
<a href="https://testso.mybb.ru/viewforum.php?id=8" class="ssylka">| Идеи по квестам и эпизодам </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=81" class="ssylka">| Квесты </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=82" class="ssylka">| Приём заявок на эпизоды</a>
<br>
</div>

<!-- Убрать колонки 2 и 3 на главной, увеличить ширину 1 колонки -->
<style>
#pun-index #pun-main .tc2, #pun-index #pun-main .tc3 {
  display: none;
}

#pun-index #pun-main .tc1 {
  width: 60%;
}

#pun-index .category h3 {
  width: auto;
  padding: 10px 0 10px 42px;
  background-size: cover;
  height: auto;
}
</style>

<style>
@media screen and (max-width: 1000px) {
  #pun {
    padding: 0;
  }
}
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 130px;
}
#pun-ulinks {
  min-width: 100%;
}
#pun-ulinks + div {
  margin-top: 266px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #5381b5;
  height: 130px;
  overflow: hidden;
}
.header_logo img {
  width: 1200px;
}
.header_div {
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.punbb .header_div a {
  color: #fff;
}
.lastpost-link {
  display: block;
  overflow: hidden;
}
.header_menu {
  display: block;
  margin-top: 5px;
  padding-bottom: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; 
  -webkit-overflow-scrolling: touch;
}
.header_menu span, .header_menu a {
  display: inline-block;
  margin: 0 10px;
}
/* Для прочих браузеров скроллбар */
.header_menu::-webkit-scrollbar {
  height: 5px;
}
.header_menu::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.25);
  border-radius: 3px;
}
.header_menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.55);
}
.header_menu::-webkit-scrollbar-track {
  background: transparent;
}
</style>
<div class="header">
  <div class="header_div">
    <div class="header_logo">
      <a target="_blank" href="//gb.my1.ru/"><img title="на главную страницу" src="https://forumstatic.ru/files/000e/c6/39/92536.jpg" alt="на главную страницу" height="100" border="0" width="100%"></a>
    </div>
    <div class="header_menu">
      <span id="clock">
<script language=JavaScript>

var dayarray=new Array("Воскресение","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота") 
var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря") 

function getthedate() {

var mydate=new Date()

var year=mydate.getFullYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym < 10) {
daym="0"+daym
}

var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

if (hours==0) {
hours=12
}

if (minutes<=9) {
minutes="0"+minutes
}

if (seconds<=9) {
seconds="0"+seconds
}

var cdate= daym+" "+montharray[month]+" "+" "+year+" "+"|"+" "+dayarray[day]+" "+"|"+" "+hours+":"+minutes+":"+seconds

if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}

if (!document.all&&!document.getElementById)
getthedate()

function goforit() {
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

window.onload=goforit

now = new Date

if (now.getHours() < 6) {
  document.write("Доброй ночи!")
}
else if (now.getHours() < 12) {
  document.write("Доброе утро!")
}

else if (now.getHours() < 18) {
  document.write("Добрый день!")
}
                else {
  document.write("Добрый вечер!")
}
</script>
</span>
         |           <a target="_blank" href="//gubernski.my1.ru/" img title="На главную страницу сайта - форума Губернский" >Сайт</a>                      |            <a href="//gubernski.com/search.php?action=show_new" img title="Не прочитанные сообщения форума с момента Вашего последнего посещения (темы с новыми сообщениями):" ><font color="red">Новые сообщения</font></a>                      |             <a href="//gubernski.com/viewtopic.php?id=345" img title="сборник страниц сайта - форума «Губернский г.Чехов»" >Страницы Губернского</a>             |               
       <a target="_blank" href="//gubernski.com/pages/foto" img title="Фото Альбомы микрорайона «Губернский» и города Чехов" >Фото</a>                      |             <a target="_blank" href="https://gubernski.com/pages/video" img title="Видео ролики (клипы) г.Чехов мкр. Губернский (полный сборник)">Видео</a>                      |             <a target="_blank" href="//gb.my1.ru/index/0-3" img title="Обратная связь с администрацией сайта" >Контакты</a>           
    </div>
  </div>
</div>