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
  • 13
Japanese Moon; Dark Grey / Pale Green / Pale Yellow
Topic Started: Aug 29 2007, 12:05 PM (27,441 Views)
.Danilo
Member Avatar
the original pirate
[ *  *  *  *  *  *  *  * ]
01.THE MOON IN JAPAN
Name: Japanese Moon
Author: sakuragi-kun
Skin Number: 12
Date Created: Not sure
Side Notes: My personal favorite, though I think it's a love it or hate it kind of skin. Many thanks to .sionthede for helping me fix the submenu and to Leda for general help and for being such a good friend . ^_^
Preview: VIEW THE MOON
Posted Image


02.MOON PHOTOGRAPHS

Full Graphics Pack made by me. It comes with all the graphics, but you can find alternatives below in case you don't like some of them.
Alternate Link

Posting Buttons made by tangent.
Pips made by Incarnated.

For the small buttons like AIM, YIM and MSN, all you have to do is type the name in the appropriate image field.


03.MOONLIGHT
BOARD WRAPPERS >> HEADER & BODY
Substitute the parts in red with the corresponding link of your forum.
Quote:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<div align="center">
<table class="boardtable" cellpadding="5" cellspacing="0"><tr>
<td class="boardtd">

<div class="customlogo" align="left">
<div class="customsubmenu" align="right">
<a href="http://z11.invisionfree.com/sakuragitest05/index.php?act=idx">Home </a>
<a href="http://z11.invisionfree.com/sakuragitest05/index.php?act=Help">Help </a>
<a href="http://z11.invisionfree.com/sakuragitest05/index.php?act=Search&f=">Search </a>
<a href="http://z11.invisionfree.com/sakuragitest05/index.php?act=Members">Members </a>
<a href="http://z11.invisionfree.com/sakuragitest05/index.php?act=calendar">Calendar </a>
</div>
</div>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br><div align="center"><div class="important"><b>Japanese Moon</b> skinned by <b>sakuragi-kun</b> of the <a href="http://forums.ifskinzone.net">IFSZ</a>.</div></div>

<script type='text/javascript'><!--
// 3-part Userlinks
z = document.getElementById('userlinks')
z.rows[0].insertCell(0).className="left"
z.rows[0].insertCell(3).className="right"
z.rows[0].cells[0].innerHTML=" "
z.rows[0].cells[3].innerHTML=" "
z.cellSpacing = "0"
// --></script>


BOARD WRAPPERS >> FOOTER
Quote:
 
</td></tr></table></div><br />
<script type='text/javascript'><!-- // s.FEO-2.2
g=document.getElementsByTagName("div")
for ( j=0; j<=g.length; j++ ) {
if ( g[j].className == "maintitle" ) { c=g[j].innerHTML
if ( location.href.indexOf("act=UserCP") == -1 && location.href.indexOf("act=Msg") == -1 ) {
g[j].innerHTML = c.replace
(c , "<div class='mtleft'><div class='mtright'><div class='mtcentre'>" + c + "</div></div></div>") }
else { document.write("<style> .mtcentre { margin: 0px } </style>"); g[j].innerHTML = c.replace
(c , "<div class='mtcentre'>" + c + "</div>") } } }
// a WhiteElephant production --></script>

<script type="text/javascript">
new_src="http://i5.ifrm.com/11691/61/upload/p1872393.jpg";
x=document.images;for(var i in x) {if(x.src&&x.src.match(/p_up\.gif/i)){x.src=new_src;}}
</script>


MANAGE STYLE SHEETS:
Please substitute the part in blue with the link of your banner. It should preferably be 125px in height. The width doesn't matter.
Quote:
 
