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
  • Pages:
  • 1
Tropical Summer
Topic Started: Mar 1 2007, 01:26 AM (1,796 Views)
Scott [DF]
Member Avatar
why hello there
[ *  *  *  *  *  * ]
Name: Tropic Summer
Author: Me
Skin Number: 18
Date Created: July 4th, 2006 (Made Pretty Far Back)
Side Notes: Don't remember posting my skins at IFSZ, Of course I'm improving *dont think im even done with skinning*

Questions: got any questions feel free to PM me.


Tropical Summer Preview
Posted Image


Change everything in blue to the server your forum is located on (s2, s4, s6 etc.)
Change everything in red to the name of your board.

Footer:

Quote:
 
<td class="niceright" style="background-image: url(http://i2.ifrm.com/7498/33/upload/p442113.gif);background-repeat: repeat-y;"><img src="http://i2.ifrm.com/7498/33/upload/p442113.gif"/></td></tr></table>

<script type='text/javascript'>
// remove calender maititle center alignment

if (document.getElementById('calendarname') && (cm = document.getElementsByTagName('DIV'))) {
for (n = 0; n < cm.length; n++) {
if (cm[n].align == 'center' && cm[n].parentNode.className == 'maintitle') {
cm[n].parentNode.innerHTML = cm[n].innerHTML
break
}}}

</script>


<script language="JavaScript" src="http://i4.ifrm.com/6036/174/upload/p2231252.ibf"></script>

<script language="javascript" src="http://i2.ifrm.com/4556/23/upload/p57783.ibf"></script>


<script language="javascript1.2" type="text/javascript">
<!--
function doInsertBack(){
var pmmessage = "Posted Message:\n" +
document.forms['REPLIER2'].Post.value
var dropdownselection = ""
var iSelect = document.forms['REPLIER2'].dropdownselection.options
for(i=0;i<iSelect.length;i++){ if(iSelect.selected==true){
dropdownselection += iSelect.value + "\n" }
}
document.forms['REPLIER2'].Post.value = "Option Choices:\n" +
dropdownselection + "\n\n" + pmmessage
return true;
}
document.forms['REPLIER2'].onsubmit=function(){ return doInsertBack() }
//-->
</script>



Board Wrappers:

Quote:
 
<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<table cellspacing="0" cellpadding="0" align="center" style="background-color:#f1f1f1;"><tr><td class="niceleft" style="background-image: url(http://i2.ifrm.com/7498/33/upload/p442029.gif);background-repeat: repeat-y;"><img src="http://i2.ifrm.com/7498/33/upload/p442029.gif"/></td><td width="750px">

<br>
<table width="100%" >
<td class="customsubmenu"  align='center' width="100%">
<a href="http://z13.invisionfree.com/PublicRise">  Index </a><a href='http://z13.invisionfree.com/PublicRise/index.php?act=Help'>  Help  </a><a href='http://z13.invisionfree.com/PublicRise/index.php?act=Search&f='>  Search  </a><a href='http://z13.invisionfree.com/PublicRise/index.php?act=Members'> Members </a><a href='http://z13.invisionfree.com/PublicRise/index.php?act=calendar'> Calendar </a><a href='http://z13.invisionfree.com/PublicRise/index.php?act=boardrules'> Board Rules</a>
</td>
</table>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<center><b><center><b>© to Scott of <a href='http://z6.invisionfree.com/ForumMix/index.php?Forum Mix</a></center></b>
<% STATS %>

<br>
<table class="tableborder" cellSpacing="1" cellPadding="4" width="100%" border="0"><tr>
<td class='titlemedium' align='center'>Skin Created By Eron / Scott</td></tr>
<tr>
<td class="row1" align="middle">
<div id="titlemedium">
<center>IFSZ<a href='http://forums.ifskinzone.net'>IFSZ</a>.</center>
</div><div>
</div></td></tr></table><br>



CSS:

