FANDOM


You must use what is known as CSS coding. Most browsers can accept CSS (Cascading Style Sheets) coding:


YOU CAN FILL THIS SPACE WITH ANYTHING YOU WANT TEXT OR IMAGES! THIS IS PART OF A TABLE WITH 1 ROW AND 1 COLUMN!


   <div style=" background-color: #33cc00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #006600; padding: 10px;" >
   {| border="0" cellpadding="2" cellspacing="1" style="width: 100%; background-color: #FFFFFF"
   |YOU CAN FILL THIS SPACE WITH ANYTHING YOU WANT TEXT OR IMAGES! THIS IS PART OF A TABLE WITH 1 ROW AND 1 COLUMN!
   |}
   </div>


SAME AS ABOVE BUT WITH 2 COLUMNS - COLUMN #1 AND THIS IS COLUMN #2


<div style=" background-color: #3333ff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #6633ff; padding: 10px;" >
  {| border="0" cellpadding="2" cellspacing="1" style="width: 100%; background-color: #FFFFFF"
  |SAME AS ABOVE BUT WITH 2 COLUMNS - COLUMN #1
  |AND THIS IS COLUMN #2
  |}
  </div>


NOW WITH A BORDER AND DIFFERENT COLOR INSIDE!


<div style=" background-color: #33cc00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #006600; padding: 10px;" >
  {| border="1" cellpadding="2" cellspacing="0" style="width: 100%; background-color: #cc9933"
  |NOW WITH A BORDER AND DIFFERENT COLOR INSIDE!
  |}
  </div>


TABLE WITH TWO COLUMNS WITH SAME CODING WITHIN EACH...
TO CREATE THIS EFFECT...


{| border="0" cellpadding="1" cellspacing="1" style="width: 100%;"
 |style="width:50%; vertical-align:top;"|
 <div style=" background-color: #FF3333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #FFCC33; padding: 10px;" >
 {| border="0" cellpadding="0" cellspacing="1" style="width: 100%; background-color: #FFFFFF"
 |TABLE WITH TWO COLUMNS WITH SAME CODING WITHIN EACH...
 |}
 </div>
 |style="width:50%; vertical-align:top;"|
 <div style=" background-color: #FF3333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #FFCC33; padding: 10px;" >
 {| border="0" cellpadding="0" cellspacing="1" style="width: 100%; background-color: #FFFFFF"
 |TO CREATE THIS EFFECT...
 |}
 </div>
 |}


FINALLY THIS HAS SAME COLOR OUTSIDE AND INSIDE, VERY SIMPLE TO DO!


<div style=" background-color: #cc9933; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ffcc00; padding: 10px;" >
 {| border="0" cellpadding="0" cellspacing="1" style="width: 100%; background-color: #cc9933"
 |FINALLY THIS HAS SAME COLOR OUTSIDE AND INSIDE, VERY SIMPLE TO DO!
 |}
 </div>


SourcesEdit


Wikipedia:Cascading Style Sheets

Wikianswers entry...

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.