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.

Assistance in Creation of Post Templates

View previous topic View next topic Go down

In progress Assistance in Creation of Post Templates

Post by N Sieghart on March 25th 2015, 4:23 am

I'd like to learn to make a post template. An example of one that my friend made me is:
Spoiler:
<center><table border="0" width="480"><tbody><tr><td><font size="2"></font></td></tr><tr><td style="background: url(https://i19.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(http://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?

N Sieghart
New Member

Posts : 7
Reputation : 1
Language : Westminster, California

http://www.fairytailrp.com/

Back to top Go down

In progress Re: Assistance in Creation of Post Templates

Post by Ange Tuteur on April 2nd 2015, 9:29 am

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
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 :

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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