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
[SKIN] Enter the Bloo; By MattMAN!
Topic Started: Jan 25 2010, 11:12 AM (137 Views)
Reid
Member Avatar
È una trappola!

This topic has been moved from our official support board.

Originally posted by: MattMAN!
[SKIN
 
Enter the Bloo]Merry Christmas, Invisionfree.

Well I added some new things to my skin. I'm still learning, but this is currently my best skin. I hope you all enjoy it.

Skin Name: Enter the Bloo
Skin Creator: MattMAN!/K.K.Slider (of ZetaStyles)
Skin Number: 4
Comments: I added a border, and a different submenu. Also if ANYONE knows how to get rid of the border around the .maintitle it would be GREAT!!! Thanks. Oh! Also, some people who helped me out with this skin:

Sith_Lord and Scott of Zeta Styles Thanks, guys!

PREVIEW

Download Markers and Buttons COMING SOON

Please leave all copyrights intact.

HEADER AND BODY

Quote:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="750" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#ffffff" height="378" bordercolor="#000000">
<tr>
<td width="90%" height="100%" bgcolor="#359DD8">

<center><img src="http://i128.photobucket.com/albums/p164/IFskins123/enterthebloo_logo.jpg" ></a></center><BR>

<table width="450px" cellspacing="6" id="userlinks" align="right">
<tr>
<td align = "center">
<a href='http://z8.invisionfree.com/mmskin4/'>Index</a> •
<a href='http://z8.invisionfree.com/mmskin4/index.php?act=boardrules'>TOS</a> •
<a href='http://z8.invisionfree.com/mmskin4/index.php?act=Help'>Help</a> •
<a href='http://z8.invisionfree.com/mmskin4/index.php?act=Members'>Members</a> •
<a href='http://z8.invisionfree.com/mmskin4/index.php?act=calendar'>Calendar</a>
</td>
</tr>
</table><br /><br /> <br />

<table width="766" cellpadding="0" cellspacing="0" align="center"><tr><td class="tlb"><img src="http://i2.ifrm.com/4657/197/emo/transparent.gif" height="16" width="17"></td><td class="tb"></td><td class="trb"></td></tr>
<tr><td class="lb"></td><td class="ib">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

<DIV align=center>
<DIV class=tableborder style="WIDTH:100%; HEIGHT: 26px">
<DIV class=titlemedium
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 6.5pt; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; PADDING-TOP: 4px; spacing: 0px 0px 0px 0px">
<center><b>Enter the Bloo</b> Created by:<b>MattMAN!/K.K.Slider</b> of <a href="http://forums.zetastyles.com/index.php"><b>ZetaStyles</b></a></center>
</DIV></DIV></DIV>


Red: Change to your own image UNLESS you want to keep the default one.

FOOTER

Quote:
 
<div align="center"><b>Enter the Bloo</b> assistance by:<b> Sith_Lord and Scott</b> of <a href="http://www.invisionfreeskins.com"><b>Zeta Styles</b></a></div></td><td class="rb"></td></tr><tr><td class="blb"></td><td class="bb"></td><td class="brb"><img src="http://i2.ifrm.com/4657/197/emo/transparent.gif" height="16" width="17"></td></tr></table>

<table cellspacing="3" border="0" align="center" cellpadding="0" style="font-size: 12px">

<tr>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/229/forummarker7wd.png" border="0" alt="New Posts" /></td>
<td>New Posts</td>

<td>&nbsp;&nbsp;</td>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/898/forummarkerno1jf.png" border="0" alt="No New Posts" /></td>
<td>No New Posts</td>

</tr>



<tr>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/6818/subforummarker5mn.png" border="0" alt="Sub-Forum: New Posts" /></td>
<td>Sub-Forum: New Posts</td>

<td>&nbsp;&nbsp;</td>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/3697/subforummarkerno8hx.png" border="0" alt="Sub-Forum: No New Posts" /></td>
<td>Sub-Forum: No New Posts</td>

<td>&nbsp;&nbsp;</td>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/7553/restrictedmarker0nd.png" border="0" alt="Redirect Forum" /></td>
<td>Redirect Forum</td>

</tr>


<tr>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/1175/lockedforum6lm.png" border="0" alt="Forum is locked (New Posts)" /></td>
<td>Forum is locked (New Posts)</td>

<td>&nbsp;&nbsp;</td>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/1175/lockedforum6lm.png" border="0" alt="Forum is locked (No New Posts)" /></td>
<td>Forum is locked (No New Posts)</td>

<td>&nbsp;&nbsp;</td>

<td width="20" align="center"><img
src="http://img232.echo.cx/img232/3880/readonlyforum8vs.png" border="0" alt="Read Only Forum" /></td>
<td>Read Only Forum</td>

</tr>


Good so far? Great! Here's the CSS:

Quote:
 
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: #000; margin:0px 10px 0px 10px;background-color:#359DD8; background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/topbackroundimage.jpg);background-repeat:repeat-x }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #000 }
a:hover { color: #465584; text-decoration: none }

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: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:#777;background-color:#DFE6EF;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: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(http://i1.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu {
display: none;
}

#submenu { border:1px solid #BCD0ED;background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/lightgrad.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/lightbloo.jpg) }

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

.activeuserstrip { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/submenu.jpg); padding:6px }

.pformstrip { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/submenu.jpg); color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #B9D3EE; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #B9D3EE; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #E6E8FA }
.post2 { background-color: #E6E8FA }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i1.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #BCD2EE }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #BCD2EE }

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/fifthgrad.jpg); }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/lightbloo.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;text-align:center;font-weight:bold; color:#787878; letter-spacing:1px; padding:10px 0px 10px 5px;background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/maintitle-2.gif);background-position:center;background-repeat:no-repeat; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #50A6C2 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;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:#434951 }
.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: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 #FFF;border-bottom:1px solid #FFF }

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

.ib { background-color:#ffffff;padding:0px; }
.tlb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1topleft.jpg);background-position:bottom right;background-repeat:no-repeat; }
.trb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1topright.jpg);background-position:bottom left;background-repeat:no-repeat; }
.tb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1topbar.jpg);background-position:bottom center;background-repeat:repeat-x; }
.lb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1leftbar.jpg);background-position:right;background-repeat:repeat-y; }
.rb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1rightbar.jpg);background-position:left;background-repeat:repeat-y; }
.blb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1bottomleft.jpg);background-position:top right;background-repeat:no-repeat; }
.brb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1bottomright.jpg);background-position:top left;background-repeat:no-repeat; }
.bb { background-image: url(http://i128.photobucket.com/albums/p164/IFskins123/f1bottombar.jpg);background-position:top center;background-repeat:repeat-x; }


And that's all! Hope you enjoy it!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Skin Galleries · Next Topic »
Add Reply