amavel_bel | Miscellaneous - Hearts and ribbons Valentine's Day (Reply)

It's done!!! As I said in previous entries, I made a Valentine's Day layout and I'm sharing it with you. It's kinda fluffy, I know, but I am so fluffy these days that I couldn't resist to spread hearts ane ribbons all over the layout. Plus, you can personalize a phrase about love (in your LJ title) that will go on the banner. If you like it, you can take and use it. Don't forget to credit me in your userinfo/profile page.

Style: S2 Quite Lickable
Title: Miscellaneous - Hearts and ribbons Valentine's Day
Website: Not needed
Default Icon: No needed
Best view: 800x600 and higher.
Browser(s) Compatible: Firefox, Internet Explorer, Netscape, Opera.
Maker:

amavel_bel (Mabel). Credit me in your user info page.
Resources: Images from the web site iStockPhoto. Other resources (like brushes, textures and so on) are credited at my LJ Info Page.
Notes: For free and paid accounts and it works with Nav bar strip and Sponsored Plus Account (just with vertical ads).

Preview:

Working preview:

bel_misc004

| IMAGES |
Obs.: The images are provided in the code for convenience. They are hosted and I don't intend to take them down (hopefully I won't have exceeding bandwidth problem). If you want, I'm providing the links below, so you can take the images and upload them in your own server. Just the FRIENDS ONLY BANNER and the ICON are optional.

Header:
http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_header.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back.jpg

Friends Only Banner:

Icon:

Extra images:

- Top container background (below the header): http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back_container.jpg

- Bottom background: http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back_bottom.jpg

- Sidebar links background (on mouse hover): http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_link_hover.jpg

| CUSTOM COLORS |

You don't need to configurate the colors.

| CSS CODE |

.entry {
margin: 16px 16px 16px 10px;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
border-bottom: 1px solid #999999;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: left;
margin-left: -1.5em;
margin-top: -20px;
}

.entryheader .entryuserpic {
float: right;
margin-top: -28px;
margin-left: 5px;
clear: right;
display: block;
padding: 6px;
background-color: #FFFFFF;
border: 1px solid #999999;
}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}

.entryheader .entryposter:after {
content: ": ";
}

.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpost {
text-align: right;
}

.entrylinkbarpre {
display: none;
}

.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: none;
}

.entry .entrycontent {
margin: 8px;
font-family: Verdana; 
font-size: 7.5pt;  
text-align:justify; 
line-height:16px;
color: #333333;
background-color: #F4F4F4;
padding: 5px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}

.entrymeta .entrymetacaption {
font-weight: bold;
}

.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: center;
}

.entryfooter .entrycmdlinks:before {
content: "(";
}

.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}

* html .entrycmdlinks li {
margin-left: 1em;
}

.entrycmdlinks li:before {
content: " - ";
}

.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
list-style: none;
padding: 0;
margin-left: 50px;
}

.comments .comments {
margin-left: 25px;
}

.comments > li {
margin: 0;
padding: 0;
}

.calendardaynum { 
text-align: right; 
}
.calendardaycount { 
text-align: center; 
}

.calendarday {
width: 14%;
}

.itemrange {
list-style: none;
padding: 0;
margin: 0.5em;
text-align: center;
}

.itemrange li {
display: inline;
margin: 0 0.25em;
}

.itemrange li a:before, .itemrange li.current:before {
content: "[";
}

.itemrange li a:after, .itemrange li.current:after {
content: "]";
}

body {
background-color: #FFFFFF;
background-image: url("http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back.jpg");
background-repeat: repeat;
background-position: center;
background-attachment: scroll;
color: #000000;
margin: 0;
padding: 0;
border: 0;
font-family: "Tahoma", "Georgia";
width: 100%;
height: 100%;
}

body, td, table, th, tr {
font-size: 10px;
}

#shadowhack1 {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
width: 100%;
min-height: 150%;
}

#shadowhack2 {
margin: 0;
background: none;
min-height: 100%;
}

#pagecontainer {
color: #000000;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFFFFF;
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back_container.jpg);
background-repeat: no-repeat;
background-position: 13.4em 29.3em;
width: 760px;

}

a:link, a:visited {
color: #B01E20;
text-decoration: none;
}

a:hover {
color: #939393;
}

#title {
color: #ffffff;
background-color: #0063c0;
border-bottom: 0px solid #000000;
font-family: "Tahoma", "Georgia";
overflow: hidden;
}
#title h1 {
font-family: "Georgia", "Tahoma";
font-size: 25px;
font-weight: normal;
font-style: italic;
color: #9A1A17;
margin: 170px 0px 0px 150px;
padding-top: 20px;
padding-left: 8px;
white-space: no-wrap;
letter-spacing: 1.4px;
width: 350px;
}

