The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Adding a 'forum rules' box

View previous topic View next topic Go down

Adding a 'forum rules' box

Post by tony_h on January 12th 2012, 4:56 pm

Linke the green box below this post how do I create one of those????

tony_h
Forumember

Male Posts : 245
Reputation : 6
Language : English
Location : Ireland

http://www.honda-haven.com

Back to top Go down

Re: Adding a 'forum rules' box

Post by midoweb96 on January 12th 2012, 5:05 pm

hi
go to
admin ==> General ==> Forum ==> Categories and forums
Click Edit on the section
Forum Rules
add this
Code:
[table style="background: url('http://illiweb.com/fa/fdf/parchemin.png') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 97%; font-weight: bold; color: #; border-radius: 3px;"][tr][td align="left"]
  Rules
  Rules
  Rules
  Rules
[/td][/tr][/table]

and add this in your css
Code:
#forum_rules table {
    border-collapse: separate;
    border-spacing: 5px;
    table-layout: fixed;
    width: 100%;


}

#forum_rules .logo {
    overflow: hidden;
    vertical-align: top;
    width: 100px;


}

#forum_rules .logo img {
    max-width: 100px;


}


midoweb96
Forumember

Posts : 166
Reputation : 12
Language : Css - Html - Jquery

Back to top Go down

Re: Adding a 'forum rules' box

Post by tony_h on January 12th 2012, 5:28 pm

@midoweb96 wrote:hi
go to
admin ==> General ==> Forum ==> Categories and forums
Click Edit on the section
Forum Rules
add this
Code:
[table style="background: url('http://illiweb.com/fa/fdf/parchemin.png') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 97%; font-weight: bold; color: #; border-radius: 3px;"][tr][td align="left"]
  Rules
  Rules
  Rules
  Rules
[/td][/tr][/table]

and add this in your css
Code:
#forum_rules table {
    border-collapse: separate;
    border-spacing: 5px;
    table-layout: fixed;
    width: 100%;


}

#forum_rules .logo {
    overflow: hidden;
    vertical-align: top;
    width: 100px;


}

#forum_rules .logo img {
    max-width: 100px;


}


That's great!!!!


Is there any way to keep it on top rather than the bottom?

tony_h
Forumember

Male Posts : 245
Reputation : 6
Language : English
Location : Ireland

http://www.honda-haven.com

Back to top Go down

View previous topic View next topic Back to top


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