Free Games Forum: Game Technology: Web Design & Web Development: Invisonfree Skin I made (Poor Skin)

Free Games Forum: Game Technology: Web Design & Web Development:
Invisonfree Skin I made (Poor Skin)

Print Thread

coolgreen44
Senior Member

Oct 1, 2006, 2:12 PM

Post #1 of 10 (393 views)
Shortcut

Invisonfree Skin I made (Poor Skin)	Can't Post

Major note: Its not very good, I was just messing around.

Name: Mistake
Author: Coolgreen44
Skin Number: 3
Date Created: September 30th, 2006
Side Notes: Again I made a skin because Im frekan bored as hell. It started by me trying to copy a phpbb skin, but it changed when I realized invisionFREE skiinging is a lot diffrent then phpbb, so it would be a lot of work to do, and since im so lazy, I changed it to a lame invisionFREE skin :wink: Its pretty ugly, since the gradients I was using from the phpbb skin didnt fit right, so I will be fixing that sometime. Oh, yea ill be resizing it to fix better later but for now this is what its like. I made other errors, in there so ill let you find them, I dont want to ruin the error finding fun for you. lol

Preview

*If you are good at skinning you can help me if you want*

CSS of the Skin:

Code

 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: px; color: #B9D0D0; margin: 20px 30px 20px 30px; background-color:#151515; background-image: url(http://) }  
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: px; color: #B9D0D0; }  
a:link, a:visited, a:active { text-decoration: underline; color: #AF940B }  
a:hover { color: #FFFFFF; text-decoration:none }  
 
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:#B9D0D0;background-color:#; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif);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 #000000;background-color: #303030; background-image: url(http://) }  
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }  
#ucpcontent { background-color: #303030; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }  
#ucpcontent p { padding:10px;margin:0px; }  
 
#ipsbanner { position:absolute;top:1px;right:5%; }  
#logostrip { border:1px solid #000000;background-color: #3C3C3C;background-image:url(http://);padding:0px;margin:0px; }  
#submenu { border:1px solid #000000;background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); font-size:10px;margin:3px 0px 3px 0px;color:#B9D0D0;font-weight:bold;}  
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #AF940B; }  
#userlinks { border:1px solid #000000; background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }  
 
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }  
 