#title #journal_subtitle {
display: none;
}

#title {
color: #ffffff;
background-color: transparent;
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_header.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 300px;
width: 760px;
border: 0;
}

#paraphernalia {
float: left;
width: 180px;
font-family: "Tahoma", "Georgia";
background-color: transparent;
margin-top: 24px;
margin-right: 10px;
padding-bottom: 15px;
}

#paraphernalia h2 {
font-family: "Georgia", "Helvetica";
font-size: 14px;
font-weight: bold;
text-align: left;
color: #333333;
margin-top: 16px;
margin-bottom: 8px;
border-bottom: #DA180F solid 3px;
}

#paraphernalia .pbox {
margin-left: 5px;
margin-right: 8px;
clear: both;
}

#journalinfouserpic {
text-align: center;
}

#journalinfo h2, .journallinkbar {
display: none;
}

.pboxcontent {
margin-left: 8px;
margin-right: 8px;
}

.pbox dt {
font-weight: normal;
margin-top: 4px;
}

.pbox dd {
padding: 0;
margin-left: 10px;
}

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

.pbox ul ul {
margin-left: 10px;
padding-bottom: 15px;
}

.pbox li {
margin: 0;
padding: 0;
}

.pbox li.current {
color: #000000;
font-weight: bold;
padding:3px 0px 3px 5px;
border-bottom:1px solid #999999;
width:140px;
}

.pbox li a {
color: #000000;
display:block;
text-decoration:none;
width:140px;
padding:3px 0px 3px 5px;
border-bottom:1px solid #999999;
}

.pbox li a:hover {
color: #DA180F;
text-align: right;
background-color: #F4F4F4;
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_link_hover.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.pbox p {
margin: 8px 0;
}

#main {
margin: 30px 0px 0px 25px !important;
margin: 30px 0px 0px 15px;
min-height: 1024px;
padding: 0;
width: 540px;
float: left;
background-color: transparent;
}

* html #main {
height: 1024px; /* IE-only hack */
}

.day h2 {
font-size: 13px;
font-weight: bold;
font-family: "Georgia", "Tahoma";
letter-spacing:1.5px;
margin: 10px;
color: #333333;
border-bottom: 3px solid #DA180F;
background-color: transparent;
}

.entryheader {
font-size: 12px;
}

.entryheader .entrytimestampdate {
display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
display: inline;
}

.comments .entry {
margin-left: 0;
margin-bottom: 8px;
}

.comments .entry .entryheader {
background-color: transparent;
}

.calendarmonth {
width: 60%;
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
margin-bottom: 2em;
}

.calendarmonth td, .calendarmonth th {
padding: 0.5em;
margin: 0;
}

.calendarmonthlink {
text-align: center;
}

.calendarmonthheader h2 {
font-size: 12px;
margin: 0;
}

.page_month #main form, .page_month #main dl {
margin: 8px;
}

div.ljtags { 
display: inline; 
}

input, textarea {
font-family: "Tahoma", "Georgia";
font-size: 10px;
}

.journallinkbar {
text-align: center;
}

#server_sig {
font-size: 0.75em;
text-align: center;
clear: both;
width: 760px;
background-color: transparent;
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/misc004/heartsandribbons_back_bottom.jpg);
background-repeat: no-repeat;
background-position: bottom center;
height: 76px;
}

| SPECIAL INSTRUCTIONS |

Preparing the code:
- Copy the CSS code and paste it in the Notepad.
- If you decided to host the images in your own server, replace every i38.photobucket.com/albums/e107/bel_layouts/misc004 by the server address where you uploaded the images.

Configuring the layout:
- In the LJ page, go to Journal >> Change Journal Theme.
- If you're using S1 style do the following. If not, skip this step: Click in the link Switch to S2 in the blue box on the right side of the page. Then, click in the button "Yes, I want to upgrade to S2".
- In the 2. Select a New Theme section, type Quite Lickable in the search box. Then select one of the themes listed and click in Apply Theme.
- Click in the button Customise your theme, in the bottom on the right side.
- Click in the option Custom CSS and under Use layout's stylesheet(s) choose No (THIS IS VERY IMPORTANT!). Then copy the CSS from the Notepad and paste it in the field Custom stylesheet.
- Then you can navigate through the links in the Customize Your Theme and personalize other things as you wish, like going to the Text option and entering a personalized text inside the Journal Info Blurb, for example.
- Click in the button Save Changes and it's done.

Cross-posted to

layouts_for_fun,

freelayouts and

freelayouts_s2.

Bel's Journal

Miscellaneous - Hearts and ribbons Valentine's Day

Profile

Most Popular Tags

Style Credit

Expand Cut Tags