[Solved] Please guide way to add widgets such as Punbb.biz

I too uses RecentTopic such as you are (www.cafeht.com). I am to add widgets on the right. But my errors such as the closed frames in the image below:



I ask you to add widgets to the right not error as in the image (punbb-design.forumotion.com)

It's because the CSS syntax's which you're using have errors, try this instead:

http://pastebin.com/HKpjBG7X

I still do not understand, you can not get more specific instructions?
The site on which I do not see ...: ( http://pastebin.com/

I've posted you pastebin link with CSS to replace, If you disabled javascript in your browser please turn it on.

So just replace your CSS with this one,

Code:

[panda=css]    /* Latest topics */
      #content-container div#main{margin-bottom:0}
        #content-container div#main{margin-bottom:0}
        *+ html #content-container div#main{margin-left:0}
        #content-container div#left{float:none;width:100%;overflow: visible !important}
   
      #left{margin:0px 0}
    #left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    #left a{text-decoration:none}
    #left td{width:25%;vertical-align:top;border-width:0 1px}
    #left .double{border-left:0;width:50%}
    #left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:18px;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
    #left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
    #left li:after{content:" ";background:#98D0FF;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
    #left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
    #left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
    #left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
    #left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
    #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
    #active_topics a,#viewed_topics a{width:70%}
    #left #recent_topics a{width:80%}
    #left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
    #left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
    #left ul{height:114px}
    #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
    #left .changeLast,#left th h2{color:#777}
    #left th{width:25%;vertical-align:middle}
    th.topicLast{border-top:1px solid #F3F3F3!important}
    th.double{text-align:left}
    #recent_topics li{margin:.5px 0}
    #left #recent_topics .lastRight{width:20%!important}
    .half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
    /* Tooltip */
    #tooltip{background-color:#FFF;border:2px solid blue;border-radius:3px;color:#131313;max-width:550px;padding:10px}

I have added on to the forum and css but still not overcome.
http://pastebin.com/ website is not available (

bluehnvn wrote:[link="/t379-please-guide-way-to-add-widgets-such-as-punbbbiz#2232"]I have added on to the forum and css but still not overcome.
http://pastebin.com/ website is not available (

That's because you haven't removed the previous CSS for recent topics. I've told you to replace it with the one which I've posted.

thanks so much, solved.

Solved > Locked

I accidentally post this on wrong thread.