Sorry, this post is in only engrish language.
I made a Layout on my OTP: Tegoshi Yuya/Shigeaki Kato.
The layout is made by me with an
okimiyage base, so don't remove their credit if you take it.
The texture used is by
rhythmique, so don't remove their credit if you take it.
The image is by NEWS 2010 Calendar.
Please don't remove my credit if you take it.
If you want a large preview:
There. /*-- layout: 92; made by minty_peach. no stealing. no reposting code as yours. don't remove this section & please credit. --*/ /*-- main page --*/
/*-- texture by rhythmique --*/
/*-- image and re-organized by ReallyStoryGirl --*/ /*-- main page --*/
BODY { background: ##FDFCFC; background-image: url('
http://i43.tinypic.com/1yl9fs.jpg'); background-repeat: no-repeat; background-attachment: fixed; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; margin: 10px 0px 50px 0px; } #content { width: 800px; margin-right: 20px; margin-left: auto; } #maincontent { text-align: left; background: #transparent; background-image: url(''); background-repeat: no-repeat; } /*-- special fonts, links, etc. --*/ b { color: #37484e; } i { color: #37484e; } u { color: #9D2767; } a, a:link, a:visited { color: #2A8E67; text-transform: lowercase; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #777777; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } /*-- sidebar content --*/ #sidebar { width: 100%; margin-left: -15px; margin-right: 10px; text-align: justify; color: #666666; background-color: transparent; padding: 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #d3e5ee; font-size: 10px; text-transform: lowercase; text-decoration: none; } div#sidebar a:hover { color: #777777; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 5px; } table.calendar, .sbarcalendar, .sbarcalendarposts { display: none; } li.sbartitle, li.sbaritem, ul.sbarlist { display: none; } /*-- navigation links --*/ #header { background: #transparent; color: #bbbbbb; font-size: 16pt; margin-left: auto; margin-right: auto; padding: 20px 10px 10px 10px; text-align: center; font-family: "Georgia", sans-serif; font-style: italic; letter-spacing: -1px; text-transform: lowercase; background-image: url(''); background-repeat: repeat-x; background-position: bottom; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #aaaaaa; } #footer { background: transparent; color: #bbbbbb; font-size: 10pt; margin-left: auto; margin-right: auto; padding: 20px; text-align: center; text-transform: lowercase; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #aaaaaa; clear: both; } .clear { height: 10px; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #bbbbbb; font-size: 10pt; text-transform: lowercase; } div#header a:hover, div#footer a:hover { color: #aaaaaa; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #bbbbbb; font-size: 10pt; text-transform: lowercase; } .clearfoot { display: none; } /*-- title & subtitle --*/ .title { color: #999999; font-size: 20pt; } .subtitle { color: #bbbbbb; font-size: 10pt; } /*-- subcontent and entry content --*/ .subcontent { padding: 40px 25px 20px 25px; } .entry { padding: 20px 0px 5px 0px; color: #000000; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: left; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .date { text-align: left; font-weight: normal; color: #d8d8d8; font-size: 7pt; text-transform: uppercase; padding-right: 15px; } .subject { font-family: "Georgia", sans-serif; font-style: italic; text-align: left; font-weight: normal; font-size: 9pt; } .datesubject { padding: 4px; } blockquote { border-right: 4px solid #666666; color: #888888; font-size: 9px; text-align: right; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 10px; } .separator { border-bottom: 1px solid #dddddd; } /*-- currents, comment links, and tags in entry --*/ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: left; padding-left: 15px; font-size: 9px; color: #888888; border-left: 4px solid #37484e; } .ljtags { margin-top: 15px; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #dddddd; } .comments { font-weight: none; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #444444; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /*-- userpics, friends userpics --*/ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; padding-right: 10px; z-index: 15; border-right: 4px solid #37484e; } /*-- userpics, friends userpics --*/ .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: transparent !important; padding-right: 10px; border-right: 4px solid #37484e; text-align: center; font-size: 7pt; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } /*-- image hover effects --*/ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /*-- tags page --*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #dddddd; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { text-align: center; padding: 30px; margin: 0px; line-height: 12px; font-weight: normal; font-size: 12pt; color: #dddddd; } ul.ljtaglist { color: #aaaaaa; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } ul.ljtaglist li{ padding: 3px; margin: 2px; list-style: decimal-leading-zero; list-style-position: inside; } /* archive page */ ul.year { text-align: center; padding: 30px; margin: 0px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } td.yeardate { color: #aaaaaa; background-color: #eeeeee; padding: 3px; text-align: center; } table.yeartable td.yearday { background-color: #dddddd; padding: 3px; text-align: center; text-transform: uppercase; color: #999999; } td.yearmonth { color: #aaaaaa; border-style: none; } /*-- comment page (sponsored and paid only) --*/ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 30px; color: #999999; } .datesubjectcomment { background-color: transparent; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #transparent; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #000000; font-size: 12px; font-family: "Georgia", sans-serif; color: #eeeeee; } textarea.textbox{ border: 0px solid #fff; font-family: "Georgia", sans-serif; font-size: 12px; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #777777; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #777777; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #transparent; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /*-- additional codes, paste below here --*/ /* misc */ .clear { height: 2px; } .skiplinks { display: block; text-transform: lowercase; text-align: center; padding: 8px; color: transparent; margin-bottom: -2px;}
If you have any problem with the code, please contact me.
If you want a simple tutorial:
How to install this layout. I made some icons on my Ichiban: Shigeaki Kato.
The texture used is by
xloliconsx, so don't forget to credit them if you take it.
The image is by Shigerigoto Photobook.
Please don't remove my credit if you take it.
Preview for the 78 icons:
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
051
052
053
054
055
056
057
058
059
060
061
062
063
064
065
066
067
068
069
070
071
072
073
074
075
076
077
078
Created with
angelamaria's
Icon Table Generator @
Bauble Please comment if you take it.