Username: Spazzymal Skin Based On: Spring Cleaning Screenshot: Notes: N/A Codes: HEADER Code: Select <table width="900px" border="0" align="center" style="background-color: #BACKGROUNDCOLOR; margin-top: 20px; margin-bottom: 20px;"> <tr><td style="padding: 10px;"> <div class="navmenu"><a href="http://z#.invisionfree.com/site/index.php"> Home</a> • <a href="http://z#.invisionfree.com/site/index.php?act=Members">Members</a> • <a href="http://z#.invisionfree.com/site/index.php?act=Search&CODE=getactive">Active Topics</a> • <a href="http://z#.invisionfree.com/site/index.php?act=Online&CODE=listall&sort_key=click">Online List</a> • <a href="http://z#.invisionfree.com/site/index.php?act=site">Portal</a></div> <center><img src="BANNER GOES HERE"></center> <% BOARD HEADER %> <table><tr><td width="200px" valign="top"><br><br><br> <div class="maintitle" style="width: 200px;">Title</div> <div class="titlemedium"> </div> <div class="row4" style="padding: 10px;">Content goes here!</div> <div class="darkrow2"> </div> </td><td width="5px"></td><td valign="top"> <% NAVIGATION %> <% BOARD %> <% STATS %> <br><center><div class='credit'>SKINNED BY YOURUSERNAME BASED ON A TEMPLATE BY a href='http://rpg-directory.com/index.php?showuser=4752'>SPAZZYMAL</A> FROM <a href='http://rpg-directory.com/index.php?act=idx'>RPG-DIRECTORY</a></div></center> FOOTER Code: Select </td></tr> CSS Code: Select /* GLOBAL STYLES — These effect things all over the board, including the main body background, the standard font, and how links are displayed. */ html { overflow-x: hidden; overflow-y: auto; } form { display: inline; } img { vertical-align: middle; border: 0px; } body { font-family: FONTFAMILY; font-size: 12px; color: #281400; margin: 0px 10px 0px 10px; background-color: #BACKGROUNDCOLOR; } table, tr, td { font-family: FONTFAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; } a:link, a:visited, a:active { text-decoration: none; color: #FONTCOLOR; font-style: italic; font-family: FONTFAMILY; } a:hover { color: #FONTCOLOR; text-decoration: underline; } /* LOGO AND MENU — This area effects what your banner area, and all the links just below it, look like. */ #logostrip, #submenu { display: none; } #userlinks { background-color: #BACKGROUNDCOLOR; } #navstrip { padding: 2px 0px 2px 0px; } .copyright { font-family: FONTFAMILY; font-size: FONTSIZEpx; line-height: 12px; } .navmenu { font-size: FONTSIZEpx; } /* CATEGORIES — Here is the main header area for all the categories of the forums. */ .maintitle { background-color: #BACKGROUNDCOLOR; vertical-align: middle; color: #FONTCOLOR; letter-spacing: -1px; text-align: center; padding-top: 20px; border-bottom: 5px solid #BORDERCOLOR; font-size: FONTSIZEpx; font-style: italic; font-family: FONTFAMILY; line-height: 15px; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FONTCOLOR; font-style: italic; font-family: FONTFAMILY; font-weight: bold; } .maintitle a:hover { text-decoration: none; } /* TITLEMEDIUM — This is the little strip right below the main category titles*/ .titlemedium, .titlemedium a { background-color: #BACKGROUNDCOLOR; text-decoration: none; color: #FONTCOLOR; margin: 0px; text-transform: uppercase; text-align: center; font-weight: normal; font-size: FONTSIZEpx; } .pformstrip { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; text-transform: uppercase; font-weight: normal; font-size: FONTSIZEpx; } /* FORUM ROWS — These are the bulk of the main forums on the index page. */ .row1, .row2, .row3, .row4 { background-color: #BACKGROUNDCOLOR; } .row4 a { font-style: italic; font-family: FONTFAMILY; text-transform: uppercase; font-size: FONTSIZEpx; letter-spacing: -1px; } .darkrow2 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; } .darkrow3 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; } .desc { font-size: FONTSIZEpx; color: #FONTCOLOR; text-align: justify; } .thin { padding: 3px; line-height: 140%; margin: 2px 0px 2px 0px; } /* TABLES — The tables that wrap around various stuff can be controlled here. */ .plainborder { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; } .tableborder { border: 0px; background-color: #BACKGROUNDCOLOR; padding: 0px; margin: 0px; width: 100%; } .tablefill { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; padding: 6px; } .tablepad { background-color: #BACKGROUNDCOLOR; padding: 6px; } .tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; } div.row4 { border: 1px solid #BORDERCOLOR !important; background-color: #BACKGROUNDCOLOR; } /* THREAD VIEW — This is all the stuff that controls what the actual threads look like. */ .darkrow1 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; } .postlinksbar, .postlinksbar a { background-color: #BACKGROUNDCOLOR; padding: 7px; margin-top: 1px; font-size: FONTSIZEpx; color: #FONTCOLOR; } .post1, .post2 { background-color: #BACKGROUNDCOLOR; text-align: justify; } .postcolor { font-size: FONTSIZEpx; line-height: 160%; } #quote { font-family: FONTFAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding: 5px; padding-bottom: 10px; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; text-align: justify; } #code { font-family: FONTFAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding: 5px; padding-bottom: 10px; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; text-align: justify; } .edit { font-size: FONTSIZEpx; } .signature { font-size: FONTSIZEpx; color: #FONTCOLOR; } .activeuserstrip { background-color: #BACKGROUNDCOLOR; padding: 6px; } /* USERNAMES AND INFO — This is what controls the way your info and names are displayed in thread view. */ .postdetails { font-size: FONTSIZEpx; } .normalname { font-size: FONTSIZEpx; font-weight: bold; color: #FONTCOLOR; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: FONTSIZEpx; font-style: italic; font-family: FONTFAMILY; font-weight: bold; } .unreg { font-size: FONTSIZEpx; font-style: italic; font-family: FONTFAMILY; font-weight: bold; color: #FONTCOLOR; } /* FORMS AND INPUT — All the buttons and areas you write text inside are edited here. */ .codebuttons { font-size: FONTSIZEpx; font-family: FONTFAMILY; vertical-align: middle; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; } .forminput, .textinput, .radiobutton, .checkbox { font-size: FONTSIZEpx; font-family: FONTFAMILY; vertical-align: middle; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; } /* USER CONTROL PANEL AND PROFILE — This effects the username in profiles, and the look of the UCP. Probably best to mostly just mess with the colors here. */ #profilename { font-size: FONTSIZEpx; font-weight: bold; } #ucpmenu { line-height: 150%; width: 22%; border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; } #ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px; } #ucpcontent { background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; line-height: 150%; width: auto; } #ucpcontent p { padding: 10px; margin: 0px; } /* PM AREA — This is what decides how your PM section looks. */ .pformleft { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR; } .pformleftw { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR } .pformright { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; border-top: 1px solid #BORDERCOLOR; } .hlight, .dlight { background-color: #BACKGROUNDCOLOR; } /* CALENDAR — This area changes the way the month and dates look in the calendar area. */ .caldate { text-align: right; font-weight: bold; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; padding: 4px; margin: 0px; } #calendarname { font-size: 22px; font-style: italic; font-family: FONTFAMILY; font-weight: bold; } /* CREDIT — This is the skin credit at the bottom of the board. */ .credit { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; font-size: FONTSIZEpx; width: 50%; text-align: center; } /* IRRELEVANT THINGS TO IGNORE — This is all basically stuff that should be ignored, left alone, or is just useless code IF has left in for some reason. */ fieldset.search { padding: 6px; line-height: 150%; } label { cursor: pointer; } img.attach { border: 2px outset #eef2f7; padding: 2px; } .googleroot { padding: 6px; line-height: 130%; } .googlechild { padding: 6px; margin-left: 30px; line-height: 130%; } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 12px; color: #3a4f6c; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00d; } .googlepagelinks { font-size: 1.1em; letter-spacing: 1px; } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color:#434951; } .warngood { color: green; } .warnbad { color: red; } li.helprow { padding: 0px; margin: 0px 0px 10px 0px; } ul#help { padding: 0px 0px 0px 15px; } option.cat { font-weight: bold; } option.sub { font-weight: bold; color: #555; } #padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px; } #photowrap { padding: 6px; } #phototitle { font-size: 24px; border-bottom: 1px solid #000; } #photoimg { text-align: center; margin-top: 15px; } #ipsbanner { position: absolute; top: 1px; right: 5%; } .wrapmini { float: left; line-height: 1.5em; width: 25%; } .pagelinks { float: left; line-height: 1.2em; width: 35%; } .searchlite { font-weight: bold; color: #f00; background-color: #ff0; } .purple { color: purple; font-weight: bold; } .red { color: red; font-weight: bold; } .green { color:green; font-weight: bold; } .blue { color: blue; font-weight: bold; } .orange { color: #f90; font-weight: bold; }
<div align=center><span style='font-size:17pt;line-height:100%'>ACCEPTED SKINNING TEMPLATE</span> <span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span> Thank you for submitting to our learning center and helping others learn to code! Keep up the great work and we look forward to seeing more from you!</div>
