Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

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



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  bluehnvn

avatar
Newbie
Newbie
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)


Powered by PunBB
Currently 0 users have thanked bluehnvn for this post:

2
Offline

  Shadow

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

http://pastebin.com/HKpjBG7X

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  bluehnvn

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

Powered by PunBB
Currently 0 users have thanked bluehnvn for this post:

4
Offline

  Shadow

avatar
Administrator
Administrator
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}

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  bluehnvn

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

Powered by PunBB
Currently 0 users have thanked bluehnvn for this post:

6
Offline

  Shadow

avatar
Administrator
Administrator
@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 Sad(

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.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

7
Offline

  bluehnvn

avatar
Newbie
Newbie
thanks so much, solved.

Powered by PunBB
Currently 0 users have thanked bluehnvn for this post:

8
Offline

  nanako

avatar
Punbb Guru
Punbb Guru
Solved > Locked

I accidentally post this on wrong thread.

Powered by PunBB
Currently 0 users have thanked nanako for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum