HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Support Forums Tables Style

    avatar
    • Veteran staff member

        Reputation : 8
        Registered on : 2012-04-07
        Posts : 174
        Its Yoshi Time
      Hello,
      With a simple code CSS you can create the table with an awesome style, that some support forums staff uses.

      Like this



      Step 1: Go to ACP - Display - Colors - CSS Stylesheet and paste this code:

      Code:
      .admin {
          -moz-box-shadow:1px 1px 10px #ED7811;
          -webkit-box-shadow:1px 1px 10px #ED7811;
          border-color:#ED7811;
          box-shadow:1px 1px 10px #ED7811;
          color:#ED7811;
          -moz-border-radius:15px;
          -webkit-border-radius:15px;
          border-radius:15px;
          border-style:solid;
          border-width:1px;
          font-weight:700;
          margin:10px auto auto;
          padding:5px;
          width:90%
      }

      And hit save button.

      Step 2: Now create a new topic and insert this bbcode table:


      Code:
      [table
      class="admin"][tr][td][img]http://i45.servimg.com/u/f45/13/45/80/80/accept10.png[/img][/td][td]YOUR TEXT HERE[/td][/tr][/table]

      You can edit the left image, changing:
      https://i.servimg.com/u/f45/13/45/80/80/accept10.png

      And the YOUR TEXT HERE, for the moderation text or any other do you want ;)

      => If you want to change the border, shadow and the text color, you should edit in the CSS this values:

      - #ED7811 (Border, text color and shadow)
      - .admin (Name of the class. This value must be the same in the bbcode table withour the dot ".")

      That's all folks.


      YOUR BANNER HERE
      728x90
      DMCA.com Protection Status
      © PunBB | Contact | Report an abuse