Kame-chan, otanjoubi omedetou *-*
Kame-chan, happy birthday =)
I know, these are nothing but I made some graphics for you {1 LJ Layout + 1 Header + 12 Icons}.
Preview:
Icons
001
002
003
004
005
006
007
008
009
010
011
012
Header
Click for the original size {800x300}
LJ Layout
How to use it:
1. Go to "customize journal" and choose "Flexible Squares" from the drop down menu.
2. Click "customize your theme" then go to the section which says "custom css"
3. Set "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" to No (this step is important!)
4. Paste this code into the box which says "Custom stylesheet"
/* Cleaned CSS: Layout by HerPandaLove @ LJ; Credit if use;*/ body { background-color: #e6e6e6; text-align: center; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #747474; text-decoration: underline; } a:hover { color: #747474; text-decoration: overline; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 65%; margin-left: auto; margin-right: auto; background-color: #e6e6e6; border-width: 1px; border-style: solid; border-color: #e6e6e6; padding: 15px; } #maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: #e6e6e6; color: #747474; border-style: solid; border-color: #e6e6e6; border-width: 1px; margin-right: 180px; text-align: left; } #sidebar { padding-top: 5px; padding-left: 8px; margin-top: 15px; background-color: #e6e6e6; border-color: #e6e6e6; border-width: 1px; border-style: solid; font-size: 11px; font-family: "Verdana", sans-serif; color: #747474; width: 160px; height: 100%; float: right; text-align: left; } .headerimage { position: relative; background: url(http://i45.tinypic.com/2jexpa1.png); width: 800px; height: 300px; background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-bottom-style: solid; border-bottom-color: #747474 border-bottom-width: 10px; } #header { width: 97%; padding: 10px 0px 10px 0px; margin: 0px; margin-top: 0px; padding-top: 0px; text-align: right; font-weight: normal; font-family: "Sylfaen", sans-serif; font-size: 20px; font-style: italic; letter-spacing: 1px; border-color: #e6e6e6; border-width: 1px; border-style: solid; background-color: #e6e6e6; color: #747474; } #footer { width: 100%; text-align: right; font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; background-color: #e6e6e6; color: #747474; border-color: #e6e6e6; border-width: 1px; border-style: solid; z-index: 100; clear: both; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #747474; } div#header a:hover, div#footer a:hover { color: #747474; text-decoration: overline; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title { display: none; } .subtitle{ display: none; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #747474; } div#sidebar a:hover { color: #747474; text-decoration: overline; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #e6e6e6; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { border-color: #e6e6e6; border-width: 1px; border-style: solid; background-color: #e6e6e6; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 0px; list-style: none; border-width: 0px; border-bottom-color: #747474; border-bottom-style: dotted; border-bottom-width: 1px; background-color: #e6e6e6; margin-bottom: 10px; margin-top: 10px; text-align: center; } /* maincontent */ .subcontent { } .entry { margine-left: 80px; padding: 5px; background-color: #e6e6e6; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; text-align: left; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .entry_text { background-color:#e6e6e6; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 8px; } .entry ol li { padding-left: 5px; margin-left: 8px; } .userpic { position: relative; padding: 5px; float: left; background-color: #b1b1b1; margin-top: 0px; z-index: 5; border-width: 5px; border-color: #e6e6e6; border-style: solid; } .userpicfriends { background-color:#e6e6e6 !important; position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #e6e6e6; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; } .date { line-height: 200%; top: 2px; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; } .subject { font-weight: bold; padding: 5px; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; } .subject a, .subject a:link, .subject a:visited { color: #747474; } .subject a:hover { color: #747474; text-decoration: overline; } .datesubject { background-color: #e6e6e6; padding: 3px; margin-left: 25px; margin-right: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #747474; } .currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif; font-size: 11px; } .comments { font-family: "Verdana", sans-serif; font-size: 11px; text-align: right; background-color: #b1b1b1; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #747474; } div.comments a:hover { color: #747474; text-decoration: overline; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #e6e6e6; padding: 3px; margin-left: 30px; margin-right: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #747474; } .userpiccomment { position: relative; border-width: 1px; border-style: solid; border-color: #e6e6e6; background-color: #b1b1b1; top: -30px left: 0px; padding: 5px; margin: 10px 10px -20px -5px; z-index: 15; float: left; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #e6e6e6; padding: 10px; clear: left; } input, textarea { background-color: #b1b1b1; color: #747474; } 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: #e6e6e6; color: #747474; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 2px; font-size: 11px; font-family: "Verdana", sans-serif; color: #747474; } .commentbox { border-color: #e6e6e6; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #e6e6e6; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #747474; } .datesubjectcomment a:hover { color: #747474; text-decoration: overline; } .commentboxpartial { border-color: #e6e6e6; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #e6e6e6; } .commentinfo { background-color: #e6e6e6; margin-top: 10px; width: 100%; } /* maincontent -- year/achive 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: #747474; } table.yeartable td.yearday { background-color: #b1b1b1; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* misc */ .clear { height: 10px; } .skiplinks { text-align: center; } .separator{ /* for formatting separators between entries */ height: 20px; }
5. Click "Save Changes"
Edit: I changed the layout code because there was an error ^^
I know, these are nothing but I made some graphics for you {1 LJ Layout + 1 Header + 12 Icons}.
Preview:
Icons
001
002
003
004
005
006
007
008
009
010
011
012
Header
Click for the original size {800x300}
LJ Layout
How to use it:
1. Go to "customize journal" and choose "Flexible Squares" from the drop down menu.
2. Click "customize your theme" then go to the section which says "custom css"
3. Set "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" to No (this step is important!)
4. Paste this code into the box which says "Custom stylesheet"
/* Cleaned CSS: Layout by HerPandaLove @ LJ; Credit if use;*/ body { background-color: #e6e6e6; text-align: center; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #747474; text-decoration: underline; } a:hover { color: #747474; text-decoration: overline; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 65%; margin-left: auto; margin-right: auto; background-color: #e6e6e6; border-width: 1px; border-style: solid; border-color: #e6e6e6; padding: 15px; } #maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: #e6e6e6; color: #747474; border-style: solid; border-color: #e6e6e6; border-width: 1px; margin-right: 180px; text-align: left; } #sidebar { padding-top: 5px; padding-left: 8px; margin-top: 15px; background-color: #e6e6e6; border-color: #e6e6e6; border-width: 1px; border-style: solid; font-size: 11px; font-family: "Verdana", sans-serif; color: #747474; width: 160px; height: 100%; float: right; text-align: left; } .headerimage { position: relative; background: url(http://i45.tinypic.com/2jexpa1.png); width: 800px; height: 300px; background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-bottom-style: solid; border-bottom-color: #747474 border-bottom-width: 10px; } #header { width: 97%; padding: 10px 0px 10px 0px; margin: 0px; margin-top: 0px; padding-top: 0px; text-align: right; font-weight: normal; font-family: "Sylfaen", sans-serif; font-size: 20px; font-style: italic; letter-spacing: 1px; border-color: #e6e6e6; border-width: 1px; border-style: solid; background-color: #e6e6e6; color: #747474; } #footer { width: 100%; text-align: right; font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; background-color: #e6e6e6; color: #747474; border-color: #e6e6e6; border-width: 1px; border-style: solid; z-index: 100; clear: both; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #747474; } div#header a:hover, div#footer a:hover { color: #747474; text-decoration: overline; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title { display: none; } .subtitle{ display: none; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #747474; } div#sidebar a:hover { color: #747474; text-decoration: overline; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #e6e6e6; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { border-color: #e6e6e6; border-width: 1px; border-style: solid; background-color: #e6e6e6; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 0px; list-style: none; border-width: 0px; border-bottom-color: #747474; border-bottom-style: dotted; border-bottom-width: 1px; background-color: #e6e6e6; margin-bottom: 10px; margin-top: 10px; text-align: center; } /* maincontent */ .subcontent { } .entry { margine-left: 80px; padding: 5px; background-color: #e6e6e6; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; text-align: left; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .entry_text { background-color:#e6e6e6; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 8px; } .entry ol li { padding-left: 5px; margin-left: 8px; } .userpic { position: relative; padding: 5px; float: left; background-color: #b1b1b1; margin-top: 0px; z-index: 5; border-width: 5px; border-color: #e6e6e6; border-style: solid; } .userpicfriends { background-color:#e6e6e6 !important; position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #e6e6e6; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; } .date { line-height: 200%; top: 2px; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; } .subject { font-weight: bold; padding: 5px; color: #747474; font-family: "Verdana", sans-serif; font-size: 11px; } .subject a, .subject a:link, .subject a:visited { color: #747474; } .subject a:hover { color: #747474; text-decoration: overline; } .datesubject { background-color: #e6e6e6; padding: 3px; margin-left: 25px; margin-right: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #747474; } .currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif; font-size: 11px; } .comments { font-family: "Verdana", sans-serif; font-size: 11px; text-align: right; background-color: #b1b1b1; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #747474; } div.comments a:hover { color: #747474; text-decoration: overline; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #e6e6e6; padding: 3px; margin-left: 30px; margin-right: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #747474; } .userpiccomment { position: relative; border-width: 1px; border-style: solid; border-color: #e6e6e6; background-color: #b1b1b1; top: -30px left: 0px; padding: 5px; margin: 10px 10px -20px -5px; z-index: 15; float: left; border-width: 1px; border-color: #e6e6e6; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #e6e6e6; padding: 10px; clear: left; } input, textarea { background-color: #b1b1b1; color: #747474; } 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: #e6e6e6; color: #747474; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 2px; font-size: 11px; font-family: "Verdana", sans-serif; color: #747474; } .commentbox { border-color: #e6e6e6; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #e6e6e6; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #747474; } .datesubjectcomment a:hover { color: #747474; text-decoration: overline; } .commentboxpartial { border-color: #e6e6e6; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #e6e6e6; } .commentinfo { background-color: #e6e6e6; margin-top: 10px; width: 100%; } /* maincontent -- year/achive 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: #747474; } table.yeartable td.yearday { background-color: #b1b1b1; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* misc */ .clear { height: 10px; } .skiplinks { text-align: center; } .separator{ /* for formatting separators between entries */ height: 20px; }
;){kind=link}
5. Click "Save Changes"
Edit: I changed the layout code because there was an error ^^