Tables for Tutorials, Announcements etc...

Hello!
Here are some tables you can use!

Announcements

Code:

<div class="tuto"><div class="title">Title here</div>Content here</div>

Forum Administrators
HTML

Code:

<table class="tr- admin"><tbody><tr><td align="left" vertical-align="middle"><img src="http://c.dryicons.com/images/icon_sets/minimalistica_icons/png/64x64/question_mark.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">Is your problem still relevant?</span></div><br><br><font color="#444444"><u>You have two solutions</u> :</font><br><br><ul><li>Your thread is solved, so you can help us by marking your topic as <img src="http://i47.servimg.com/u/f47/16/57/66/20/sans_t15.gif" alt="solved" longdesc="131" class="" style="display:inline"> by editing your first message;<br></li><li>Your thread isn't solved, so you have to bump it <u>every 24 hours</u> to show that your topic is not solved.</li></ul><br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Forum Managers
HTML

Code:

<table class="tr- modo"><tbody><tr><td align="left" vertical-align="middle"><img src="http://c.dryicons.com/images/icon_sets/minimalistica_icons/png/64x64/question_mark.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">Is your problem still relevant?</span></div><br><br><font color="#444444"><u>You have two solutions</u> :</font><br><br><ul><li>Your thread is solved, so you can help us by marking your topic as <img src="http://i47.servimg.com/u/f47/16/57/66/20/sans_t15.gif" alt="solved" longdesc="131" class="" style="display:inline"> by editing your first message;<br></li><li>Your thread isn't solved, so you have to bump it <u>every 24 hours</u> to show that your topic is not solved.</li></ul><br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Support Moderator
HTML

Code:

<table class="tr- spmodo"><tbody><tr><td align="left" vertical-align="middle"><img src="http://c.dryicons.com/images/icon_sets/minimalistica_icons/png/64x64/question_mark.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">Is your problem still relevant?</span></div><br><br><font color="#444444"><u>You have two solutions</u> :</font><br><br><ul><li>Your thread is solved, so you can help us by marking your topic as <img src="http://i47.servimg.com/u/f47/16/57/66/20/sans_t15.gif" alt="solved" longdesc="131" class="" style="display:inline"> by editing your first message;<br></li><li>Your thread isn't solved, so you have to bump it <u>every 24 hours</u> to show that your topic is not solved.</li></ul><br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Graphic Designers
HTML

Code:

<table class="tr- graph"><tbody><tr><td align="left" vertical-align="middle"><img src="http://c.dryicons.com/images/icon_sets/minimalistica_icons/png/64x64/question_mark.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">Is your request still relevant?</span></div><br><br><font color="#444444"><u>You have two solutions</u> :</font><br><br><ul><li>Your request is done, so you can help us by marking your topic as <img src="http://i47.servimg.com/u/f47/16/57/66/20/sans_t15.gif" alt="solved" longdesc="131" class="" style="display:inline"> by editing your first message;<br></li><li>Your request isn't solved, so you have to bump it <u>every 24 hours</u> to show that your topic is not solved.</li></ul><br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Theme Designer
HTML

Code:

<table class="tr- theme"><tbody><tr><td align="left" vertical-align="middle"><img src="http://c.dryicons.com/images/icon_sets/minimalistica_icons/png/64x64/question_mark.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal">Is your request still relevant?</span></div><br><br><font color="#444444"><u>You have two solutions</u> :</font><br><br><ul><li>Your request is done, so you can help us by marking your topic as <img src="http://i47.servimg.com/u/f47/16/57/66/20/sans_t15.gif" alt="solved" longdesc="131" class="" style="display:inline"> by editing your first message;<br></li><li>Your request isn't solved, so you have to bump it <u>every 24 hours</u> to show that your topic is not solved.</li></ul><br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

TO PUT IN CSS

Code:

.tr- {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border-style: solid;
border-width: 1px;
font-weight: 700;
margin: 10px auto;
padding: 5px;
width: 90%;
}

.tr-.admin{
-moz-box-shadow: 1px 1px 10px #00A5CD;
-webkit-box-shadow: 1px 1px 10px #00A5CD;
border-color: #00A5CD;
box-shadow: 1px 1px 10px #00A5CD;
color: #00A5CD;
}

.tr-.modo{
-moz-box-shadow: 1px 1px 10px #7CBA2C;
-webkit-box-shadow: 1px 1px 10px #7CBA2C;
border-color: #7CBA2C;
box-shadow: 1px 1px 10px #7CBA2C;
color: #7CBA2C;
}

.tr-.spmodo{
-moz-box-shadow: 1px 1px 10px #C39300;
-webkit-box-shadow: 1px 1px 10px #C39300;
border-color: #C39300;
box-shadow: 1px 1px 10px #C39300;
color: #C39300;
}
.tr-.graph{
-moz-box-shadow: 1px 1px 10px #C6C;
-webkit-box-shadow: 1px 1px 10px #C6C;
border-color: #C6C;
box-shadow: 1px 1px 10px #C6C;
color: #C6C;
}

.tr-.theme{
-moz-box-shadow: 1px 1px 10px #D30D3F;
-webkit-box-shadow: 1px 1px 10px #D30D3F;
border-color: #D30D3F;
box-shadow: 1px 1px 10px #D30D3F;
color: #D30D3F;
}

To see what it looks like, click here.

Forum Administrators
HTML

Code:

<table class="tr- admin"><tbody><tr><td align="left" vertical-align="middle"><img src="http://i47.servimg.com/u/f47/16/57/66/20/5040_110.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle">Hi,<br><br>To facilitate future research, we ask you to edit your post and put a more explicit title to your subject in link with your problem. Indead, your title:
- contains words like "emergency", "please", "help";
- doesn't mention the the tutorial that gives you trouble. <br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Forum Managers
HTML

Code:

<table class="tr- modo"><tbody><tr><td align="left" vertical-align="middle"><img src="http://i47.servimg.com/u/f47/16/57/66/20/5040_110.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle">Hi,<br><br>To facilitate future research, we ask you to edit your post and put a more explicit title to your subject in link with your problem. Indead, your title:
- contains words like "emergency", "please", "help";
- doesn't mention the the tutorial that gives you trouble. <br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Support Moderator
HTML

Code:

<table class="tr- spmodo"><tbody><tr><td align="left" vertical-align="middle"><img src="http://i47.servimg.com/u/f47/16/57/66/20/5040_110.png" alt="" class="" style="display:inline"></td><td align="left" vertical-align="middle">Hi,<br><br>To facilitate future research, we ask you to edit your post and put a more explicit title to your subject in link with your problem. Indead, your title:
- contains words like "emergency", "please", "help";
- doesn't mention the the tutorial that gives you trouble. <br><br>See you on <font color="#F66000">The  Forum of Codes. </font><img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" class="" style="display:inline"></td></tr></tbody></table>

Graphic Designers
HTML
-



Theme Designer
HTML
-

To see what it looks like, click here.

---

Friendly,
The team of the Forum of Codes