[Layout] NEWS members + KoyaTego

[shinie165]

This is the entry that was manipulated by Yuuko!
It was supported to be posted YESTERDAY! Along with my long rambling about how AWESOME the LIVE!LIVE!LIVE! concert was!!!! And that my love for Kei had just doubled, no, tripled, no..make it 100000x times XDDDDD And how Massu isn't his usual reserved self or Pi without his adorableness or how cool Shige was or how Tegoshi shined so much it blinded me or why i'm once again confirmed that i love Ryo because he was just a jerk! ( OMG, the Tegomass assaulting XDDDDD Tegomass is pawned by the sexy Osaka Man!!!!!! )

But then Yuuko came and killed my brain.

And i'm pretty sure he killed his band members' brains as well LOL ( OMG have you seen KoyaShige's faces when he came out XDDDD I bet ya Kei wished Tego had walked side by side with him like he always did XD He kept glancing at TegoPi!!!! )

Ok, i'll stop my rambling here and go bug someone instead, but still, OMGGG This concert rocks !!!!!!! And Tego just made me fall even deeper, like wayyyyyyyyyyy deeper into his trap XDDDDD

KOYATEGO
(requested by micellemarkes)



IMG Preview | Live Preview


CODE
/*LAYOUT MADE BY SHINIE@SHINIE165.LIVEJOURNAL.COM*/ /*PlEASE DON'T CLAIM AS YOURS*/ /* PAGE */ body { font-family: Book Antiqua; font-size: 12px; margin: 0px; background-color: #fdf4d6; color: #543736; background-image: url(''); align: left; } a { color: #000000; text-decoration: none; } a:visited {side color: #63b9e1; } a:hover { color: #63b9e1; } .pageblock { margin: 0 auto; margin-bottom: 30px; width: 900px; } .pagefooterblock { display: none; } /* HEADER */ .header-title { display: none; } .header-subtitle { display: none; } .header-icon { display: none; } .header-menu { margin: 10px; background-color: transparent; font-family: ; font-size: 10px; text-align: right; background: url(http://img121.imageshack.us/img121/4397/bannerzs.png) no-repeat top center; padding-top: 400px; } .header-menu a, .header-menu a:visited { padding: 2px 6px 2px 6px; color: #63b9e1; text-decoration: none; } .header-menu a:hover { color: #f58b89; font-size: 15px; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 5px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { padding: 10px 20px 0px 20px; margin: auto; } .bodyheaderblock { background-color: transparent; padding: 4px 0px 4px 0px; } .bodynavblock { background-color: transparent; color: #63b9e1; margin: 10px 0px 4px 0px; padding: 8px; } .bodynavblock a, .bodynavblock a:visited { color: #63b9e1; } .body-title { font-family: ; font-size: 18px; color: #63b9e1; text-align: left; padding-left: 24px; } .body-midtitle { font-family: ; font-size: 18px; color: #63b9e1; text-align: left; padding-left: 8px; } /*ENTRIES*/ .entryHolder { background-color: #fdf4d6; font-family: Book Antiqua; font-size: 12px; margin: 4px 0px 4px 0px; } .entryUserinfo { text-align: center; margin: 8px 8px 8px 8px; } .entryUserinfo-usericon img { border: 10px solid #63b9e1; padding: 0px; } .entryText { padding: 10px; } .entryHeader { background-color: #fce2d5; color: #f58b89; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px; } .entryHeader a{ color: #51a5d0; text-decoration: none; } .entryHeader a:hover{ color: #63b9e1; } .entryHeaderSubject { font-weight: light; text-transform: uppercase; } .entryHeaderDate a { color : #000000; text-decoration : none; } .entryHeaderDate a:hover { color : #000000; text-decoration : none; } .entryMetadata { padding-left: 0px; color: #51a5d0; } .entryMetadata ul { margin: 0px; padding: 10px; } .entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 8pt; } .entryMetadata-label { font-weight: bold; padding-right: 10px; } .entryLinkbar { background: #fdf4d6; margin: 0px; padding: 10px; font-size: 10px; text-align: right; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 8px 0px 5px; margin: 0px; border-right: 1px solid #51a5d0; display: inline; } /*FOOTER*/ #footer-menu { font-size: 11px; } #footer-menu a, .footer-menu a:visited { color: #000000; white-space: nowrap; padding: 6px; text-align: left; } /*SIDEBAR*/ .sidebar { font-family: ; font-size: 11px; margin: 4px 20px 0px 0px; width: 170px; } .sidebox { color: #000000; background-color: #fdf4d6; margin: 0px 0px 0px 0px; padding: 0px; } .sideboxTitle { background-color: #fce2d5; color: #f58b89; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px; text-align: ; } .sideboxContent { text-align: left; padding: 2px 4px 2px 4px; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; color: #51a5d0; } img.profile-userpic {width: 70px; height: 70px; border: 5px solid #fdc4bc; margin: 10px;} .sidebox #tags_sidebox { text-align: center; } .sidebox #systemlinks { text-align: center; } .sidebox #latestmonth table{ width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; color: #51a5d0; } .listtitle { font-weight: bold; color: #51a5d0; } .profile-label { font-weight: bold; color: #51a5d0; } /*OTHER PAGES*/ /* COMMENT PAGE */ .commentHolder { color: #000000; background-color: #fdf4d6; color: #543736; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px; } .commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; background-color: #fdf4d6; color: #63b9e1; } .commentUserinfo-usericon img { border: 7px solid #fce2d5; width: 70px; height: 70px; } .commentText { padding: 6px; color: #543736; } .commentHeader { background-color: #fce2d5; color: #fdc4bc; font-family: ; font-size: 12px; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #000000; } .commentHeaderScreened { font-family: ; font-size: 12px; background-color: #cccccc; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: bold; } .commentLinkbar { font-family: ; font-size: 11px; color: #f58b89; text-align: right; padding-top: 4px; padding-bottom: 4px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } .replyform { background-color: transparent; color: #000000; padding-left: 10px; } #commenttext{ width:100%; } /*ARCHIVE PAGE*/ .yearlinks{ text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 500px; border: 1px solid #fdc4bc; margin: 8px 8px 8px 40px; } .daysubjects { color: #63b9e1; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px solid #fdc4bc; background: #fdc4bc; color: #543736; } .day-blank { border: 1px solid #fdc4bc; } .day { border: 1px solid #fdc4bc; } .day-date { border-right: 1px solid #fdc4bc; border-bottom: 1px solid #fdc4bc; color: #543736; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 20px; } .day-count a { text-decoration: none; color: #543736; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #fdc4bc; } .tagstable { width: 500px; } /*QUOTE*/ blockquote:first-letter { background: url() no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; }

INFOStyle: S2 Smooth Sailing
Accounts: Basic, Plus, and Paid
Browsers: Tested on Firefox (but IE should work, too)

INSTRUCTION

1. Go to Journal > Journal Style
2. Choose a Smooth Sailing theme (Any will do)
3. Go to Change Page Setup and choose 2 Column (sidebar on right)
4. Choose Ad Placement > Horizon ( click Save ) > then Between Entries
5. Go to Customize Selected Theme 
6. Go to Custom CSS
7. Set all to No
   
8. Paste the code into the Custom stylesheet box and Save

Ok, so this layout was coded after Tego's pic so only his banner has color, the rest will look like Ryo's so it will match :) But you're free to change the banner to your liking ^^

TEGOSHI YUYA


IMG Preview | Live Preview

NISHIKIDO RYO


IMG Preview | Live Preview


CODE
/* Stylesheet by shinie165.livejournal.com Theme: Flexible Square Please don't claim as yours :) */ body {background: #272727;text-align: right; margin: auto;} a, a:link, a:visited { color: #8d3241; text-decoration: none; } a:hover { color: #ff607a; text-decoration: none; } p, td, blockquote { font-size: 12px; font-family: 'Times New Roman', Times, serif; font-style: italic; } code, kbd, pre, tt { font-family: monospace; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ #content { width: 800px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px; } #maincontent { margin-top: 15px; font-family: Book Antiqua; font-size: 12px; letter-spacing: 2px background-color: transparent; color: #000000; text-align: left; width: 600px; } #sidebar {display: none; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ #header { width: 100%; padding: 360px 0px 30px 0px; margin: 90px 0px 0px 0px; text-align: center; font-family: Georgia, Serif; font-size: 30px; font-style: italic; letter-spacing: 1px; color: #000000; position: relative; background: url('http://img684.imageshack.us/img684/6021/bannertego.png')no-repeat top center; } .headerimage { } /*look and color of links (also partly for footer)*/ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #393939; } div#header a:hover, div#footer a:hover { color: #5c5b5b; text-decoration: none; } /*title and subtitle*/ .title { display: none; } .subtitle{ display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent { } .entry { margin: 10px 20px 10px 30px; padding: 10px; background-color: #e4e4e4; color: #4a2f34; font-family: Book Antiqua; font-size: 13px; font-weight: lighter; word-spacing: 2px; text-align: left; width: 530px; } .userpic { position: relative; float: right; padding: 5px; margin-right: -150px; margin-top: 120px; z-index: 15; border-width: 15px; border-color: #892d3c; border-style: solid; } .date { line-height: 200%; top: 5px; color: #000000; font-family: "Verdana", sans-serif; font-size: 11px; text-align: center; } .subject { font-weight: bold; padding: 10px; color: #b43443; font-family: Garamond, serif; font-size: 21px; text-align: center; } .subject a, .subject a:link, .subject a:visited { color: #b43443; } .subject a:hover { color: #fd4b61; } .datesubject { background-color: transparent; padding: 5px; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .ljtags {padding: 5px 0px 0px 20px; background: transparent none no-repeat scroll 0 50%; margin-top: 30px;} .currentlocation,.currentmood, .currentgroups, .currentmusic {padding: 5px 0 5px 20px; background: transparent none no-repeat scroll 0 50%;} .ljtags {background-image: url('http://img716.imageshack.us/img716/6958/pricetaglabel6414689.png')} .currentlocation {background-image: url('http://img96.imageshack.us/img96/9979/homemedium6516618.png')} .currentmood{background-image: url('http://img63.imageshack.us/img63/9843/heart6487976.png')} .currentgroups {background-image: url()} .currentmusic {background-image: url('http://img696.imageshack.us/img696/3258/balloonsound6597449.png')} /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { font-family: "Verdana", sans-serif; font-size: 11px; text-align: right; background-color: #e4e4e4; padding: 0px 5px 0px 5px; position: relative; margin-top: 15px; padding-top: 10px; padding: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #000000; } div.comments a:hover { color: #b0b9c8; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 35px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: right; padding: 5px; margin-right: -150px; margin-top: 120px; text-align: center; border-width: 15px; border-color: #892d3c; border-style: solid; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; background: #272727!important; } .userpicfriends a font {color: #393939;} .userpicfriends a:hover font {color: #5c5b5b;} /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic img { text-align: center; width: 70px; height: 70px; margin: 10px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #393939; } div#sidebar a:hover { color: #5c5b5b; text-decoration: none; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #000000; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { border-color: #000000; border-width: 1px; border-style: solid; background-color: #d4dce8; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 15px; list-style: none; border-style: solid; border-width: 1px; border-color: #999999; background-color: #919bad; margin-bottom: 10px; margin-top: 10px; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; text-align: right; font-family: "Verdana", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color: transparent; color: #000000; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #302f2f; } table.yeartable td.yearday { background-color: #8d3241; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { background-color: #272727; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; background-color: #4a4949; top: -30px; width: 70px; height: 70px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #999999; padding: 10px; clear: left; } input, textarea { background-color: #d4dce8; color: #000000; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #d4dce8; color: #000000; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #8b7c74; } .commentbox { padding: 10px; margin: 10px; background-color: #272727; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #ffffff; } .datesubjectcomment a:hover { color: #272727; } .commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #d4dce8; } .commentinfo { background-color: #d4dce8; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; }

INFOStyle: S2 Flexible Squares
Accounts: Basic, Plus, and Paid
Browsers: Tested on Firefox  (but IE should be fine.)

INSTRUCTION

1. Go to Journal > Journal Style
2. Choose a Flexible Squares theme  (Any will do)
3. Go to Change Page Setup and choose 2 Column (sidebar on right)
4. Choose Ad Placement > Vertical ( This will hide the ad )
5. Go to Customize Selected Theme 
6. Go to Custom CSS
7. Set all to No
   
8. Paste the code into the Custom stylesheet box and Save
9. To change banner, find #header and replace the link inside the bracket.

THE OHER MEMBERS
( Click to enlarge )



 
 

• Stocks Credit: news_jpop ,inala , rockthecliche  ( for posting the most awesome DVD rip a.k.a the source of my caps )
  
•  
• Tiny icon by pinvoke
• Credit is nice, but not necessary. Just don't remove my name from the code.
• You may edit the stylesheet as long as you leave my credit alone.
• Please comment here if there's anything wrong with the code, i'll gladly fix it for you :D
• And lastly...

Merry Christmas, everyone <3