janine42584 (

vm_layouts,
2006-10-27 01:57:00

Cast Layout with Icons

1-Veronica Mars
1-Harry/Ginny

I know, two posts in a row? The post earlier were old layouts that I just updated with css. I got inspired to do new ones when fixing the codes for the old ones. These two are all new. Made them both today. Hope you enjoy. Please tell me what you think.

Made With Smooth Sailing Layout

Veronica Mars Season 3 Credits
Header Image URL
http://img169.imageshack.us/img169/4660/vmseason3creditsheaderoz7.jpg

Override Code

/* Cleaned CSS: */

body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #010100;
     color: #cccbb2;
     background-image: url('');
     }
  a {
     color: #e5da16;
     }
  a:visited {
     color: #9f9925;
     }
  .entryHeaderDate a {
     color : #e5da16;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #e5da16;
     text-decoration : underline;
     }
  .header-title {
     background-color: #010100;
     font-family: ;
     font-size: 20px;
     color: #cccbb2;
     padding: 0px 20px 0px 20px;
     }
  .header-subtitle {
     background-color: #010100;
     color: #cccbb2;
     font-family: ;
     font-size: 20px;
     padding: 0px 24px 0px 24px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #010100;
     border-bottom: 2px solid #010100;
     }
  .pageheaderblock {
     text-align: center;
     }
  .pagefooterblock {
     border-top: 2px solid #010100;
     background-color: #010100;
     color: #cccbb2;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #cccbb2;
     }
  .bodyblock {
     padding: 10px 20px 0px 20px;
     }
  .bodyheaderblock {
     border-top: 2px solid #010100;
     background-color: #d69504;
     padding: 4px 0px 4px 0px;
     }
  .bodynavblock {
     border-top: 2px solid #010100;
     background-color: #d69504;
     color: #cccbb2;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #cccbb2;
     }
  .body-title {
     font-family: ;
     font-size: 18px;
     color: #cccbb2;
     text-align: center;
     padding-left: 24px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #cccbb2;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #cccbb2;
     background-color: #662200;
     font-family: ;
     font-size: 12px;
     border-top: 2px solid #010100;
     margin: 4px 0px 4px 0px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 0px 8px 8px;
     
     background-color: #662200;
     }
  .entryUserinfo-usericon img {

border: 0;
     }
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: #2d2605;
     color: #cccbb2;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .entryHeader a{
     color: #e5da16;
     }
  .entryHeaderSubject {
     font-weight: bold;
     }
  .entryMetadata {
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #cccbb2;
     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;
     }
  .commentHolder {
     color: #cccbb2;
     background-color: #662200;
     border-top: 2px solid #010100;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #662200;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #2d2605;
     color: #cccbb2;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #e5da16;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #2d2605;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #cccbb2;
     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: #662200;
     color: #cccbb2;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #9f9925;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #cccbb2;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #9f9925;
     background: #010100;
     color: #cccbb2;
     }
  .day-blank {
     border: 1px solid #9f9925;
    }
  .day {
     border: 1px solid #9f9925;
     }
  .day-date {
     border-right: 1px solid #9f9925;
     border-bottom: 1px solid #9f9925;
     color: #cccbb2;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #cccbb2;
     }
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-right: 20px;
     width: 200px;
     }
  .sidebox {
     color: #cccbb2;
     background-color: #662200;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #2d2605;
     color: #cccbb2;
     border-top: 2px solid #010100;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     text-align: left;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .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;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }
  
  .header-menu {
     padding: 0px;
     background-color: #aa4400;
     border-top: 2px solid #010100;
     padding-left: 19px;
     font-family: ;
     font-size: 12px;
     line-height: 20px;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #cccbb2;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #aa4400;
     color: #cccbb2;
     }
  #footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #cccbb2;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #9f9925;
     }
  .tagstable { width: 500px; }
    .pageheaderblock { background-image: url("http://img169.imageshack.us/img169/4660/vmseason3creditsheaderoz7.jpg"); 
background-position: top center; background-repeat: no-repeat; padding-top: 500px; } 
.pageblock { width:800px; margin:auto }

Thank you to

asterravos for the wonderfully large caps and to vm-caps for caps as well.

Icons...
1.

10.

11.

12.

Made With Smooth Sailing Layout

Harry and Ginny: Protect
Header Image URL
http://img134.imageshack.us/img134/5569/harryginnyheaderrs9.jpg

Override Code

/* Cleaned CSS: */

body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #001100;
     color: #998866;
     background-image: url('');
     }
  a {
     color: #d6e2bd;
     }
  a:visited {
     color: #889a78;
     }
  .entryHeaderDate a {
     color : #d6e2bd;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #d6e2bd;
     text-decoration : underline;
     }
  .header-title {
     background-color: #001100;
     font-family: ;
     font-size: 20px;
     color: #998866;
     padding: 0px 20px 0px 20px;
     }
  .header-subtitle {
     background-color: #001100;
     color: #998866;
     font-family: ;
     font-size: 20px;
     padding: 0px 24px 0px 24px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #001100;
     border-bottom: 2px solid #001100;
     }
  .pageheaderblock {
     text-align: center;
     }
  .pagefooterblock {
     border-top: 2px solid #001100;
     background-color: #001100;
     color: #001100;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #001100;
     }
  .bodyblock {
     padding: 10px 20px 0px 20px;
     }
  .bodyheaderblock {
     border-top: 2px solid #001100;
     background-color: #bbaa77;
     padding: 4px 0px 4px 0px;
     }
  .bodynavblock {
     border-top: 2px solid #001100;
     background-color: #bbaa77;
     color: #001100;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #001100;
     }
  .body-title {
     font-family: ;
     font-size: 18px;
     color: #001100;
     text-align: center;
     padding-left: 24px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #001100;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #998866;
     background-color: #0c321d;
     font-family: ;
     font-size: 12px;
     border-top: 2px solid #001100;
     margin: 4px 0px 4px 0px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 0px 8px 8px;
     
     background-color: #0c321d;
     }
  .entryUserinfo-usericon img {

border: 0;
     }
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: #020403;
     color: #998866;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .entryHeader a{
     color: #d6e2bd;
     }
  .entryHeaderSubject {
     font-weight: bold;
     }
  .entryMetadata {
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #998866;
     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;
     }
  .commentHolder {
     color: #998866;
     background-color: #0c321d;
     border-top: 2px solid #001100;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #0c321d;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #020403;
     color: #998866;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #d6e2bd;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #020403;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #998866;
     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: #0c321d;
     color: #998866;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #889a78;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #998866;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #889a78;
     background: #001100;
     color: #998866;
     }
  .day-blank {
     border: 1px solid #889a78;
    }
  .day {
     border: 1px solid #889a78;
     }
  .day-date {
     border-right: 1px solid #889a78;
     border-bottom: 1px solid #889a78;
     color: #998866;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #998866;
     }
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-right: 20px;
     width: 200px;
     }
  .sidebox {
     color: #998866;
     background-color: #0c321d;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #020403;
     color: #998866;
     border-top: 2px solid #001100;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     text-align: left;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .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;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }
  
  .header-menu {
     padding: 0px;
     background-color: #153822;
     border-top: 2px solid #001100;
     padding-left: 19px;
     font-family: ;
     font-size: 12px;
     line-height: 20px;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #998866;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #153822;
     color: #998866;
     }
  #footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #001100;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #889a78;
     }
  .tagstable { width: 500px; }
    .pageheaderblock { background-image: url("http://img134.imageshack.us/img134/5569/harryginnyheaderrs9.jpg"); 
background-position: top center; background-repeat: no-repeat; padding-top: 500px; } 
.pageblock { width:800px; margin:auto }

Icons...
1.

Tags: cast/episodes

Post a new comment
Error
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video
Help
49 comments

xoashwee

October 27 2006, 15:49:55 UTC 5 years ago

Quick question. I was wondering if you knew why the VM layout isn't working for me? I put the codes in and I don't see the header and the colors aren't right. I have no idea what I did wrong. :/

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Cast Layout with Icons

Error

vm layout

Re: vm layout

About

Help

Get Involved

Legal

LJ Labs

Store