We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Edna 'E' Mode inspired!; My first skin!
Topic Started: May 1 2005, 08:06 PM (274 Views)
Birdee
Member
[ *  * ]
Name: Hobo Suit
Author: Birdee
Skin Number: #1
Date Created: May 2nd 2005
Side Notes: It began with me searching for a skin with a lot of Edna (Character from Disney "The Incredibles"). Didn't find one, so I made one. Edna herself isn't a lot in the gradients in the skin, but she's definately there! Nice buttons to use with the skin you can find at http://www3.flamingtext.com/ . I personally use font graphics from that site (check affiliate in signature to get to my board with example on the "buttons"). However, some might find this skin a little bit weird, others rather cool. It's a quite Funky skin, I think...

Suggestions:Make a cool banner with Edna and the title of your board to spice up the skin (check affiliate to my board again for an example). I'm sure other "funky" disney characters fit for that skin too, but Edna is definately the inspiration.

Warning:I feel obligated to warn you once again that this is my First skin, EVER. I can't really brag about having to deal with HTML before so... take the risk and use this skin :yes: All I can say is that I really did my best! That ought to be enough, don't you think?



Preview of the skin

Header and Body:
Quote:
 
<TABLE VALIGN=TOP ALIGN=CENTER BORDER="0">
<TD WIDTH=800> <CENTER>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>




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


</STYLE><CENTER>Skin created by <B>Birdee</B>. Find more great skins at the <B><A HREF="http://invisionfree.com/directory.php?go=14761" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">




BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #C09; margin:0px;padding:0px;  background-color:#000; background-image: url(http://img158.echo.cx/img158/1338/backgroundimagedsd7cu.png); background-attachment: fixed; }




text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #96C; }


TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FFF; }


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


a:link, a:visited, a:active { text-decoration: none; color: #C09 }
a:hover { color: #D02; text-decoration:underline overline }

fieldset.search { padding:6px; line-height:150% }
label      { cursor:pointer; }
form      { display:inline; }
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: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:#9966FF }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#9966FF;background-color:#000000; 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 #345487;background-color: #000000 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #000000; border:1px solid #3A4F6C;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }


#ipsbanner { position:absolute;top:1px;right:5%; }
#submenu  { border:1px dashed #CC0000;background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png)
;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#userlinks { border:1px dashed #FF0000; background-color: #000 }

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

.activeuserstrip { background-color:#330033; padding:2px }


/* Form stuff (post / profile / etc) */
.pformstrip { background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }


; color:#CCCCCC:font-weight:bold;padding:2px;margin-top:1px }
.pformleft  { background-color: #660000; padding:6px; margin-top:1px;width:25%; border-top:1px solid #660000; border-right:1px dashed #000; }
.pformleftw { background-color: #660000; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000; }
.pformright { background-color: #660000; padding:6px; margin-top:1px;border-top:1px dashed #000; }

/* Topic View elements */
.signature  { font-size: 10px; color: #000; line-height:150% }
.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 }



.post1 {background-color: #000000 }
.post2 {background-color: #000000 }

.postlinksbar { background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }
;padding:2px;margin-top:1px;font-size:10px; }


/* Common elements */
.row1 { background-color: #000000 }
.row2 { background-color: #660033 }
.row3 { background-color: #000000 }
.row4 { background-color: #660066 }


.darkrow1 { background-color: #000000; color:#FFFFCC; }
.darkrow2 { background-color: #330000; color:#FFFFCC; }
.darkrow3 { background-color: #660033; color:#FFFFCC; }


.hlight { background-color: #dfe6ef }
.dlight { background-color: #eef2f7 }


.titlemedium { font-weight:italic; color:#FFF; padding:2px; margin:0px;
background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }


.maintitle { vertical-align:middle; align:left;font-weight:bold; color:#96F; padding:8px 0px 8px 5px;
background-image: url(http://img163.echo.cx/img163/5259/x29rxdsa0ci.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #96F }
.maintitle a:hover { text-decoration: underline overline }


#userlinks { border:1px solid #9966CC; background-color: #ca4c2a; background-image: url(http://img100.echo.cx/img100/8277/ednaprofile6pa.gif)}
#userlinks a:link, #userlinks a:visited, #userlinks a:active {color: #9966FF;}
#userlinks a:hover {color: #FF0000}



/* tableborders gives the white column / row lines effect */
.plainborder { border:1px dashed #660000;background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }

.tableborder { border:1px dashed #CC0000; background-color:#000000; padding:0; margin:0; width:800 }
.tablefill  { border:0px dashed #C00;background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }


.tablepad    { background-image: url(http://img247.echo.cx/img247/21/boardsmal1gf.png) }
;padding:6px }
.tablebasic  { width:800; 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:#CCCCCC }
.edit { font-size: 9px }


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

#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #003366; background-color: #996699; border: 1px Solid #990099; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { white-space:normal; font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #003366; background-color: #996699; border: 1px Solid #990099; 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 dashed #000;border-bottom:1px dashed #000 }

.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 }
Offline Profile Quote Post Goto Top
 
GJCFBugleBoy
The Doctor of Skin-o-nomics
[ *  *  *  * ]
Definately not bad for a first effort.

I'm not a big fan of the dashed lines, and the colors seem a little funky on my screen, but that could just be my video also.
Offline Profile Quote Post Goto Top
 
Ubi
The Sight of the Moon
[ * ]
The only thing I find wrong on the main page that could clear up everything is the text in the background. It can throw many users off by mixing colors and as said before, the dashed lines don't make it look very organized. Besides that, it is a wonderful skin! It is perfect for it's featured character.
Offline Profile Quote Post Goto Top
 
Birdee
Member
[ *  * ]
Quote:
 
I'm not a big fan of the dashed lines, and the colors seem a little funky on my screen, but that could just be my video also.


The dashed lines... I thought about changing them, but I never really got to the point where I actually did. The colors are supposed to look funky, so I doubt you have anything wrong with your "video". But I'm thinking about editing this skin a little bit more, inserting more black instead of the dark red/brown. Purple will, however, remain.


Quote:
 
The only thing I find wrong on the main page that could clear up everything is the text in the background. It can throw many users off by mixing colors and as said before, the dashed lines don't make it look very organized. Besides that, it is a wonderful skin! It is perfect for it's featured character.


Yeah...the text in the background :/ I can't brag about that! It stands out too much and kinda makes you loose your concetration on the "main" board.


But I'm glad this skin wasn't that hopeless for a first effort :yes:
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply