User:Ras Benjih/UBX/Organizer
Documentation[view] [edit] [history] [purge]
Userpage OrganizerThis skin can be formatted, border-color, border-shadow, border-size, background-color, background-seize, from a table to s navHead. SyntaxSee 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. UsageExamine the ColorsYou can use color table provided below UsersFeel free to experiment this skin. Use the following code on your test page:
EditingClick FormattingSee Space organizer (usage) above. or find the pages that related to Space organizer |
↑ Usage ↓ ⬇ Full syntax
<table style="border: #f2bnbb solid 3px; background: #eee8aa; padding:5px; margin-bottom: 0.1em; box-shadow: 6px 6px 6px #daa520;background-image: linear-gradient(#ffa500, #fadde40); -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;background-image: linear-gradient(#ffa500, #fadde40); -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;">
|