Assistance in Creation of Post Templates
2 posters
Page 1 of 1
Assistance in Creation of Post Templates
I'd like to learn to make a post template. An example of one that my friend made me is:
Honestly, I've tried messing with the code to learn, but I can't work it out backwards. Tutorials are hard to find, therefore I was wondering if there could be one made at this time?
- Spoiler:
- <center><table border="0" width="480"><tbody><tr><td><font size="2"></font></td></tr><tr><td style="background: url(https://i.servimg.com/u/f19/18/94/02/34/marily10.jpg); border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; border-bottom-left-radius: 35px; "><font size="2"><center><div style="float: left; width: 111px; height: 111px; background-image: url(https://2img.net/h/oi59.tinypic.com/241o606.jpg); margin-left: 10px;"></div><div style="height: 230px; width: 460px; margin-top: 6px; opacity: 1; border-radius: 30px; background-image: url(http://static.tumblr.com/2b33e85ccf95cdbc8c594714cc77ee37/hkovrym/3JEni8chm/tumblr_static_2vw5cy2bi3eoooogg0wg0ookw.gif);"></div>
<div style="font-family: arial; font-size: 45px; color: #F2F2F2; text-transform: uppercase; margin-top: -30px; letter-spacing: -3px; opacity: 0.99; text-shadow: 2px 2px 2px #000000;"><b>Project "N"</b></div>
<div style="font-family: arial; font-size: 12px; margin-top: -10px; color: #F2F2F2; letter-spacing: 2px; text-transform: uppercase;">The Heartless</div>
<div style="background-color: #250015; text-align: justify; color: #A8A8A8; font-size: 9px; font-family: arial; line-height: 10px; padding: 1px; padding-left: 122px;"><div style="background-color: #1d1d1d; font-family: verdana; font-size: 11px; color: #838382; text-align: justify; line-height: 11px; padding: 0px 30px 10px 30px;">
-WORDS GO HERE-
</div></font>
</div></center></font></td></tr></tbody></table></center>
Honestly, I've tried messing with the code to learn, but I can't work it out backwards. Tutorials are hard to find, therefore I was wondering if there could be one made at this time?
Re: Assistance in Creation of Post Templates
Hi @N Sieghart,
This is a quick example I can give you of some templates.
Add the following to your stylesheet first :
Display > Colors > CSS stylesheet
Then you'll be able to use the following bbcodes in a post to make a table.
Good :
Bad :
Neutral :
Will give you :
This is a quick example I can give you of some templates.
Add the following to your stylesheet first :
Display > Colors > CSS stylesheet
- Code:
/* staff tables */
table.staff-table {
width:100%;
color:#666;
font-weight:bold;
background:#FFF;
border:1px solid #CCC;
border-radius:3px;
border-spacing:0;
margin:3px 0;
}
table.staff-table td { padding:3px }
table.staff-table td.side-image {
background:no-repeat center center transparent;
border-right:1px dashed #CCC;
width:50px;
height:50px;
}
/* good table */
table.staff-table.good {
color:#686;
background-color:#CFC;
border-color:#ACA;
}
table.staff-table.good td.side-image {
background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/g10.png);
border-color:#ACA;
}
/* warn table */
table.staff-table.warn {
color:#966;
background-color:#FCC;
border-color:#CAA;
}
table.staff-table.warn td.side-image {
background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/w10.png);
border-color:#CAA;
}
/* info table */
table.staff-table.inform {
color:#369;
background-color:#9CF;
border-color:#7AC;
}
table.staff-table.inform td.side-image {
background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/i10.png);
border-color:#7AC;
}
Then you'll be able to use the following bbcodes in a post to make a table.
Good :
- Code:
[table class="staff-table good"][tr][td class="side-image"][/td][td]This is some good text.[/td][/tr][/table]
Bad :
- Code:
[table class="staff-table warn"][tr][td class="side-image"][/td][td]This is some good text.[/td][/tr][/table]
Neutral :
- Code:
[table class="staff-table info"][tr][td class="side-image"][/td][td]This is some good text.[/td][/tr][/table]
Will give you :
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum