Layouts

Livejournal

Por: Morango	Instruções: Caso seu sistema ainda esteja em S1 mude para S2, mas é bem raro algum LJ ainda estar com o antigo sistema S1. Vá em journal > Select Journal Style Selecione o Tranquility II (qualquer um deles) Clique em customize your theme > Custom CSS Se certifique que 'Use layout's stylesheet' está em 'NO' e custom external stylesheet está em 'YES' Em Custom stylesheet copie e cole o seguinte código inteiro (Ctrl A + Ctrl C + Ctrl V): @media screen, print { ul#lj-links, ul#lj-summary, ul#user-links { margin: 0; padding: 0; } body { background: #000000 url(http://www.versaillesbr.com/layouts/2fundoai52.jpg) center top repeat-y; font-family: Georgia, serif; font-size: 12px; line-height: 125%; color: #990000; text-align: center; margin-top: 0; } a { font-family: Georgia, serif; font-size: 100%; color: #ffffff; text-decoration: none; } a:visited { color: #ffffff; } a:hover, a:visited:hover { color: #ffffff; text-decoration: none; } a:active { color: #ffffff; } a img { border: none; } a.comm { background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat; padding-left: 19px; padding-bottom: 7px; } a.user { background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat; padding-left: 19px; padding-bottom: 7px; } p { margin: 5px; padding: 5px; } form { display: inline; margin: 0px; padding: 0px; } input, select, textarea { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 1px; margin: 0px; } #container { position: relative; width: 757px; margin: 0 auto; text-align: left; } #header { margin-bottom: 15px; background: transparent url(http://www.versaillesbr.com/layouts/curevol50_90a.gif) top center no-repeat; height: 401px; } #header h1 { display: none; } #menu { position: relative; background-color: #ffffff; margin-left: 10px !important; margin-left: 5px; float: left; width: 150px; font-family: Georgia, serif; font-size: 100%; color: #ffffff; border: 1px solid #990000; padding: 4px; } #content { position: relative; margin-left: 160px; } #entries { border: 0px; padding: 15px; background-color: transparent; } #menu h2 { margin: 20px 0; font-family: serif; text-transform: uppercase; font-size: 100%; color: #990000; border-bottom: 1px solid #990000; } #menu h2.userpic { text-align: center; border: 0px; } #menu a { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #CEBAAA; } #menu a:visited { color: #ffffff; } #menu a:hover, #menu a:visited:hover { color: #4D0000; background-color: #CEBAAA; } #menu a:active { color: #ffffff; } #menu ul { margin: 3px; list-style: none; } #menu ul li { margin: 3px; padding: 0px; list-style: none; } #menu ul li.active { margin: 20px 0; font-family: serif; font-size: 100%; text-transform: uppercase; color: #990000; font-weight: bold; border-bottom: 1px solid #990000; } #user-links a, #lj-links a, #user-links a:link, #lj-links a:link, #user-links a:visited, #lj-links a:visited { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; display: block; color: #CEBAAA; padding-left:3px; padding-bottom:3px; line-height: 18px; } #user-links a:hover, #lj-links a:hover { color: #4D0000; } #content h2 { margin: 20px 0; } #entries, #comments { margin: 10px; } .ind-entry { padding: 5px; padding-bottom: 35px; border-bottom: 0px; background-color: transparent; background: transparent url() bottom center no-repeat; } .ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img { position: relative; float: right; padding: 0px; } .ind-entry h2 { font-family: Georgia, serif; font-size: 150%; color: #4F1A16; margin: 20px 0px; line-height: 140%; background: transparent url() no-repeat 0em 0.10em; padding-left: 25px; border-bottom: #5D525C double 3px; } .ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #000000; } .ind-entry h4 { background-color: transparent; } .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a { font-family: Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: none; } .ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited { color: #000000; } .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover { color: #000000; } .ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #000000; } .ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active, .ind-comment-screened h4 a:active { color: #000000; } .ind-entry div.entry-item, .ind-entry div.month-entries { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 15px 0px; } .ind-entry div.entry-item a, .ind-entry div.month-entries a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #000000; } .ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #000000; } .ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #000000; } .ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #000000; } .ind-comment-one, .ind-comment-two, .ind-comment-screened { margin: 10px 0; padding: 5px; } .ind-comment-one { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-two { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-screened { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-one h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; } .ind-comment-one div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 15px 0px; } .ind-comment-one div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-comment-one div.entry-item a:visited { color: #000000; } .ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #000000; } .ind-comment-one div.entry-item a:active { color: #000000; } .ind-comment-two h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; line-height: 140%; } .ind-comment-two div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 10px 0px; } .ind-comment-two div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-comment-two div.entry-item a:visited { color: #000000; } .ind-comment-two div.entry-item a:hover, .ind-comment-two div.entry-item a:visited:hover { color: #000000; } .ind-comment-two div.entry-item a:active { color: #000000; } .ind-comment-screened h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; } .ind-comment-screened div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 10px 0px; } .ind-comment-screened div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #5E0302; text-decoration: underline; } .ind-comment-screened div.entry-item a:visited { color: #000000; } .ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #000000; } .ind-comment-screened div.entry-item a:active { color: #000000; } .month-entries { margin: 10px 0; } .month-entries ul { list-style: none; margin: 10px; } .month-entries ul li { list-style: none; padding: 3px; } .ljtaglist { margin-left: 5px; } .ljtags { margin-top: 15px; } #footer { position: relative; font-family: Georgia, serif; font-size: 100%; color: #000000; background-color: transparent; } #footer p { padding: 20px; } #footer a { font-family: Georgia, serif; font-size: 100%; color: #000000; } #footer a:visited { color: #000000; } #footer a:hover, #footer a:visited:hover { color: #000000; } #footer a:active { color: #000000; } } @media print { #menu { display: none; } #content { margin-left: 0px; } #entries, .ind-entry, .ind-comment, #footer, #header { border: none; } }
Por: Morango	Instruções: Vá em journal > Select Journal Style Caso seu sistema ainda esteja em S1 mude para S2. Selecione o Smooth Sailing (qualquer um deles) Clique em customize your theme > Custom CSS Se certifique que 'Use layout's stylesheet' está em 'NO' e custom external stylesheet está em 'YES' Em Custom stylesheet copie e cole o seguinte código inteiro (Ctrl A +Ctrl C + Ctrl V): /* PAGE */ /* MADE BY MORANGO from www.versaillesbr.com */ body { font-family:arial; font-size: 12px; line-height: 16px; letter-spacing: 0pt; margin-top: 0px; background-color: #ffffff; color: #993333; align: left; background-image: url(http://www.versaillesbr.com/layouts/hiza_bg.jpg); background-repeat: repeat; background-position: top; } ::-moz-selection { background-color: #ef1b67; color: #ffffff; } a, a:link, a:visited { color: #bba4a4; text-decoration: none; } a:hover { color: #ffffff; background-color: #bba4a4; line-height: 16px; text-decoration: none; } .pageblock{ width:780px; background-image: url(http://www.versaillesbr.com/layouts/hiza_body.jpg); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top: 0px; } .pagefooterblock { background-color: transparent; color:#993333; background-image: url(''); padding-top:5px; padding-bottom:5px; text-align: center; border-top:1px solid #993333; width: 780px; } .pagefooterblock a, .pagefooterblock a:visited { color: #ffffff; } /* HEADER */ .pageheaderblock { text-align: left; } .header-title { font-size: 0px; background-color: transparent; background-image: url(http://www.versaillesbr.com/layouts/hiza_header.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top:0px; height: 464px; width: 780px; } .header-subtitle { display:none; } .header-icon { display:none; } .header-menu { padding: 0px; background-color: transparent; font-family:Myriad Web Pro; font-size: 11px; line-height: 20px; text-align: center; background-image: url(); border-bottom:0px dashed #5c5c5c; width: 500px; margin-left: 189px; } .header-menu a, .header-menu a:visited { text-align: center; padding: 3px 10px 3px 10px; color: #a87b7b; text-decoration: bold; } .header-menu a:hover { padding: 1px 5px 2px 5px; color: #ffffff; background-color: #b57777; font-size: 11px; text-decoration: bold; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { padding:0px; background-color: transparent; width: 780px; background-image:url(); margin-left: 0px; color: #885252; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; color: #885252; text-align:right; } .bodynavblock a, .bodynavblock a:visited { color: #ffffff; } .body-title { display: none; } .body-midtitle { display: none; } /*ENTRIES*/ .entryHolder { color:#885252; background-color:transparent; font-family:Arial; font-size: 12px; margin-left: 30px; margin-right: 150px; padding-top: 3px; padding-left: 10px; padding-bottom: 20px; padding-left:5px; border-bottom:1px solid #993333; width:500px; margin-right:70px; margin-left:40px; } .entryUserinfo { text-align: center; margin: 5px; background-color: transparent; background-image:url(); background-repeat: no-repeat; background-position: top left; padding-bottom: 1px; } .entryUserinfo-usericon img { background-image:url(); border: 0px; } .entryText { padding: 6px; } .entryHeader { color:#885252; font-family:Arial; font-size: 14px; font-weight: none; text-decoration: none; background-color: transparent; padding-top: 5px; padding-bottom:5px; } .entryHeader a{ color: #885252; } .entryHeaderSubject { font-weight: none; font-size: 15px; letter-spacing: 3pt; text-decoration : none; } .entryHeaderDate { color: #885252; text-decoration : none; } .entryHeaderDate a { color: #885252; text-decoration : none; } .entryHeaderDate a:hover { color : #885252; text-decoration : none; } .entryMetadata { padding-left: 6px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style: none; display: inline; padding-right: 10px; } .entryMetadata-label { color: #885252; font-weight: none; padding-right: 4px; } .entryLinkbar { font-family:Arial; font-size: 11px; color: #885252; text-align: right; padding: 4px 0px 4px 0px; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } /*FOOTER*/ #footer-menu { font-size: 10px; background-color:tranparent; padding-left:5px; } #footer-menu a, .footer-menu a:visited { color: #993333; background-color:tranparent; padding: 0px; text-align: right; } #footer-menu a:hover { background-color:#885252; color: #993333; padding: 0px; text-align: right; } /*SIDEBAR*/ .sidebar { font-family:Arial; font-size: 12px; margin-right: 0px; margin-left: 0px; width: 120px; border-right:0px solid #ffffff; color: #885252; background-color: transparent; top:-150px; position:relative; z-index:100; margin-left:23px; } .sidebox { padding: 4px; background-color: transparent; margin: 0px 0px 10px 0px; } .sideboxTitle { text-align: right; list-style: none; color: #bba4a4; margin-bottom: 5px; font-family: Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; background-image:url(); background-repeat: no-repeat; background-position: top left; background-color: transparent; height: 26px; border-bottom:1px solid #bba4a4; } .sideboxContent { text-align: right; font-family:Arial; font-size: 10px; padding: 2px 4px 2px 4px; color: #885252; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: right; } .sidebox #tags_sidebox { text-align: right; font-size : 10px; width:100% font-weight:bold; } .sidebox #systemlinks { text-align: right; font-size : 10px; width:100% } .sidebox #latestmonth table{ width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; color: #000000; } .listtitle { font-weight: bold; text-align: right; font-size : 10px; text-align: center; display: block; width: 100%; } .profile-label { font-weight: bold; } .sidebox #systemlinks a{ padding-top:5px; padding-right: 5px; list-style: none; text-align: right; display: block; } .sidebox #systemlinks hover{ background-color: #885252; } /*ARCHIVE PAGE*/ .yearlinks{ color: #885252; text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 450px; border: 0px solid #3d3d3d; margin: 8px 8px 8px 40px; } .daysubjects { color: #885252; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px dotted #3d3d3d; background: transparent; color: #885252; } .day-blank { border: 1px solid #885252; } .day { border: 1px solid #885252; } .day-date { border-right: 1px solid #885252; border-bottom: 1px solid #885252; color: #885252; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 14px; } .day-count a { text-decoration: none; color: #885252; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #885252; } .tagstable { width: 450px; } /* COMMENT PAGE */ .commentHolder { color: #885252; background-color: transparent; border-top: 1px dashed #885252; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px; background-color: #d9c0c0; } .commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; background-color: transparent; } .commentUserinfo-usericon img { border: 0; } .commentText { padding: 6px; } .commentHeader { background-color: transparent; color: #885252; font-family: Myriad Web Pro; font-size: 12px; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #885252; } .commentHeaderScreened { font-family: ; font-size: 12px; background-color: transparent; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: bold; } .commentLinkbar { font-family: ; font-size: 11px; color: #000000; 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; } #commenttext{ width:100%; } /* FORM */ .replyform { background-color: #ffffff; text-align: left; margin: 5px 10px 5px 7px; color: #885252; line-height: 16px; border: 1px solid #885252; } .textbox { margin-top: 5px; margin-bottom: 5px; } .replyform textarea { width: 450px; } input { font-family:Myriad Web Pro; font-size: 10pt; color: #885252; background-color: #ffffff; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #885252; font-size: small; margin: 0; width:100px; } #SearchType { margin-bottom: 5px; }
Por: Lillie	Instruções: Caso seu sistema ainda esteja em S1 mude para S2 em customize journal. Vá em journal > Select Journal Style Selecione o Smooth Sailing (qualquer um deles) Clique em customize your theme > Custom CSS Se certifique que 'Use layout's stylesheet' está em 'NO' e custom external stylesheet está em 'YES' Em Custom stylesheet copie e cole o seguinte código inteiro (Ctrl A+ Ctrl C + Ctrl V): /* Style System: S2 Theme: Smooth Sailing Account: Basic, Plus and Paid */ body { color: #888888; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; margin: 0; padding: 0; background-color: #151515; } a { color: #DD8237; text-decoration: none; font-weight: normal; } a:hover { color: #FA9E0D; } blockquote { background-image: url(http://yourdomain/boxbg.jpg); background-position: bottom center; background-repeat: no-repeat; height: 200px; width: 400px; margin: 0 auto; margin-top: 50px; padding: 10px; background-color: #110D0E; color: #888888; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #222222; } input, textarea, select { background-color: #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 10px; color: #888888; border: 1px solid #222222; margin: 1px; } /* CONTAINER */ .pageblock{ background-color: #110D0E; width: 900px; margin: 0 auto; padding: 0; } .pagefooterblock { display: none; } .pagefooterblock a, .pagefooterblock a:visited { color: #DD8237; } .pageheaderblock { padding: 0; margin: 0; } .header-title { background-image: url(http://www.versaillesbr.com/layouts/header-1.jpg); background-position: center; background-repeat: no-repeat; height: 300px; width: 900px; font-size: 0; color: transparent; padding: 0; margin: 0; text-align: center; display: yes; } .header-subtitle { display: none; } .header-icon { top: 0; right: 0; position: absolute; z-index: 1; display: none; } .header-menu { border: 0 solid #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; text-transform: lowercase; letter-spacing: 2px; font-size: 10px; line-height: 20px; text-decoration: none; padding: 0; } .header-menu a, .header-menu a:visited { white-space: nowrap; padding: 2px 6px 2px 6px; color: #DD8237; } .header-menu a:hover { color: #FA9E0D; } .header-menu ul, #footer-menu ul { text-align: right; margin: 0; padding: 10px 10px 10px 10px; } .header-menu li, #footer-menu li { display: inline; margin: 3px; padding: 3px; color: #DD8237; } /* BODY */ .bodyblock { padding: 0; background-color: #110D0E; } .bodyheaderblock { display: none; } .bodynavblock { margin: 10px 0 4px 0; padding: 8px; text-align: center; } .bodynavblock a, .bodynavblock a:visited { font-weight: normal; color: #666666; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { padding: 0 10px 20px 20px; color: #888888; background-color: #110D0E; } .entryUserinfo { text-align: center; margin: 10px; background-color: #110D0E; } .entryUserinfo-usericon img { padding: 10px; background-color: #151515; border: 1px solid #222222; } .entryText { text-align: justify; line-height: 14px; padding: 8px 4px 14px 0; } .entryHeader { background-color: #151515; padding: 5px 0 5px 10px; } .entryHeader a { color: #DD8237; } .entryHeader a:hover { color: #888888; } .entryHeaderDate { background-image: url(http://yourdomain/clock.gif); background-position: left center; background-repeat: no-repeat; padding-left: 17px; font-family: small fonts; font-size: 7px; text-transform: uppercase; color: #656565; } .entryHeaderSubject { text-transform: none; letter-spacing: 1px; font-family: georgia,verdana,tahoma,sans-serif; font-size: 17px; font-style: italic; color: #656565; } .entryHeaderDate a { color: #DD8237; text-decoration: none; } .entryHeaderDate a:hover { color: #888888; } .entryMetadata { font-family: "Trebuchet MS",verdana,tahoma,sans-serif; padding-bottom: 10px; } .entryMetadata img { display: none; } .entryMetadata ul { margin: 0; padding: 1px; } .entryMetadata li { list-style: none; padding: 1px; display: block; } .entryMetadata-label { padding: 2px; color: #888888; font-size: 11px; text-transform: lowercase; } .entryLinkbar { border-top: #222222 1px solid; text-transform: uppercase; text-align: right; font-family: small fonts; font-size: 7px; padding: 4px 0 0 0; } .entryLinkbar a, .entryLinkbar a:visited { color: #DD8237; } .entryLinkbar a:hover { color: #FA9E0D; } .entryLinkbar ul { margin: 0; padding: 0; } .entryLinkbar li { background-image: url(http://yourdomain/arrow.gif); background-position: left center; background-repeat: no-repeat; padding: 0 5px 0 15px; margin: 0; display: inline; } /* FOOTER */ #footer-menu { text-transform: lowercase; background-color: #110D0E; text-align: right; } #footer-menu a, .footer-menu a:visited { padding: 0 12px 0 0px; color: #DD8237; white-space: nowrap; } #footer-menu a:hover { color: #FA9E0D; } /* SIDEBAR */ .sidebar { border-left: 1px solid #222222; background-color: #110D0E; padding: 0 10px 10px 10px; font-size: 10px; width: 200px; color: #888888; } .sidebox { color: #888888; margin: 0 0 20px 0; } .sideboxTitle { text-transform: uppercase; letter-spacing: 3px; font-size: 11px; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; padding: 5px 2px 5px 2px; color: #222222; text-align: center; background-color: #151515; } .sideboxContent { line-height: 14px; text-align: left; padding: 3px; } .sidebox #freetext { text-align: justify; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; } .listitem { background-image: url(http://yourdomain/bullet.gif); background-position: left center; background-repeat: no-repeat; padding: 1px 5px 1px 10px; } .listitem a { font-family: small fonts; font-size: 7px; color: #888888; text-transform: uppercase; } .listitem a:hover { color: #656565; } #tags_sidebox a { display: inline; font-size: 10px; } #tags_sidebox a:hover { color: #FA9E0D; } .sidebox #systemlinks { text-align: left; font-size: 10px; } .sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; } #latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: lowercase; } #latestmonth td { text-align: center; padding: 1px; font-family: verdana, sans-serif; font-size: 10px; } .latestmonth-inactive { background-color: transparent; padding: 2px; } .latestmonth-active { background-color: #151515; padding: 2px; } .profile-label { display: none; } /* COMMENT PAGE */ .commentHolder { color: #888888; background-color: #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; margin: 4px 0px 4px 8px; } .commentUserinfo { text-align: center; margin: 8px 8px 8px 8px; background-color: #110D0E; } .commentUserinfo-usericon img { padding: 10px; border: 1px solid #151515; } .commentText { padding: 10px; text-align: justfiy; } .commentHeader { text-transform: upperrcase; background-color: #110D0E; color: #888888; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; padding: 4px 0 4px 8px; } .commentHeader a { color: #DD8237; } .commentHeaderScreened { background-color: transparent; padding: 4px 0 4px 8px; } .commentHeaderSubject { text-transform: uppercase; font-weight: normal; } .commentLinkbar { border-top: 1px solid #151515; text-transform: lowercase; font-size: 10px; text-align: right; } .commentLinkbar a { color: #DD8237; } .commentLinkbar a:hover { color: #FA9E0D; } .commentLinkbar ul { margin: 0; padding: 0; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0; display: inline; } .replyform { border: 0; background-color: #110D0E; color: #888888; padding: 10px; } #commenttext{ width: 90%; } /* ARCHIVE PAGE */ .yearlinks { text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 80%; margin: 8px 8px 8px 20px; } .daysubjects { color: #888888; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; background-color: #110D0E; color: #888888; } .day-blank { } .day { } .day-date { color: #888888; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 12px; } .day-count a { text-decoration: none; color: #DD8237; } /* TAGS PAGE */ .tagstable td { } .tagstable { text-transform: lowercase; width: 90%; }
Por: Morango	Instruções: Vá em journal > Select Journal Style Caso seu sistema ainda esteja em S1 mude para S2. Selecione o Flexible Squares (qualquer um deles) Clique em customize your theme > Custom CSS Se certifique que 'Use layout's stylesheet' está em 'NO' e custom external stylesheet está em 'YES' Em Custom stylesheet copie e cole o seguinte código inteiro (Ctrl A +Ctrl C + Ctrl V): /************************************************ * Theme : Flexible Squares * ************************************************/ BODY { margin: 0px 0px 0px 0px; background-color: #000000; background-image: url('http://i49.photobucket.com/albums/f272/morango_tenjou/Livejournal/background-copy.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; text-align: left; font-size: 10px; color: #484e60; font-family: Verdana, Helvetica, sans-serif; } a, a:link, a:visited { font-family: tahoma, helvetica, sans-serif; color: #f4f4f4; text-decoration: none; text-transform: lowercase; } a:hover{ font-family: tahoma, helvetica, sans-serif; color: #FFF9DF; border-bottom: dashed 1px #FFF9DF; } blockquote { margin: 0px 10px 0px 10px; padding: 10px; color: #FFF9DF; font-size: 10px; border: 1px solid #FFF9DF; background: #595959; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 550px; margin-right: auto; background-color: transparent; background-image: url('http://i49.photobucket.com/albums/f272/morango_tenjou/Livejournal/content.png'); background-attachment: fixed; background-position: top left; background-repeat: repeat-y; } #maincontent { margin: 0px 0px 0px 0px; } #sidebar { width: 450px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 15px; margin-bottom: 30px; background: #252525; color: #142059; font-family: verdana, helvetica, sans-serif; font-size: 10px; line-height: 12pt; text-align: justify; float: center; /*do not change this! the layout was made for the top-sidebar*/ border-top: 2px dashed #FFF9DF; border-right: 2px dashed #FFF9DF; border-bottom: 2px dashed #FFF9DF; } /* link menu at the top (header) */ #header { width: 500px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; text-align: left; text-transform: lowercase; letter-spacing: -1px; background-color: transparent; font-size: 12pt; font-family: monospace, sans-serif; color: #FFF9DF; font-weight: bold; } div#header a, div#header a:link, div#header a:active, div#header a:visited { font-family: monospace, sans-serif; color: #7e7e7e; text-transform: lowercase; letter-spacing: -1px; } div#header a:hover { color: #FFF9DF; text-transform: lowercase; letter-spacing: -1px; } ul.navheader { padding: 5px; } ul.navheader li{ display: inline; margin: 0 5px 0 5px; } div#header li.view { font-family: monospace, sans-serif; color: #FFF9DF; text-transform: lowercase; letter-spacing: -1px; } /* footer */ #footer { width: 500px; margin: 0px 0 0px 0; padding: 5px 0 5px 0px; text-align: center; text-transform: lowercase; letter-spacing: -1px; background-color: transparent; font-size: 12pt; font-family: monospace, sans-serif; color: #FFF9DF; font-weight: bold; clear: both; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { font-family: monospace, sans-serif; color: #ededed; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#footer a:hover { color: #FFF9DF; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#footer li.viewing { font-family: monospace, sans-serif; font-style: italic; color: #FFF9DF; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } #footer .viewing { display:none; } ul.navfooter { padding: 5px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* title and subtitle */ .title { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #142059; text-decoration: none; text-transform: uppercase; font-weight: bold; } div#sidebar a:hover { text-decoration: none; color: #142059; text-transform: uppercase; /*border-top: dashed 1px #FFF9DF;*/ } .defaultuserpic { text-align: right; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0 6px 0 6px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #cccccc; background: transparent; text-align: center; color: #bbbbbb; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #cccccc; background: transparent; text-align: center; color: #aaaaaa; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; list-style: none; background-color: transparent; border-bottom: 1px solid #dddddd; } li.sbaritem:hover { color: #FFFFFF; border-bottom: 1px solid #bbbbbb; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 20px; text-align: left; font-weight: normal; padding-left: 0px; padding-bottom: 2px; background: url('') 0px 0px no-repeat; font-family: "Georgia", sans-serif; font-style: italic; color: #f2f2f2; font-size: 14pt; text-transform: lowercase; } /* tags page */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 0px 0px 0px; margin-left: 10px; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px dashed #c2c3c4; padding: 7px 2px 7px 5px; color: #c2c3c4; } .ljtaglist a:hover{ background-color: #c2c3c4; } H2 { margin: 0px 10px 0px 10px; text-align: left; padding: 10px; font-size: 14px; color: #ededed; background: url('http://www.two-percent.net/LJ/layout/mar08/tags.gif') 0px 5px no-repeat; } /* entry */ ul.ljtaglist { color: #ededed; font-family: tahoma, helvetica, sans-serif; font-size: 10px; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 35px; } .subcontent { width: 450px; padding-left: 10px; background-image: url(''); background-repeat: repeat-y; } .entry{ padding-left:15px; padding-top: 5px; padding-bottom: 15px; color: #c2c3c4; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; line-height: 14pt; text-align: justify; width: 450px; } .entry ul li { list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { list-style: decimal-leading-zero; list-style-position: outside; } /* userpics */ .userpic { position: relative; float: right; padding: 2px; margin-left: 20px; margin-top: 30px; margin-right: -10px; z-index: 15; /*border: 1px solid #c2c3c4;*/ background-color: #142059 !important; text-align: center; font-family: tahoma, helvetica, sans-serif; font-size: 10px; } .userpicfriends { position: relative; float: right; padding: 2px; margin-left: 20px; margin-top: 30px; margin-right: -10px; z-index: 15; /*border: 1px solid #c2c3c4;*/ background-color: #142059 !important; text-align: center; font-family: tahoma, helvetica, sans-serif; font-size: 10px; } .userpicfriends font { color: #c2c3c4 !important; text-transform: lowercase; } .userpicfriends br { display: block; } /* date, subject, comments, tags, mood, etc */ .date{ text-align: left; font-weight: normal; padding-bottom: 5px; padding-left: 13px; color: #ededed; font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; text-transform: lowercase; background: url('http://www.two-percent.net/LJ/layout/mar08/clock.gif') 0px -1px no-repeat; } .subject { text-align: left; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; padding-left: 5px; color: #c2c3c4; font-size: 12px; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { color: #ededed; text-transform: uppercase; } .subject a:hover { color: #FF9DF; } .datesubject { padding-top: 15px; } .currents, .currentmood, .currentmusic { font-family: verdana, helvetica sans-serif; font-size: 10px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #c2c3c4; padding-left: 13px; margin-top: 35px; font-size: 10px; text-transform: lowercase; font-family: verdana, helvetica, sans-serif; background: url('http://www.two-percent.net/LJ/layout/mar08/other.gif') 0px 0px no-repeat; } .ljtags { margin-top: 35px; color: #c2c3c4; padding-left: 13px; font-weight: bold; text-transform: lowercase; font-family: verdana, helvetica, sans-serif; background: url('http://www.two-percent.net/LJ/layout/mar08/tags.gif') 0px 3px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #ededed; font-weight: normal; text-transform: none; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #ededed; text-transform: lowercase; } .currentlocation a:hover, .ljtags a:hover { color: #FFF9DF; text-transform: lowercase; text-decoration: none; } .comments { text-align: left; color: #c2c3c4; font-family: tahoma, helvetica, sans-serif; font-size: 10px; text-transform: lowercase; font-weight: bold; position: relative; padding-top: 10px; padding-bottom: 15px; margin-top: 10px; border-top: 3px dotted #142059; } div.comments a, div.comments a:link, div.comments a:visited { color: #c2c3c4; font-family: verdana, helvetica, sans-serif; text-transform: lowercase; } div.comments a:hover { color: #ededed; } /* archive */ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px solid #FFF9DF; } ul.year li { color: #ededed; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 7px; background-color: #c2c3c4; border: 1px solid #FFF9DF; color: #FFF9DF; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #c2c3c4; padding: 7px; border: 1px solid #c2c3c4; background-color: #FFF9DF; text-align: center; } table.yeartable td.yearday { background: #FFF9DF; border: 1px solid #c2c3c4; padding: 7px; text-align: center; } td.yearmonth { color: #FFF9DF; border-style: none; } /* header image, separator */ .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { height: 40px; background: transparent; } /* custom comment page */ .clear { display: none; height: 20px; } .skiplinks { text-align: center; margin: 5px; padding: 5px; color: #c2c3c4; font-size: 8pt; } .datesubjectcomment { text-align: left; font-weight: bold; padding: 5px; color: #ededed; font-family: tahoma, helvetica, sans-serif; font-size: 10px; border: 0px solid #c2c3c4; text-transform: lowercase; background-color: #142059; } .userpiccomment { position: relative; margin-right: 10px;; z-index: 15; float: left; padding: 2px; background: #FFF9DF; } .box { border-style: solid; border-width: 0px 0px 0px 0px; border-color: #c2c3c4; padding: 5px; clear: left; background: transparent; color: #ededed; } input, textarea { font-size: 10px; margin: 3px 3px; padding: 3px; color: #c2c3c4; background: transparent; text-align: justify; } textarea.textbox{ width: 95% !important; } .reply{ position: relative; margin: 5px; padding: 10px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; color: #c2c3c4; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: tahoma, helvetica, sans-serif; color: #c2c3c4; text-align: justify; } .commentbox { border: 1px solid #c2c3c4; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #c2c3c4; text-transform: lowercase; } .datesubjectcomment a:hover { color: #c2c3c4; } .commentboxpartial { border: 1px dashed #c2c3c4; background: transparent; padding: 7px; margin: 25px; } .commentinfo { margin-top: 10px; width: 95%; } /* tiny icons */ .entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 12px 16px 0 !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/lock.gif); } .entryHeader img[src="http://stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 14px 12px 0 !important; background-color: transparent !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/group.gif); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/user.gif); padding: 0px 12px 16px 0px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/user.gif); padding: 0px 12px 16px 0px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/comm.gif); padding: 0px 11px 15px 0px !important; } .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0px 12px 15px 0px !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/lock.gif); } .subject img[src="http://stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0px 14px 12px 0px !important; background-color: transparent !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/group.gif); }
Por: Morango	Instruções: Vá em journal > Select Journal Style Caso seu sistema ainda esteja em S1 mude para S2. Selecione o Flexible Squares (qualquer um deles) Clique em customize your theme > Custom CSS Se certifique que 'Use layout's stylesheet' está em 'NO' e custom external stylesheet está em 'YES' Em Custom stylesheet copie e cole o seguinte código inteiro (Ctrl A +Ctrl C + Ctrl V): /* S2 Flexible Squares */ body { background-image: url(http://versaillesbr.com/Versailles%20BR/patternjasmineljleopard3.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; text-align: center; color: #333333; font-family: trebuchet ms; font-size: 8pt; margin: 0px; } a, a:link, a:visited { color: #000000; text-decoration: none; } a:hover { color: #a39582; text-decoration: none; } p, td, { font-size: 7pt; } i { color: #333333; } b { color: #333333; } u { color: #333333; } s { color: #333333; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; margin: 0px auto; background-color: #CCCCCC; } #maincontent { margin: 15px 0px 0px 0px; text-align: left; line-height: 15px; width: 600px; border-right: 1px solid #000000; } #sidebar { margin-top: 6px; width: 140px; float: right; background-color: #CCCCCC; text-align: center; cursor: default; border-left: 0px solid #000000; } #header { /* for formatting header image */ } .headerimage { background-image: url(http://versaillesbr.com/Versailles%20BR/headerjasmineljRxR.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center; height: 469px; width: 750px; padding: 0px; margin: 0px auto; background-color: transparent; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { padding-top: 10px; font-size: 14pt; font-family: times; text-transform: uppercase-lowercase; color: #333333; } .view { padding-top: 10px; font-family: times; font-size: 14pt; text-transform: uppercase-lowercase; color: #000000; } div#header a:hover, div#footer a:hover { color: #CCCCCC; font-family: times; text-decoration: none; } .title { display: none; } .subtitle{ display: none; } ul.navheader { font-size: 12pt; padding: 0px; margin: 0px; background-color: #a39582 } ul.navheader li { display: inline; padding: 0px 3px 0px 3px; } .subcontent { } .entry { margin: 10px; padding: 10px; text-align: justify; background-color: #CCCCCC; } .userpic { position: relative; float: right; background-color: #CCCCCC; border: 1px solid #000000; padding: 5px; margin: 7px; z-index: 15; } .date { line-height: 200%; text-align: left; top: 5px; color: #000000; font-family: times; font-size: 7px; text-transform: uppercase; padding-left: 10px; } .subject { font-weight: normal; padding-left: 10px; text-align: left; background-color: #CCCCCC; font-family: freestyle script; color: #000000; font-size: 18pt; border-bottom: 1px dotted #000000; padding-bottom: 5px; margin: 10px; } .subject a, .subject a:link, .subject a:visited { color: #000000; } .subject a:hover { color: #a39582; } .datesubject { background-color: #CCCCCC; padding: 2px; } .entry ul li { padding: 0px; margin: 0px 0px 0px 15px; } .entry ol li { padding: 0px; margin: 0px 0px 0px 15px; } /*the look of the tags in entries*/ .ljtags { margin-top: 15px; text-align: left; text-transform: lowercase; font-size: 10px; color: #000000; } .currents { background-color: transparent; } .currents strong { color: #000000; } .currentmusic, .currentlocation, .currentmood, .currentgroup{ text-align: left; padding-left: 15px; font-size: 10px; color: #000000; } .comments { font-family: calibri; font-size: 10pt; text-align: right; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #000000; text-decoration: none; } div.comments a:hover { color: #a39582; text-decoration: none; } .separator{ /* for formatting separators between entries */ height: 25px; } .userpicfriends { font-family: verdana !important; color: #000000 !important; position: relative; float: left; background-color: #CCCCCC !important; padding: 5px; margin: 7px; z-index: 15; text-align: center; } .defaultuserpic { text-align: center; margin: 10px; padding: 0px; } .defaultuserpic img { padding: 0px; border: 1px solid #000000; margin-top: 10px; width: 100px; height: 100px; padding: 5px; margin: 7px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { text-align: center; padding: 2px 5px 2px 5px; } .sbarbody2 { text-align: center; padding: 2px 5px 2px 5px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #000000; text-decoration: none; } div#sidebar a:hover { color: #a39582; background-color: #CCCCCC; text-decoration: none; } table.calendar { margin-right: auto; margin-left: auto; text-align: center; border: 1px dashed #000000; } .sbarcalendar { background-color: #CCCCCC; text-align: center; font-size: 7pt; } .sbarcalendarposts { background-color: #a39582; text-align: center; font-size: 7pt; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited { list-style: none; background-color: #CCCCCC; width: 100%; margin-top: 3px; text-align: center; } li.sbaritem a:hover { background-color: #CCCCCC; } li.sbartitle { font-family: tebuchet ms, sans-serif; color: #333333; font-size: 10pt; font-weight: normal; text-transform: uppercase; top: 10px; padding-left: 10px; list-style: none; margin-bottom: 10px; margin-top: 10px; display: none; } #footer { width: 100%; float: center; text-align: center; font-family: fangsong, palatino linotype; font-size: 10pt; font-weight: normal; letter-spacing: 1px; background-color: #a39582; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } 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: #000000; } table.yeartable td.yearday { color: #000000; background-color: #CCCCCC; text-align: center; } td.yearmonth { border-style: none; } .datesubjectcomment { background-color: #CCCCCC; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; max-width: 100px; max-height: 100px; background-color: #CCCCCC; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #000000; } .box { padding: 10px; clear: left; } input, textarea, select { background-color: #FFFFFFF; font-family: tahoma, verdana, sans-serif; color: #000000; font-size: 7pt; } textarea.textbox { width: 85% !important; } .reply { position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-family: tahoma, verdana, sans-serif; font-size: 7pt; line-height: 125%; background-color: #CCCCCC; color: #333333; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10pt; font-family: calibri; color: #333333; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; background-color: #CCCCCC; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #000000; } .datesubjectcomment a:hover { color: #a39582; } .commentboxpartial { border-color: #000000; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #CCCCCC; } .commentinfo { margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 7pt "verdana" !important; } div.ContextualPopup div.Inner { color: #000000 !important; border: 1px solid #000000; background-color: #333333 !important; padding: 4px; width: 250px; } div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #000000; background-color: transparent; } div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; color: #CCCCCC !important; } div.ContextualPopup .Relation { text-transform: uppercase; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 9pt; letter-spacing:2px; } .clear { height: 15px; } blockquote { font-family: trebuchet ms,tahoma, verdana, sans-serif; background-image: url('http://i44.tinypic.com/sq2ud4.gif'); padding: 5px 15px 5px 15px; margin: 5px; } .ljuser img { width: 0; height: 0; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2nq5v1e.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://l-stat.livejournal.com/img/community.gif) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }

Qualquer dúvida quanto ao uso dos layouts envie um e-mail para contato@versaillesbr.com ou deborahbassist@yahoo.com.br.

Altamente recomendado que você hospede suas imagens e susbstitua a url (pode-se hospedar em sites como photobucket.com, imageshack.us, etc.)

Caso algum dos layouts fique diferente dos modelos daqui tente modificar o lugar onde está sendo exibida a propaganda do livejournal em Journal > Select Journal Style, no fim da página. Altere Vertical, Horizontal e Between Entries para ver qual fica melhor com o layout.