[/i]
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 9px; color: #ae6e4f; margin:0px; background-color:#b8de6c }
TABLE, TR, TD { font-family: Tahoma; font-size: 9px; color: #919191; }
a:link, a:visited, a:active { text-decoration: none; color: #ae6e4f }
a:hover { color: #92ae54; text-decoration:underline }

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

img.attach { background-color: #eeeeee; padding: 2px; border:2px dotted #d0d0d0;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:9px; color: #ae6e4f; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:9px; font-weight:bold; color:#ae6e4f; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }ae6e4f
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:9px; color:#ae6e4f }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help &nsbp; &nsbp;{ padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#b2b2b2}
.caldate {background-image:url(http://i2.ifrm.com/7498/33/upload/p446165.gif); text-align:center;font-weight:bold;font-size:10px;color:#ae6e4f;background-color:#eeeeee;padding:4px;margin:0px }
form div.tableborder td.caldate { color: #ae6e4f!important; }
td#ucpcontent form div.tableborder td.row1 { border: none!important; }

.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; color: #ae6e4f  }
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu &nsbp; &nsbp;{ line-height:150%;width:22%; border:1px solid #d0d0d0;background-color: #eeeeee }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpmenu .maintitle { text-align:center;font-weight:bold; color:#ae6e4f; letter-spacing:1px; padding:7px 0px 7px 25px; background-image: url(http://i2.ifrm.com/7498/33/upload/p417264.gif); background-position: left; line-height: 100% }
#ucpmenu .pformstrip { line-height: 100%; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-right: 0px; border-left: 0px }
#ucpmenu a:link, #ucpmenu a:visited, #ucpmenu a:active { text-decoration: none; color: #ae6e4f }
#ucpmenu a:hover { color: #92ae54; text-decoration: none }
#ucpcontent { background-color: #eeeeee; border:1px solid #d0d0d0;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }
#ucpcontent .maintitle { text-align:center;font-weight:bold; color:#ae6e4f; letter-spacing:1px; padding:7px 0px 7px 25px; background-image: url(http://i2.ifrm.com/7498/33/upload/p417264.gif); background-position: left; line-height: 100% }
#ucpcontent .pformstrip { line-height: 100%; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0 }
#ucpcontent .pformleft, #ucpcontent .pformright { border-top: 0px }
#ucpcontent div.pformstrip { border-right: 0px; border-left: 0px }
#ucpcontent .tablepad { border: 0px }
#ucpcontent .tableborder { border: 0px!important; background-color:#eeeeee!important; padding: 0px!important; background-image: none!important; margin-left: 3px; width: 99%!important }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { ;background-color: #eeeeee;background-image:url();padding:0px;margin:0px; }
#submenu  { display: none; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ae6e4f; padding:0px 0px 0px 0px; }
#submenu img { display:none; }

#userlinks { background-image:url(http://i2.ifrm.com/7498/33/upload/p447432.gif);border:1px solid #eeeeee; background-color: #eeeeeee }

#navstrip  { ;font-weight:solid;padding:2px 0px 2px 0px;border-top:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ffffff;border-bottom:1px solid #FFF;text-align:center; }

.activeuserstrip { background-color:#eeeeee; padding:6px;background-image: url(http://i2.ifrm.com/7498/33/upload/p588857.gif); background-position:center;border: 1px solid #d0d0d0; border-bottom: none; }

.pformstrip { background-color: #f1f1f1; color:#ae6e4f;font-weight:normal;padding:1px;margin-top:1px; background-image: url(http://i2.ifrm.com/7498/33/upload/p588857.gif); border: 1px solid #f9f9f9;background-position:center; }

div.pformstrip { border-top:1px solid #d0d0d0;}


table.tableborder td.pformstrip { border: 1px solid #d0d0d0; border-top: none; }


.pformleft  { background-color: #eeeeee; padding:6px; margin-top:1px;width:25%; border-bottom: 1px solid #d0d0d0;border-top:1px solid #ffffff; border-right:1px solid #d0d0d0;border-left: 1px solid #d0d0d0; }
.pformleftw { background-color: #eeeeee; padding:6px; margin-top:1px;width:40%; border-top:1px solid #fffffff; border-right:1px solid #d0d0d0;border-left: 1px solid #ffffff; }
.pformright { background-color: #eeeeee; padding:6px; margin-top:1px;border-top:1px solid #ffffff;border-right: 1px solid #d0d0d0; border-left: 1px solid #ffffff; border-bottom: 1px solid #d0d0d0; }

.postlinksbar { background-color:#eeeeee;padding:1px;margin-top:1px;font-size:10px; background-image: url(http://i2.ifrm.com/7498/33/upload/p401500.gif); border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }

.row1, .row2, .row3, .row4, .post1, .post2 { background-color: #eeeeee; border-top:1px solid #ffffff; border-left:1px solid #ffffff }
.row2 { background: #eeeeee; border-top:1px solid #ffffff; border-left:1px solid #ffffff;}

div.row2 {background-color: eeeeee; border-top:1px solid #ffffff;border-left: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;}

div.row4 { background-color: eeeeee;border-top:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ffffff;border-bottom:1px solid #FFF; }

div.row4 { background-color: eeeeee!important; border-top: 1px solid #d0d0d0!important; border-left: 1px solid #d0d0d0!important; border-right: 1px solid #ffffff!important; border-bottom:1px solid #FFF!important; }

.post1 table, .post2 table {
background: url(http://i2.ifrm.com/7498/33/upload/p417264.gif) top repeat-x #eeeeee;
border:1px solid #d0d0d0;
padding:0;
border:1px double #d0d0d0; border-top:1px solid #d0d0d0;
}

div.tableborder div.tablepad, div.tableborder div.tablepad  table { background-color: eeeeee!important; }

.darkrow1 {background-repeat: repeat-x; background-image:url(http://i2.ifrm.com/7498/33/upload/p417264.gif);background-color: #f1f1f1; color:#ae6e4f; }

div.darkrow1 { background-color: f1f1f1;background-image: url(http://i2.ifrm.com/7498/33/upload/p417587.gif);border-right: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }

.darkrow2 { background-image: url(http://i2.ifrm.com/7498/33/upload/p401746.gif);padding:4px;background-color: #eeeeee; color:#ae6e4f; }
div.darkrow2 { background-image:url(http://i2.ifrm.com/7498/33/upload/p417264.gif); background-color: #f1f1f1;border-bottom:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}

.darkrow3 { background-image:url(http://i2.ifrm.com/7498/33/upload/p417264.gif);background-color: #eeeeee; color:#ae6e4f; }

div.darkrow3 { border: 1px solid #d0d0d0; background-image: url(http://); background-color: #eeeeee;padding-left: 1px; padding-right: 1px; }


.hlight { background-color: #e0e0e0; }
.dlight { background-color: #e6e6e6; }

.titlemedium { font-weight:solid; color:#ae6e4f; padding:1px; margin:0px; background-image: url(http://i2.ifrm.com/7498/33/upload/p588857.gif); background-position:center; border: 1px solid #f9f9f9; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #ae6e4f; }



.maintitle { background-repeat:no-repeat;vertical-align:middle;font-weight:normal;font-size: 9px; color:#b36d4f; letter-spacing:1px; padding:9px 55px 7px 0px; text-align:right; background-color: eeeeee;background-image: url(http://i2.ifrm.com/7498/33/upload/p411082.gif); background-position:center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #b36d4f; }
.maintitle a:hover { text-decoration: solid; color:#7d4f39; }
.maintitle img {
display:none
}


.plainborder { background-color:#d0d0d0 }
.tableborder { background-color:#d0d0d0; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #d0d0d0;background-color:#eeeeee;padding:6px;  }
.tablepad &nsbp; &nsbp;{ background-color:#eeeeee;border: 1px solid #d0d0d0; padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini &nsbp; &nsbp;{ float:left;line-height:1.5em;width:25%; border: 1px solid #dcdcdc; background-color: #eeeeee; margin: 4px; padding:4px; border-right: 2px dotted #d0d0d0; }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; }
.edit { font-size: 9px;  border: 1px solid #d0d0d0; padding: 1px; background-image: url(http://i2.ifrm.com/7498/33/upload/p401500.gif); background-position:top; color: #92ae54 }

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

.normalname {
font-size: 12px;
font-weight: bold;
color: #989898;
padding: 3px; ;
border-top:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ffffff;border-bottom:1px solid #FFF;
}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #ae6e4f }

.searchlite { font-weight:bold; color:#ae6e4f; background-color:#eeeeee }

#QUOTE { font-family: Verdana, Arial; font-size: 9px; color: #ae6e4f; background-color: #eeeeee; border: 1px solid #d0d0d0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 9px; color: #ae6e4f; background-color: #eeeeee; border: 1px solid #d0d0d0; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyrighttable { width: 250px;border-top:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ffffff;border-bottom:1px solid #FFF  }

.codebuttons  {
font-size: 10px; padding; 2px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
border: 1px solid #d0d0d0; background-image:url(http://i2.ifrm.com/7498/33/upload/p460089.gif);
background-color: #eeeeee;
}

input, textarea, select, .textinput {
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
border: 1px solid #d0d0d0;
color:#ae6e4f;
padding: 2px; background-image:url(http://i2.ifrm.com/7498/33/upload/p460089.gif);
background-color: #eeeeee;
background-position: top left;
background-repeat: repeat-x;
}

.radiobutton, .forminput {
font-size: 10px;
font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #d0d0d0; background-image:url(http://i2.ifrm.com/7498/33/upload/p460089.gif);
background-color: #eeeeee;
background-repeat: repeat-x;
background-position: top left;
}

td#ucpcontent .forminput {
background-image:url(http://i2.ifrm.com/7498/33/upload/p460089.gif);
background-color: #eeeeee;
background-repeat: repeat-x;
}

.checkbox  { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:3px;line-height:140%;margin:1px 0px 1px 0px;border-top:1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ffffff;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red &nsbp; &nsbp;{ color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue  { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

#border {
border:1px solid #dddddd;
background-color:#f7f7f7;
}

#border2 {
border:0px;
}

.customsubmenu {
text-align: center;
margin: 10px 0px 10px 0px;
padding: 17px;
text-align:center;
border:0px solid #d0d0d0;
background-color: #eeeeee;
background-image:url(http://i2.ifrm.com/7498/33/upload/p458011.gif);
background-position: center;
background-repeat: no-repeat;
}

.customsubmenu a:link, .customsubmenu a:visited, .customsubmenu a:active {
font-weight: normal;
color: #669d0f;
text-align:center;
padding: 6px;
border:0px solid #d0d0d0;
background-color: #eeeeee;
background-image:url(http://i2.ifrm.com/7498/33/upload/p458160.gif);
}

.customsubmenu a:hover {
background-position: center;
background-repeat: repeat-x;
color: #ae6e4f;
text-align:center;
border:0px solid #1e3200;
background-color: #eeeeee;
padding: 17px;
background-image:url(http://i2.ifrm.com/7498/33/upload/p459028.gif);
}

#ipbwrapper {
width: 70%;
margin-left: auto;
margin-right: auto;
border: 2px solid #121212;
background-color: #333333;
}


#ipbwrapper .maintitle {
border:1px solid #eeeeee;
border-bottom:0px solid #000;
}

#ipbwrapper .tableborder {
padding-bottom: 0px;
background: none;
border: 1px solid #d0d0d0;
}

#ipbwrapper .desc {
background: #eeeeee;
}

#ipbwrapper .tablepad {
background: #eeeeee none;
border-top: 1px solid #d0d0d0;
}

#ipbwrapper .row2 {
border-right: none;
border-left: none;
border-bottom: 1px solid #d0d0d0;
}

#ipbwrapper td.row4 {
border: none;
border-bottom: 1px solid #d0d0d0; }

div.tableborder div.tablepad {
background-color: #eeeeee!important;
;border-right: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-top: 1px solid #d0d0d0;}

div.tableborder div.tablepad  table {
background-color: #eeeeee!important}

div.tableborder div.row1 { border: 1px solid #d0d0d0; border-top: none; background: url(http://i2.ifrm.com/5287/50/upload/p5946508.jpg) top repeat-x #FAFAFA;}

FORM DIV.tableborder TABLE TR TD.row1 { border: 2px solid #FFFFFF!important; background-color: #eeeeee; }
FORM DIV.tableborder TABLE TR TD.row1 .caldate { border-bottom: 1px solid #FFFFFF; }


-Hope everyone loves it. :D
Edited by Helena, Nov 21 2012, 12:08 AM.
Offline Profile Quote Post Goto Top
 
BoOn[UaL]
Member Avatar
Member
[ *  *  * ]
That's a pretty nice skin. There's just a few things that I've noticed. The portal is somewhat messed up, you can't tell what day it is on the calendar, and the '© to Scott of Hosted for free by' part at the is a bit messed up, the box doesn't line up with the rest, and the link has </a></center><br /><div align at the end of it. Yes, I notice the small things. :P
Offline Profile Quote Post Goto Top
 
InJust92
Member Avatar
Member
[ *  *  * ]
nice, some nice effects how do you get the image behind the quote text on the top of the quote box?
Offline Profile Quote Post Goto Top
 
Master_Joe
Member Avatar
Member
[ *  *  * ]
Looks very nice. I really like the userlinks and maintitle :)
Offline Profile Quote Post Goto Top
 
.Twisted
Member Avatar
Member
[ *  *  * ]
hey one of the best skins i saw here very nice work
Offline Profile Quote Post Goto Top
 
Inabikari Tora
Member
[ * ]
Great skin! I like how you used a number of different shades of green to balance the brown. I normally picture green and brown as too natural, but it came out great!
Offline Profile Quote Post Goto Top
 
Konohagakure_No_Sato
Member
[ *  * ]
pretty nice just the colors are somewhat odd and don't match well =/ i give it a 4/10
Offline Profile Quote Post Goto Top
 
shikane
Member
[ * ]
dayum! the colors fit perfectly with your theme...
Offline Profile Quote Post Goto Top
 
Libby.
私は残念である
[ *  *  *  *  *  * ]
You KNOW I love that skin Scott. Ever since I saw it <3
Offline Profile Quote Post Goto Top
 
Tim
TimS
[ *  *  *  *  *  * ]
Thats pretty nice actually, I realy like this skin, you skins are getting better Scott.

Nice one :P
Offline Profile Quote Post Goto Top
 
Lady Luck
Member Avatar
Texas Ranger
[ *  *  *  *  * ]
Ooooohhh......you are very high tech with the maintitle. :D I heart it. I can't really say anything bad about your skin it is well done. :D (hehehehe food...:P) Good job!
Offline Profile Quote Post Goto Top
 
.Carbon
Member Avatar
Member
[ *  *  * ]
can anyone make a gfx set for this? Im using it but i ned osme gfx and mine turned out BLAH :P
Offline Profile Quote Post Goto Top
 
.Wizard (PM)
Member Avatar
Member
[ *  *  * ]
Wow,Your the next Tiptopolive XD.

Nice skin,I like the bright colors.
Offline Profile Quote Post Goto Top
 
Scott [DF]
Member Avatar
why hello there
[ *  *  *  *  *  * ]
.Wizard
Mar 2 2007, 08:59 AM
Wow,Your the next Tiptopolive XD.

Nice skin,I like the bright colors.

=] Thanks everyone. :wub:
Offline Profile Quote Post Goto Top
 
.Carbon
Member Avatar
Member
[ *  *  * ]
It is an extremely nice skin, although i noticed when i was installing it u had to edit some stuff in the header and body or it wouldnt look right?
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1