.activeuserstrip { background-color:#; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); padding:6px }  
 
.pformstrip { background-color: #232323; background-image: url(http://); color:#6A6A6A;font-weight:bold;padding:7px;margin-top:1px }  
.pformleft { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }  
.pformleftw { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }  
.pformright { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #000000; }  
 
.post1 { background-color: #373737; background-image: url(http://) }  
.post2 { background-color: #1A1A1A; background-image: url(http://) }  
.postlinksbar { background-color:#4A4A4A;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }  
 
.row1 { background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }  
.row2 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }  
.row3 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }  
.row4 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }  
 
.darkrow1 { background-color: #464646; background-image: url(http://); color:#B9D0D0; }  
.darkrow2 { background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); color:#B9D0D0; }  
.darkrow3 { background-color: #232323; background-image: url(http://); color:#B9D0D0; }  
 
.hlight { background-color: #373737; background-image: url(http://) }  
.dlight { background-color: #1A1A1A; background-image: url(http://) }  
 
.titlemedium { font-weight:bold; color:#AFC4C4; padding:7px; margin:0px; background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }  
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FFFFFF }  
 
.maintitle { vertical-align:middle;font-weight:bold; color:#232323; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #232323; background-image: url(http://) }  
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: # }  
.maintitle a:hover { text-decoration: none }  
 
.plainborder { border:1px solid transparent;background-color:transparent }  
.tableborder { border:1px solid #000000;background-color:#000000; padding:0px; margin:0px; width:100% }  
.tablefill { border:1px solid #000000;background-color:#303030; background-image: url(http://);padding:6px; }  
.tablepad { background-color:#303030; 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:#B9D0D0 }  
.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: #B9D0D0; background-color: #525252; background-image: url(http://); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }  
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #B9D0D0; background-color: #525250; background-image: url(http://); border: 1px solid #000000; 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 #000000;border-bottom:1px solid #000000 }  
 
.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 }

For the Footer:

Code

 </STYLE><CENTER>Skin created by <B>Coolgreen44</B>. Find more great skins at <B><A HREF="http://forums.heroesofgaming.com/index.php?act=idx" TARGET="_BLANK">Heroesofgaming</A></B>.</CENTER><STYLE TYPE="text/css">

^^^
Thats just to feel cool. HAHA

What width do you guys think I should make it?

Cybernations

kidd rune3
Enthusiast

Oct 1, 2006, 10:35 PM

Post #2 of 10 (387 views)
Shortcut

Re: [coolgreen44] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

In Reply To

Code

 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: px; color: #B9D0D0; margin: 20px 30px 20px 30px; background-color:#151515; background-image: url(http://) }   
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: px; color: #B9D0D0; }   
a:link, a:visited, a:active { text-decoration: underline; color: #AF940B }   
a:hover { color: #FFFFFF; text-decoration:none }   
  
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:#B9D0D0;background-color:#; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif);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 #000000;background-color: #303030; background-image: url(http://) }   
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }   
#ucpcontent { background-color: #303030; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }   
#ucpcontent p { padding:10px;margin:0px; }   
  
#ipsbanner { position:absolute;top:1px;right:5%; }   
#logostrip { border:1px solid #000000;background-color: #3C3C3C;background-image:url(http://);padding:0px;margin:0px; }   
#submenu { border:1px solid #000000;background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); font-size:10px;margin:3px 0px 3px 0px;color:#B9D0D0;font-weight:bold;}   
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #AF940B; }   
#userlinks { border:1px solid #000000; background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }   
  
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }   
  
.activeuserstrip { background-color:#; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); padding:6px }   
  
.pformstrip { background-color: #232323; background-image: url(http://); color:#6A6A6A;font-weight:bold;padding:7px;margin-top:1px }   
.pformleft { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }   
.pformleftw { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }   
.pformright { background-color: #303030; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #000000; }   
  
.post1 { background-color: #373737; background-image: url(http://) }   
.post2 { background-color: #1A1A1A; background-image: url(http://) }   
.postlinksbar { background-color:#4A4A4A;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }   
  
.row1 { background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }   
.row2 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }   
.row3 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }   
.row4 { background-color: #; background-image: url(http://img20.imageshack.us/img20/7144/cellqj7.gif) }   
  
.darkrow1 { background-color: #464646; background-image: url(http://); color:#B9D0D0; }   
.darkrow2 { background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif); color:#B9D0D0; }   
.darkrow3 { background-color: #232323; background-image: url(http://); color:#B9D0D0; }   
  
.hlight { background-color: #373737; background-image: url(http://) }   
.dlight { background-color: #1A1A1A; background-image: url(http://) }   
  
.titlemedium { font-weight:bold; color:#AFC4C4; padding:7px; margin:0px; background-color: #; background-image: url(http://img139.imageshack.us/img139/7462/thad8.gif) }   
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FFFFFF }   
  
.maintitle { vertical-align:middle;font-weight:bold; color:#232323; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #232323; background-image: url(http://) }   
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: # }   
.maintitle a:hover { text-decoration: none }   
  
.plainborder { border:1px solid transparent;background-color:transparent }   
.tableborder { border:1px solid #000000;background-color:#000000; padding:0px; margin:0px; width:100% }   
.tablefill { border:1px solid #000000;background-color:#303030; background-image: url(http://);padding:6px; }   
.tablepad { background-color:#303030; 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:#B9D0D0 }   
.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: #B9D0D0; background-color: #525252; background-image: url(http://); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }   
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #B9D0D0; background-color: #525250; background-image: url(http://); border: 1px solid #000000; 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 #000000;border-bottom:1px solid #000000 }   
  
.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 }

For the Footer:

Code

 </STYLE><CENTER>Skin created by <B>Coolgreen44</B>. Find more great skins at <B><A HREF="http://forums.heroesofgaming.com/index.php?act=idx" TARGET="_BLANK">Heroesofgaming</A></B>.</CENTER><STYLE TYPE="text/css">

^^^
Thats just to feel cool. HAHA

What width do you guys think I should make it?

it should have a size Wink

Mix a pancake,
Stir a pancake,
Pop it in the pan;
Fry the pancake;
Toss the pancake,
Catch it if you can.

coolgreen44
Senior Member

Oct 2, 2006, 4:41 AM

Post #3 of 10 (376 views)
Shortcut

Re: [kidd rune3] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

What do you mean?

Cybernations

kidd rune3
Enthusiast

Oct 2, 2006, 9:38 AM

Post #4 of 10 (369 views)
Shortcut

Re: [coolgreen44] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

look @ w2hat i bolded Shocked

Mix a pancake,
Stir a pancake,
Pop it in the pan;
Fry the pancake;
Toss the pancake,
Catch it if you can.

coolgreen44
Senior Member

Oct 2, 2006, 1:31 PM

Post #5 of 10 (366 views)
Shortcut

Re: [kidd rune3] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

You didnt bold anything.

Cybernations

Juviz
Senior Member

Oct 3, 2006, 12:53 PM

Post #6 of 10 (356 views)
Shortcut

Re: [coolgreen44] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

It looks... Lame... Excuse me but that isn't exactly a skin I would use. I personlly use my Skin ( AKA) Amber Interface for a reason...

Haha

(This post was edited by Juviz on Oct 3, 2006, 12:55 PM)

coolgreen44
Senior Member

Oct 3, 2006, 1:23 PM

Post #7 of 10 (352 views)
Shortcut

Re: [Juviz] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

I was asking for someone to help me make it better not bash it....look at the title of the thread InvisonFREE Skin I made (Poor Skin)

Cybernations

SkillzDatKillz
Senior Member

Oct 3, 2006, 1:36 PM

Post #8 of 10 (347 views)
Shortcut

Re: [coolgreen44] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

Make the text size way smaller, Set up my forums so I can get a better feel, and put up a decent banner. I then think it will look alright.

coolgreen44
Senior Member

Oct 3, 2006, 1:51 PM

Post #9 of 10 (346 views)
Shortcut

Re: [SkillzDatKillz] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

Ok, so size. And I noticed the text color needs to be changed, it doesnt always show up. Ok, ill try. Anyone else have anything?

Cybernations

Juviz
Senior Member

Oct 4, 2006, 5:07 AM

Post #10 of 10 (341 views)
Shortcut

Re: [coolgreen44] Invisonfree Skin I made (Poor Skin) [In reply to]	Can't Post

The backround and you could put some cool designs into it like a Technology or an XP design thing...

Haha

Print Thread

Search for (options)

Web Design by Web Ideas - Page loaded in: 0.17 s on (CGI/1.1)


	FORUM HOME	SEARCH POSTS	WHO'S ONLINE	LOG IN	RULES / FAQ REPORT SPAM