?

Log in

 
 
03 November 2008 @ 11:14 am
t.A.T.u. Layout  
Hello, everyone! A few weeks ago I decided to sit down and work with photoshop! Well, from that several t.A.T.u. layouts were born! I’ll get around to posting more later, but for now I hope you enjoy!

Be sure to credit me for the header, and refuted for the layout codes. Comment if you take, please!






Step by Step Instructions on How to Use the Layout:

1. Go to your Customize page.
2. If you are using S1, switch to S2.
3. Under "Edit Titles", add a Title/Subtitle to your journal. These tend to look better if they are longer.
4. Under "Select a New Theme", type "Flexible Squares" in the Search box.
5. Click "Apply Theme" directly underneath the first search result.
6. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on right)".
7. Click the button that says "Customize Selected Theme".
8. Click "Sidebar" on the left. Here you can decide what you would like to be displayed in the sidebar. (The text on top of the layout) You can choose any number or combination of these to be displayed. Remember, to customize the links, click "Links List".
9. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to No. This is extremely important!
10. Copy and paste the following into the custom stylesheet box and click "Save Changes":

body {
background: #111111;
text-align: left;
margin: 15px 0 15px 15px;
font-family: "lucida grande", arial, verdana, sans-serif;
color: #d3d3d3;
font-size: 8pt;
}

a, a:link, a:visited, a:active {
color: #8BD8EB;
text-decoration: none;
}

a:hover {
color: #C3EEF7;
text-decoration: none;
}

strong, b {
color: #8BD8EB;
}

em, i {
color: #9A9A9A;
}

p, td {
font-size: 11px;
}

blockquote {
margin: 0 8px 0 8px;
padding: 8px;
background-color: #444444;
color: #D3D3D3;
line-height: 13px;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
text-align: justify;
border: 1px solid #606060;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 716px;
margin: 0 auto;
background-color: #262626;
border: 0px;
padding: 0px;
}

#maincontent {
margin: 0;
padding: 0;
background: #333333;
border-left: 15px solid #222222;
color: #000000;
text-align: left;
width: 75%
}

#sidebar {
float: right;
padding-top: 2px;
margin: 5px 5px 0 0;
background-color: #262626;
border: 0px;
width: 22%;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
background: #222222;
color: #8BD8EB;
font-family: "Lucida Grande", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 14px;
text-align: right;
border-left: 15px solid #191919;
}

#footer {
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: transparent;
color: #D3D3D3;
border: 0px;
clear: both;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #8BD8EB;
font-weight: normal;
}

div#footer a:hover {
color: #D3D3D3;
font-weight: normal;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #fff;
background-color: #2A2A2A;
}


div#header a:hover {
color: #fff;
background-color: #333333;
}

ul.navheader {
padding: 16px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0px;
background-color: transparent;
}

ul.navheader li a {
padding: 12px;
}

.title, .subtitle {
display: none;
}


/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #D3D3D3;
}

div#sidebar a:hover {
color: #8BD8EB;
text-decoration: none;
}

.defaultuserpic {
display: none;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 5px 0 5px;
color: #CBCBCB;
font-family: "lucida grande", Verdana, Tahoma, Arial, sans-serif;
font-size: 7pt;
line-height: 13pt;
text-align: justify;
}

#sidebar_summary.ul {
list-style: none;
margin: 0; padding: 0;
}

#sidebar_summary li.sbaritem a {
font-family: "Lucida Grande", "trebuchet ms", verdana, arial, sans-serif;
font-size: 8pt;
color: #E8E8E8;
line-height: 22px;
text-transform: lowercase;
border: none;
border-bottom: 1px solid #1F1F1F;
padding-left: 4px;
display: block;
background: #262626;
}

#sidebar_summary li.sbaritem a:hover {
color: #8BD8EB;
text-decoration: none;
background: #313131;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border: 1px solid #CBCBCB;
background-color: #262626;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
color: #686868;
}

.sbarcalendarposts {
border: 1px solid #fff;
text-align: center;
font-family: Tahoma, verdana, sans-serif;
font-size: 10px;
padding: 4px;
}

ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

ul.sbarlist li a {
display: block;
color: #fff;
padding: 0 7px;
}

ul.sbarlist li a:hover {
color: #EB9B8B;
}

.tagcloud {
padding-left: 3px;
list-style: none;
}

li.sbartitle {
padding-left: 2px;
list-style: none;
border-bottom: 1px dotted #CBCBCB;
border-top: none;
border-right: none;
border-left: none;
background-color: #262626;
margin-bottom: 8px;
margin-top: 10px;
font-weight: normal;
color: #CBCBCB;
font-family: "Lucida Grande", "trebuchet ms", Georgia, verdana, sans-serif;
font-size: 11pt;
text-transform: lowercase;
letter-spacing: -1px;
}

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: "Lucida Grande", "trebuchet ms", verdana, arial, sans-serif;
font-size: 8pt;
color: #E8E8E8;
line-height: 22px;
text-transform: lowercase;
border: none;
border-bottom: 1px solid #1F1F1F;
padding-left: 4px;
display: block;
background: #262626;
}

li.sbaritem a:hover, a:hover visited, a:hover b {
text-decoration: none;
background: #313131;
}

span.count {
display: none;
}

/* maincontent */

