Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

First Skin!

Name: Shadow Skin
Author: Hypershadow180
Skin Number: 1
Date Created: 7/9/06
Side Notes: This is my very first skin based on Shadow the Hedgehog!

PREVIEW

CSS of Skin:
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #FFFFFF; margin: 0px 10px 0px 10px; background-color:#000000; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #FFFFFF; }
a:link, a:visited, a:active { text-decoration: underline; color: #FFFFFF }
a:hover { color: #0000CD; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

.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:11px; 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 }

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 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#FFFFFF;background-color:#000000; background-image: url(http://);padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #0000CD;background-color: #000000; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #000000; background-image: url(http://); border:1px solid #0000CD;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #0000CD;background-color: #000000;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border:1px solid #0000CD;background-color: #000000; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: underline; color: #FFFFFF; }
#userlinks { border:1px solid #0000CD; background-color: #000000; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#000000; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png); padding:6px }

.pformstrip { background-color: #000000; color:#FFFFFF; background-image: url(http://http://img152.imageshack.us/img152/71/titlemain4fj.png); color:#FFFFFF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #0000CD; border-right:1px solid #0000CD; }
.pformleftw { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #0000CD; border-right:1px solid #0000CD; }
.pformright { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #0000CD; }

.post1 { background-color: #000000; background-image: url(http://) }
.post2 { background-color: #000000; background-image: url(http://) }
.postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png) }

.row1 { background-color: #000000; background-image: url(http://) }
.row2 { background-color: #000000; background-image: url(http://) }
.row3 { background-color: #000000; background-image: url(http://) }
.row4 { background-color: #000000; background-image: url(http://) }

.darkrow1 { background-color: #000000; background-image: url(http://); color:#FFFFFF; }
.darkrow2 { background-color: #000000; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png); color:#FFFFFF; }
.darkrow3 { background-color: #000000; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png); color:#FFFFFF; }

.hlight { background-color: #000000; background-image: url(http://) }
.dlight { background-color: #000000; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background-color: #000000; background-image: url(http://i17.photobucket.com/albums/b77/Hypershadow180/Skins/Title_Medium.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FFFFFF }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFFFFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #000000; background-image: url(http://img152.imageshack.us/img152/71/titlemain4fj.png) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #0000CD;background-color:#0000CD; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #0000CD;background-color:#000000; background-image: url(http://);padding:6px; }
.tablepad { background-color:#000000; background-image: url(http://);padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#FFFFFF }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #000000; background-image: url(http://); border: 1px solid #0000CD; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #000000; background-image: url(http://); border: 1px solid #0000CD; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #0000CD;border-bottom:1px solid #0000CD }

.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 }

</STYLE><CENTER><font color=#FFFFFF>Skin by Hypershadow180. Find more cool skins at the <B>IF Skin Zone</B>!</font></CENTER><STYLE TYPE="text/css">
 

Danny

Sponsor

More like Admin of it :P

Anyway I don't like it particularly, I tend not t go for the bright skins with black, but it's good for a first.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top