Template:Student Organization Userbox/Organizer
Template:WikiProject Userboxes Userpage Organizer[edit]This skin can be formatted, border-color, border-shadow, border-size, background-color, background-seize, from a table to s navHead. Syntax[edit]See Wiki markups on how editing, or you can try Cheat sheet. For a simpler way on how completing this skin, use "usage" of on this talk page. Usage[edit]Examine the Colors[edit]You can use color table provided below Users[edit]Feel free to experiment this skin. Use the following code on your test page:
Editing[edit] |
↑ Usage ↓
⬇ Full syntax
<table style="border: #f2bnbb solid 3px; background: #eee8aa; padding:5px; margin-bottom: 0.1em; {{box-shadow|6px|6px|6px|#daa520}}{{linear-gradient|#ffa500|#fadde40|vertical}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"><tr><td><div style="font-family:'Trebuchet MS', sans-serif; text-align: justify;"> ⬆'''Use Fingers To Navigate'''⬇ <table style="width:600px; float: right; border: #b8860b solid 3px; background: #eee8aa; padding:5px; margin: 1em;{{box-shadow|4px|4px|4px|#daa520}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"> <tr> <td style="border: #f4a460 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #da70d6 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td rowspan=3><div style="height:350px; padding-left:5px;"> {{Template}} </div> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;"> <center>'''YourWords or pic'''</center> </span> </div> </td> </tr><tr> <td style="border: #800000 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span></div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00008b solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </tr><tr> <td style="border: #3cb371 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00fa91 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </table> {{Template|collapse=yes}} ⬇ This portion designed especially for userboxes <table style="width:600px; float: right; border: #b8860b solid 3px; background: #eee8aa; padding:5px; margin: 1em;{{box-shadow|4px|4px|4px|#daa520}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"> <tr> <td style="border: #f4a460 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #da70d6 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td rowspan=3><div style="height:350px; padding-left:5px;"> {{Template}} </div> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;"> <center>'''YourWords or pic'''</center> </span> </div> </td> </tr><tr> <td style="border: #800000 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span></div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00008b solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </tr><tr> <td style="border: #3cb371 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> <td style="border: #00fa91 solid 2px; padding:2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', sans-serif;">'''<big>NameYourTemplate</big>'''</span> </div> <div style="height:160px; overflow:auto; padding-left:20px;"> {{Template}} </div> </td> </table> ⬇ Formation used for background color and no scroll. <table style="border: #f2bnbb solid 3px; background: #eee8aa; padding:5px; margin-bottom: 0.1em; {{box-shadow|6px|6px|6px|#daa520}}{{linear-gradient|#ffa500|#fadde40|vertical}} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;" align="center"><tr><td><div style="font-family:'Trebuchet MS', sans-serif; text-align: justify;"> ⬇ It similar to the above format <td style="border: #21fafe solid 8px; padding:4px; -webkit-border-radius: 8px; -moz-border-radius: 6px; border-radius: 6px;"> <div class="NavHead" style="text-align:center;"><span style="font-family:'Trebuchet MS', serif;">'''<big>↑ Usage ↓</big>'''</span></div> <div style="height:3400px; overflow:auto; padding-left:20px;">
|
HTML name | Hex code R G B |
Decimal code R G B |
---|---|---|
Pink colors | ||
Pink | FF C0 CB |
255 192 203
|
LightPink | FF B6 C1 |
255 182 193
|
HotPink | FF 69 B4 |
255 105 180
|
DeepPink | FF 14 93 |
255 20 147
|
PaleVioletRed | DB 70 93 |
219 112 147
|
MediumVioletRed | C7 15 85 |
199 21 133
|
Red colors | ||
LightSalmon | FF A0 7A |
255 160 122
|
Salmon | FA 80 72 |
250 128 114
|
DarkSalmon | E9 96 7A |
233 150 122
|
LightCoral | F0 80 80 |
240 128 128
|
IndianRed | CD 5C 5C |
205 92 92
|
Crimson | DC 14 3C |
220 20 60
|
FireBrick | B2 22 22 |
178 34 34
|
DarkRed | 8B 00 00 |
139 0 0
|
Red | FF 00 00 |
255 0 0
|
Orange colors | ||
OrangeRed | FF 45 00 |
255 69 0
|
Tomato | FF 63 47 |
255 99 71
|
Coral | FF 7F 50 |
255 127 80
|
DarkOrange | FF 8C 00 |
255 140 0
|
Orange | FF A5 00 |
255 165 0
|
Yellow colors | ||
Yellow | FF FF 00 |
255 255 0
|
LightYellow | FF FF E0 |
255 255 224
|
LemonChiffon | FF FA CD |
255 250 205
|
LightGoldenrodYellow | FA FA D2 |
250 250 210
|
PapayaWhip | FF EF D5 |
255 239 213
|
Moccasin | FF E4 B5 |
255 228 181
|
PeachPuff | FF DA B9 |
255 218 185
|
PaleGoldenrod | EE E8 AA |
238 232 170
|
Khaki | F0 E6 8C |
240 230 140
|
DarkKhaki | BD B7 6B |
189 183 107
|
Gold | FF D7 00 |
255 215 0
|
Brown colors | ||
Cornsilk | FF F8 DC |
255 248 220
|
BlanchedAlmond | FF EB CD |
255 235 205
|
Bisque | FF E4 C4 |
255 228 196
|
NavajoWhite | FF DE AD |
255 222 173
|
Wheat | F5 DE B3 |
245 222 179
|
BurlyWood | DE B8 87 |
222 184 135
|
Tan | D2 B4 8C |
210 180 140
|
RosyBrown | BC 8F 8F |
188 143 143
|
SandyBrown | F4 A4 60 |
244 164 96
|
Goldenrod | DA A5 20 |
218 165 32
|
DarkGoldenrod | B8 86 0B |
184 134 11
|
Peru | CD 85 3F |
205 133 63
|
Chocolate | D2 69 1E |
210 105 30
|
SaddleBrown | 8B 45 13 |
139 69 19
|
Sienna | A0 52 2D |
160 82 45
|
Brown | A5 2A 2A |
165 42 42
|
Maroon | 80 00 00 |
128 0 0
|
Formatting[edit]
See Space organizer (usage) above. or find the pages that related to Space organizer