The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Assistance in Creation of Post Templates

2 posters

Go down

In progress Assistance in Creation of Post Templates

Post by N Sieghart March 25th 2015, 05:23

I'd like to learn to make a post template. An example of one that my friend made me is:
Spoiler:

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
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 April 2nd 2015, 10:29

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 :
Assistance in Creation of Post Templates Captur20
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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