.entry {
margin: 0 5px 0 5px;
padding: 0px 12px 0px 12px;
background-color: #333333;
color: #D3D3D3;
font-family: "Lucida Grande", "trebuchet ms", arial, Verdana, Tahoma, sans-serif;
font-size: 8pt;
line-height: 15pt;
text-align: justify;
border-width: 0px;
}

.entry ul li {
padding-left: 5px;
margin-left: 15px;
}

.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
float: left;
margin: 10px 10px 0 20px;
background-color: #ffffff;
padding: 5px;
}

.userpicfriends {
position: relative;
float: left;
background-color: #ffffff !important;
padding: 5px;
margin: 10px 10px 0 20px;
z-index: 15;
text-align: center;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
z-index: 15;
}

.userpicfriends a font {
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 7pt;
color: #686868;
}

.userpicfriends a:hover font {
color: #8BD8EB;
}

.date {
color: #c0c0c0;
font-family: "lucida grande", "trebuchet ms", tahoma, arial, verdana, sans-serif;
font-size: 7pt;
text-transform: lowercase;
padding: 10px 0 0 0;
margin: 0;
}

.subject {
font-weight: bold;
color: #8BD8EB;
font-family: "Lucida Grande", arial, Georgia, verdana, sans-serif;
font-size: 17pt;
padding-top: 5px;
text-transform: lowercase;
background-color: transparent;
letter-spacing: -1px;
}

.subject a, .subject a:link, .subject a:visited {
color: #E79CEF;
}

.subject a:hover {
color: #c0c0c0;
}

.datesubject {
background-color: transparent;
margin: 0px 20px 0px 20px;
}

.currents, .currentmood, .currentmusic {
color: #8BD8EB;
border-width: 0px;
font-family: "lucida grande", "trebuchet ms", verdana, arial, sans-serif;
font-size: 7pt;
text-transform: lowercase;
text-align: right;
margin: 0;
}

.currents a:link, .currents a:visited, .currents a:active {
color: #8BD8EB;
}

.currents a:hover {
color: #C3EEF7;
}

.currents strong, .currentmood strong, .currentmusic strong {
color: #DDDDDD;
}

.comments {
font-family: "Lucida Grande", arial, georgia, verdana, sans-serif;
font-size: 14pt;
text-align: center;
color: #8BD8EB;
padding: 12px 5px 0px 5px;
margin: 0;
position: relative;
text-transform: lowercase;
background: #333333 url(http://img.photobucket.com/albums/v72/panthersgem/ref/commbg.png) repeat-x top left;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #8BD8EB;
}

div.comments a:hover {
color: #C3EEF7;
text-decoration: none;
}

.ljtags {
margin-top: 10px;
font-family: "lucida grande", "trebuchet ms", verdana, arial, sans-serif;
font-size: 7pt;
color: #DDDDDD;
font-weight: bold;
text-transform: lowercase;
text-align: right;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #8BD8EB;
font-weight: normal;
}

.ljtags a:hover {
color: #C3EEF7;
text-decoration: none;
}


/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
}

.userpiccomment {
background-color: #fff;
padding: 5px;
position: relative;
left: 0px;
margin: 10px;
z-index: 15;
float: left;
top: -10px;
}

.box {
border: 0px;
padding: 10px;
clear: left;
background-color: transparent;
color: #d3d3d3;
}

input, textarea {
background-color: #444444;
color: #d3d3d3;
border: 1px solid #606060;
}

textarea.textbox {
width: 95% !important;
}

.reply {

position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "lucida grande", arial, verdana, sans-serif;
font-size: 8pt;
line-height: 13pt;
background-color: #444444;
color: #d3d3d3;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 8pt;
font-family: "lucida grande", arial, verdana, sans-serif;
line-height: 13pt;
color: #d3d3d3;
padding: 5px;
}

.commentbox, .commenttext {
padding: 5px;
margin: 10px;
background-color: #444444;
border: 1px solid #606060;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #efefef;
font-size: 8pt;
font-family: "lucida grande", arial, verdana, sans-serif;
}

.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}


/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #606060;
}

table.yeartable, td.yearday {
background-color: #444444;
text-align: center;
color: #d3d3d3;
}

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 {
font-size: 3pt;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/userimg-1.gif);
padding: 12px 2px 0px 2px !important;
}

.ljuser a:hover b {
color: #C3EEF7;
background: transparent;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/userimg-1.gif);
padding: 11px 9px 2px 2px !important;
}

.ljuser:hover img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/userimg2-1.gif);
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/userimg-1.gif);
padding: 11px 9px 2px 2px !important;
}

.ljuser:hover img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/userimg2-1.gif);
}

img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/lockc.gif);
}

img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/lockc.gif);
}

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 716px;
height: 287px;
background-repeat: no-repeat;
background-image: url(http://i2.photobucket.com/albums/y38/Pwmjmm/Icons/tatu4.png);
}


Under your userinfo, be sure to add:

Stylesheet by refuted
Header by rei2rei

IMPORTANT:

Be sure to find the URL to the header. It will be located under:

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: ###px;
height: ###px;
background-repeat: no-repeat;
background-image: url(URL OF IMAGE HERE);
}

Please upload the image to your own server. I DO NOT have a paid account on photobucket and it wont be able to handle everyone hotlinking from it. If you don’t upload it somewhere else, the image will more than likely go down.
 
 
Current Mood: accomplished
Current Music: Will & Grace on TV
 
 
 
reclearblast on February 17th, 2013 05:55 am (UTC)
Log in and let the naughty fun begin! Go Here welcomemyhomecat.blogspot.com