.customlogo { background-image: url(http://i5.ifrm.com/11691/61/upload/p1564165.jpg); border: 1px solid #2c2c2c; background-color: #414447; margin-bottom: 3px; width: 100%; background-repeat: no-repeat; background-position: top left; padding: 0px; height: 125px;}

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #989898; margin:10px 0px 0px 0px;background: url(http://i5.ifrm.com/11691/61/upload/p1490014.jpg) #595c5f; padding: 0px; }
TABLE, TR, TD { font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #989898;}
a:link, a:visited, a:active { text-decoration: none; color: #eee6ab; }
a:hover { color: #bdb88e; text-decoration:none; }

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

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

td.plainborder table {background-color: #2c2c2c;}
td.plainborder { background-color: #36393b; border: 0px!important;}

.googleroot  { padding:6px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#278993 }
.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:#8a8a8a;background: url(http://i5.ifrm.com/11691/61/upload/p1566465.jpg) top repeat-x;padding:0px;margin:0px; border-bottom: 1px solid #2c2c2c;}
form div.tableborder td.row1 { background-color: #36393b!important; border: 1px solid #2c2c2c!important; }
form div.tableborder td.row1 .caldate {color: #eee6ab;}

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

#ucpmenu .pformstrip { padding: 1px 9px 1px 9px; border-top: none; border-bottom: 1px solid #4c4e50; border-left: none; border-right: none; background: url(http://i5.ifrm.com/11691/61/upload/p1566465.jpg) top repeat-x;}
#ucpcontent .pformstrip { padding:  1px 9px 1px 9px; margin: 0px; border-bottom: 1px solid #4c4e50; border-top: none; border-left: none; border-right: none; background: url(http://i5.ifrm.com/11691/61/upload/p1566465.jpg) top repeat-x;}

#ucpcontent .pformleft {border: none!important; border-right: 1px solid #2c2c2c!important;}
#ucpcontent .pformright {border:none!important;}

#ucpmenu div.mtcentre, #ucpcontent div.mtcentre { border-top: 0px;}

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { display: none; }
#submenu  { display: none;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { color: #36393b; }
#userlinks td { color: #36393b; background: repeat-x top url(http://i5.ifrm.com/11691/61/upload/p1484523.jpg); }
#userlinks .left { background: no-repeat top right url(http://i5.ifrm.com/11691/61/upload/p1484503.jpg); width: 11px; height: 23px; padding: 0px; }
#userlinks .right { background: no-repeat top left url(http://i5.ifrm.com/11691/61/upload/p1484508.jpg); width: 11px; padding: 0px; }

#navstrip  { font-weight:bold;padding:3px 3px 3px 0px; background: #414447; border: 1px dashed #2c2c2c;}

.activeuserstrip { background: url(http://i5.ifrm.com/11691/61/upload/p1480980.jpg) top repeat-x; padding:0px; border-left: 1px solid 2c2c2c; border-right: 1px solid #2c2c2c; }

.pformstrip { font-weight:bold; color:#989898; padding:0px 4px 0px 4px; margin:0px; background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) top repeat-x #4b4e51; text-transform: uppercase; border-left: 1px solid #555658; border-right: 1px solid #555658;}
div.pformstrip { border-right: 1px solid #2c2c2c; border-left: 1px solid 2c2c2c; }
form table.tableborder td.pformstrip { border-bottom: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c;}
form div.pformstrip { border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c;}
.pformleft  { background-color: #414447; padding:6px; margin-top:1px;width:25%; border-left:1px solid #2c2c2c; border-right:1px solid #2c2c2c; border-top: 1px solid #4c4e50; border-bottom: 1px solid #2c2c2c;}
.pformleftw { background-color: #414447; padding:6px; margin-top:1px;width:40%; border-top:1px solid #2c2c2c; border-right:1px solid #2c2c2c; }
.pformright { background-color: #414447; padding:6px; margin-top:1px;border-top:1px solid #4c4e50; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c;}

.postlinksbar { padding-right: 2px;margin-top:1px;font-size:10px; background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) top repeat-x #4b4e51; border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c;}

.row1, .row2, .row3 {background: #414447 url(http://i5.ifrm.com/11691/61/upload/p1480662.jpg) top repeat-x; border: 1px solid #4c4e50; border-bottom: none;}
input.row1 {background: #414447; }
div.row4 {background: #414447; border:1px solid #2c2c2c!important; padding:2px;}
.row4 div.row4 { border: none! important }
td.row1 { border-top: 1px solid #4c4e50; border-left: 1px solid #4c4e50; border-right: 1px solid #4c4e50; background: #414447 url(http://i5.ifrm.com/11691/61/upload/p1480662.jpg) top repeat-x;!important;}
.row4 { background-color: #414447; background: url(http://i5.ifrm.com/11691/61/upload/p1480662.jpg) top repeat-x #414447; border: 1px solid #4c4e50; border-bottom: none; }
td#ucpcontent form div.tableborder td.row1 { background-color: #414447; border: none!important; }

.post1, .post2 { background: #414447; border: 1px solid #4c4e50; border-bottom: none;}

.darkrow1 { background: #36393b; color:#8a8a8a; border-top: 1px solid #4c4e50;}
.darkrow2 { background: url(http://i5.ifrm.com/11691/61/upload/p1480980.jpg) top repeat-x #696758; color:#36393b; padding: 1px 0px 1px 0px;}
.darkrow3 { background: url(http://i5.ifrm.com/11691/61/upload/p1549967.jpg) top repeat-x; color:#989898;}
div.darkrow2 {background: url(http://i5.ifrm.com/11691/61/upload/p1538095.jpg) top repeat-x #696758; padding: 0px 10px!important; }
div.darkrow2 select, div.darkrow2 input {padding: 0px;}

.hlight { background-color: #36393b; }
.dlight { background-color: #414447; }

.titlemedium { font-weight:bold; color:#989898; padding:0px 4px 0px 4px; margin:0px; background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) top repeat-x #4b4e51; text-transform: uppercase; border-left: 1px solid #555658; border-right: 1px solid #555658;}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #eee6ab; }

.maintitle { font-weight:bold; color:#eee6ab; letter-spacing:1px; text-transform: uppercase;}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #eee6ab; }
.maintitle a:hover { color: #bdb88e; }
.maintitle img {display:none;}

.plainborder { border:1px solid #2c2c2c;background-color:#2c2c2c }
.tableborder { border:1px solid #4c4e50;background-color:#2c2c2c; padding:0px; margin:0px; width:100% }
.tablefill  { background-color:#414447;padding:6px; border: 1px solid #2c2c2c; border-top: 3px double #2c2c2c; border-bottom: 3px double #2c2c2c}
.tablepad    { background-color:#414447;padding:6px;border: 1px solid #2c2c2c;}
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

div.tableborder div.tablepad { background-color: #414447!important; }
div.tableborder div.tablepad  table { background-color: #414447!important; }
div.tableborder div.tablepad table font { font-family: Trebuchet MS, Verdana; font-size: 10px; color: #8a8a8a; }

.wrapmini    { float:left;line-height:1.5em;width:25%; background: #414447; border: 1px solid #2c2c2c; padding: 10px; margin-right: 10px;}
#ucpcontent .wrapmini {margin: 5px; border: none!important;}

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

.desc { font-size:10px; color:#777462; text-transform: uppercase;}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #808080 }
.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: Trebuchet MS, Verdana, Arial; font-size: 10px; color: #8a8a8a; background: #414447; border: 1px solid #3c3c3c; padding: 2px 4px 2px 4px;}
#CODE  {font-family: Courier New, Verdana, Arial; font-size: 11px; color: #8a8a8a; background: #414447; border: 1px solid #3c3c3c; padding: 2px 4px 2px 4px;}
.post1 table, .post2 table  {background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) repeat-x #4b4e51; border: 1px solid #2c2c2c; padding: 0px 2px 2px 2px;}
.post1 table td , .post2 table td {padding: 0px 4px; font-size: 10px!important; color: #8a8a8a; }

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

.radiobutton, .checkbox { font-size: 10px; font-family: Trebuchet, MS, verdana, helvetica, sans-serif; vertical-align: middle }
input, textarea, select { margin: 2px 0px 2px 0px; padding: 2px; border: 1px solid #2c2c2c; background: url(http://i5.ifrm.com/11691/61/upload/p1532029.jpg) top repeat-x #36393b; font-family: Trebuchet MS, tahoma, arial, sans-serif; font-size: 10px; color: #989898!important; }
option { color: #989898!important; font-weight: normal; }

.thin { padding: 2px;line-height:140%;margin:2px 0px 2px 0px;border-top: 2px solid #2c2c2c; border-bottom:3px double #2c2c2c; border-right: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; background: #4a4e51;}

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

.boardtable { border:1px solid #1d1d1d; background:#1d1d1d; width: 780px;}
.boardtd { border:1px solid #45484b; background:#36393b; padding:10px;}

html>body .mtcentre { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555808.jpg);
background-position: top center;
background-repeat: repeat-x;
margin-right: 305px;
margin-left: 31px;
padding: 7px 0px 6px 0px;
text-align: center }

td.maintitle { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555808.jpg);
background-position: top center;
background-repeat: repeat-x;
padding: 7px 0px 6px 0px;
text-align: center;
border-right: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;}

.mtleft { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555784.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 27px }

.mtright { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555798.jpg);
background-position: top right;
background-repeat: no-repeat;
height: 27px }


td.plainborder td.maintitle {border: 0px!important; background: url(http://i5.ifrm.com/11691/61/upload/p1571562.jpg)!important; padding: 5px;}

.tablefill .tableborder {background: #414447; border: 1px solid #2c2c2c;}
.tablefill .pformleft {border: none;}
.tablefill .pformright {border: none;}
.tablefill .pformstrip {border-right: none; border-left: none;}
.tablefill .titlemedium {border-bottom: 1px solid #2c2c2c;}

.customsubmenu { width: 100px;  border-left: 1px solid #2c2c2c; text-align: left!important; float: right;}
html>body .customsubmenu a { color: #989898 !important; background-color: #414447; font: 10px; font-weight: bold; text-transform: uppercase; display:block; padding: 5px; letter-spacing: 1px;}
.customsubmenu a:hover { background-color: #2c2c2c; color: #eee6ab!important; border-left: 3px solid #696758;}

.customsubmenu a { color: #989898 !important; background-color: #414447; font: 10px; font-weight: bold; text-transform: uppercase; display:block; padding: 5px; letter-spacing: 1px;}

.mtcentre { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555808.jpg);
background-position: top center;
background-repeat: repeat-x;
margin-right: 305px;
margin-left: 31px;
padding: 6px 0px 6px 0px;
text-align: center }

#ipbwrapper { text-align:left; width:780px; margin-left:auto; margin-right:auto; }
#ipbwrapper .maintitle { text-align: center; background: url(http://i5.ifrm.com/11691/61/upload/p1571562.jpg) top repeat-x #4c4e50; padding: 6px 0px 0px 0px!important;  height: 26px; border: none; border-bottom: 1px solid #2c2c2c!important;}
#ipbwrapper td.maintitle { border: none; padding: 7px 0px 6px 0px!important; border-bottom: 1px solid #2c2c2c!important;}
#ipbwrapper .tableborder {border: 1px solid #2c2c2c;}
#ipbwrapper .tablepad {border: none; border-top: 1px solid #4c4e50;}
#ipbwrapper .pformstrip { border:none; border-bottom: 1px solid #2c2c2c;}
#ipbwrapper .row2 {border-bottom: 1px solid #2c2c2c;}
#ipbwrapper div.desc {background: #414447; border-top: 1px solid #4c4e50;}
#ipbwrapper .post1, #ipbwrapper .post2 {border: none; border-bottom: 1px solid #2c2c2c;}

TD[class="row1"][colspan="3"] { border: none; background: none;}
TD[class="row1"][colspan="3"][align="left"] { background: #414447; border: 1px solid #4c4e50; border-bottom: none;}
TD[class="row1"][width="33%"] {background: #414447; border: 1px solid #4c4e50; border-bottom: none;}

TD[class='row1'] { border: none; background: none; }
div.row2 {border-left: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c;}
div.activeuserstrip {border-left: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; padding-left: 3px;}

.important { color:#989898; padding:0px 4px 0px 4px; margin:0px; background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) top repeat-x #4b4e51; text-transform: uppercase; border: 1px solid #2c2c2c; width: 300px; }

TD[class="row1"][width="20%"] {background: #414447; border: 1px solid #4c4e50; border-bottom: none;}
TD[class="row1"][width="80%"] {background: #414447; border: 1px solid #4c4e50; border-bottom: none;}

#ucpmenu div.maintitle, #ucpcontent div.maintitle { background-image: url(http://i5.ifrm.com/11691/61/upload/p1555808.jpg);
background-position: top center;
background-repeat: repeat-x;
padding: 7px 0px 5px 0px;
text-align: center;
border: 0px;}

#ucpmenu div.mtcentre, #ucpcontent div.mtcentre { background: none; padding: 0px; border: 0px; width: 85%;}

TD[class="row1"][align="center"][valign="middle"] {background: #414447; border: 1px solid #4c4e50; border-bottom: none;}
TD[class="row1"][align="left"] {background: #414447; border: 1px solid #4c4e50; border-bottom: none;}


div.darkrow3 { background: url(http://i5.ifrm.com/11691/61/upload/p1480862.jpg) repeat-x #4b4e51; border:1px solid #2c2c2c; padding:0px; border-right: 0px; height: 15px;}

div.darkrow3 a { padding:0px 3px 0px 3px; border-left: 1px solid #4c4e50; border-right: 1px solid #2c2c2c;}
Edited by Helena, Feb 16 2013, 06:27 PM.
Offline Profile Quote Post Goto Top
 
Replies:
KneGO
Member
[ * ]
I love it! *__*

But the letters are so tinys :(
Offline Profile Quote Post Goto Top
 
ISIS430
Member
[ * ]
LOVE IT!!!
Offline Profile Quote Post Goto Top
 
ngek202
Member
[ * ]
Very Nice Skin just what i need for my Board
Thanks a Lot Good Job
Offline Profile Quote Post Goto Top
 
Dissolutecws
Member
[ * ]
I really like this skin, but how do you make it to where all the text within the forum description as well as side-bars aren't capitalized?
Offline Profile Quote Post Goto Top
 
Leda
Member Avatar
cARpE dIEm
[ *  *  *  *  *  *  *  * ]
Dissolutecws
Sep 9 2009, 01:52 AM
I really like this skin, but how do you make it to where all the text within the forum description as well as side-bars aren't capitalized?
Remove the text-tranform from this line:
Code:
 
.maintitle { font-weight:bold; color:#eee6ab; letter-spacing:1px; text-transform: uppercase;}


So that it looks like this:
Code:
 
.maintitle { font-weight:bold; color:#eee6ab; letter-spacing:1px; }
Offline Profile Quote Post Goto Top
 
maidenvoyage
Member Avatar
Member
[ * ]
Hi, I'm a complete noob at this, but whatever. I'm using this skin and it's all working just fine, but a friend of mine would like to join my forum andf his sight is quite bad so he can't really read the stuff I put on it. Now, I'd like to change the text colour in the threads to white. How do I do this?
Offline Profile Quote Post Goto Top
 
Annika
Member
[ * ]
Nice...
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 13