#74 - Holiday Greetings
As promissed, here's the new holiday seasons layout! I hope you like this one!!!
Description Name: Holiday Greetings Description: Simple, no sidebar layout perfect to bring some holiday spirit to your journal.
General Information Layout Style: Minimalism
Thanks to grrliz for the template! Tested in: Mozilla Firefox and Internet Explorer Best Resolution: 1024*768 and above Account Levels: Layout works with all account levels (Basic, Plus, Paid). [ How to change add orientation] Works with Navigation Strip: Yes [ How to enable/disable] Credit: Credit to me is implemented in the footer of the page.
{Bigger} {Live Preview}
Installation Go to Manage: Customize Select a new Theme:
Hit 'Save Changes'
Images & Code The images are uploaded to my own account. If you want to avoid bandwidth getting exceeded it is recommended to upload the images to your own server.
If you upload the images to your own account, don't forget to change the URL's in the code!
Step 1: Basic Codes
Bellow you can find the basic codes, i.e. WITHOUT HEADER, for the layout. Paste these codes in the "Custom stylesheet" box.
/*=================================================================================================================================================*/ /*------------------------------------------------------------ LAYOUT 74: HOLIDAY GREETINGS -------------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: MINIMALISM --------------------------------------------------------------*/ /*----------------------------------------------------------------- DATE: DECEMBER 2010 -----------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*------------------------- MINIMALISM TEMPLATE BY GRRLIZ FROM THE FULCRUM (http://community.livejournal.com/thefulcrum/) -------------------------*/ /*=================================================================================================================================================*/ /*----------------------------------------*/ /*---------- GENERAL FORMATTING ----------*/ /*----------------------------------------*/ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } html { font-size: 100%; } body { margin: 0; padding: 0; text-align: center; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg); font-family: candara, helvetica, verdana, arial, tahoma, sans-serif; font-size: 62.5%; } table { border-collapse: collapse; /*sets default to single border instead of double*/ border-spacing: 0; } blockquote { width: 80%; margin: 0 auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); padding: 10px; border: 1px solid #6E7E35; border-left: 8px solid #6E7E35; } a { color: #98161E; text-decoration: none; } a:hover { color: #5B682B; text-decoration: underline; } .ljuser img[src*="userinfo.gif"] { width: 0; height: 0; padding: 12px 0 8px 10px; background-image: url('http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/user.png'); background-repeat: no-repeat; background-position: left center; } .ljuser img[src*="community.gif"] { width: 0; height: 0; padding: 16px 0 8px 16px; background-image: url('http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/community.png'); background-repeat: no-repeat; background-position: left center; } /*--------------------------* /*---------- PAGE ----------*/ /*--------------------------*/ #page { margin: 0 auto; padding: 0 0 10px 0; font-size: 1.2em; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/wrapper.png) repeat-y top center; width: 1004px; } .layout { width: 900px; margin: 0 auto; text-align: justify; } .layout-inner { margin: 0 auto; width: 880px; position: relative; overflow: hidden; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/footer.png) no-repeat right bottom; } /*-- CONTAINS HEADER AND MAIN CONTENT BUT NOT SIDEBAR --*/ .content { float: left; display: inline; margin-top: 500px; } .content-inner, .sidebar-inner { padding: 10px; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ .header .userpic, .header .vcard, .header h1, .header h2, .header h3 { display: none; } .header ul.nav { position: absolute; top: 10px; list-style-type: none; } .header ul.nav-sub { display: none; } .header ul.nav li.item { display: inline; float: left; padding: 0 50px; } .header ul.nav li.item a { display: block; width: 117px; height: 103px; text-indent: -9999px; } .header li.item-recent a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-recent.jpg) top left no-repeat transparent; } .header li.item-friends a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-friends.jpg) top left no-repeat transparent; } .header li.item-archive a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-archive.jpg) top left no-repeat transparent; } .header li.item-profile a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-profile.jpg) top left no-repeat transparent; } .header li.item-recent a:hover, .header li.item-friends a:hover, .header li.item-archive a:hover, .header li.item-profile a:hover { background-position: 0 -106px; } /*-----------------------------*/ /*---------- CONTENT ----------*/ /*-----------------------------*/ /*-- EACH SEPARATE ENTRY --*/ div.entry-wrap { text-align: justify; line-height: 1.6em; font-size: 1.1em; color: #121509; } /*-- USERPIC AND USERNAME --*/ dl.vcard { z-index: 101; display:inline; width:100%; text-align:left; margin: 0 0 0 20px; } dl.vcard dt{ display:block; float:left; margin: 0 10px 5px 0; } dl.vcard dt img { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg) center; padding: 8px; border: 2px solid #98161E; } dd.username{ display:block; } dd.username .ljuser a:link b, dd.username .ljuser a:visited b{ font-size:1.0em; text-transform:uppercase; font-weight:normal; } .ljuser img { vertical-align:middle !important; } .ljuser .ico img { vertical-align: -.4em !important; } dd.entry-date { font-size: 1.0em; font-style: italic; color: #5B682B; letter-spacing: 0.2em; font-weight: bold; } /*-- ENTRY TITLE --*/ dt.entry-title { position: relative; height: 66px; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/subject.png) no-repeat top left; font-size: 2.5em; line-height: 1.0em; margin: 0 0 20px 0; padding: 45px 0 0 85px; font-family: times new roman, serif; } dt.entry-title img { padding-right: 5px; } /*-- CURRENT MOOD, MUSIC, LOCATION --*/ .metadata { float: right; position: relative; top: -40px; overflow: hidden; padding: 8px; border: 2px solid #98161E; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg); } .metadata dl { margin: 0; display: block; background: #FFFFFF; padding: 1px 5px; } .metadata dt, .metadata dd { display: inline; margin-left: 0; font-style: italic; color: #6E7E35; } .metadata dt { font-weight: bold; margin-right: .8em; font-style: normal; text-decoration: underline; } .metadata dd img { vertical-align: bottom; } /*-- ENTRY AREA --*/ div.entry-content { letter-spacing: 0.1em; clear:both; } div.entry-content ol { margin: 1em 3em; } div.entry-content ul { margin: 1em 1.4em; list-style: none; } div.entry-content ul li { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/bullet.png) no-repeat 0px 6px; padding: 0 0 0 15px; } div.entry-content p { padding: 1em 0; } div.entry-content p:first-letter { font-family: times new roman, serif; color: #98161E; font-size: 1.6em; } div.entry-content textarea { border: 1px solid #6E7E35; width: 40%; font-size: 1.1em; } div.entry-content br { height: 1em; } div.ljtags { display: block; margin: 10px 0 10px 10px; padding: 2px 5px; font-weight: bold; font-style: italic; color: #5B682B; font-size: 0.9em; border-left: 8px solid #98161E; } /*-- COMMENT BAR --*/ .entrymenu, .entrysubmenu{ display:block; text-align:center; } dd.entrymenu ul, dd.entrysubmenu ul{ list-style:none; } dd.entrymenu ul li, dd.entrysubmenu ul li{ display:inline; padding:12px 10px 0 45px; font-family: times new roman, serif; font-size: 1.6em; line-height: 2.0em; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/comment.png) no-repeat center left; } /*-- DIVIDER --*/ .content-inner .hr { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/divider.jpg) no-repeat bottom center; height: 60px; margin: 20px 0 50px 0; } /*-- PREVIOUS AND NEXT LINKS --*/ ul.page-nav { list-style-type: none; overflow: hidden; margin:0px; padding: 0px 0px 20px 0px; } .prev a{ font-size:0px; display:block; width: 117px; height: 103px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/back.jpg) no-repeat top left; visibility:visible; float:left; line-height:0px; } .next a{ font-size:0px; display:block; width: 117px; height: 103px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/next.jpg) no-repeat top left; visibility:visible; float:right; line-height:0px; } .prev a:hover, .next a:hover{ background-position: 0 -106px; } /*-----------------------------*/ /*---------- SIDEBAR ----------*/ /*-----------------------------*/ div.hr {clear: both;} div.hr hr {display: none;} .sidebar { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .view-archive .content-inner .entry-title { position: relative; height: 66px; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/subject.png) no-repeat top left; font-size: 2.5em; line-height: 1.0em; margin: 0 0 20px 0; padding: 45px 0 0 85px; font-family: times new roman, serif; color: #98161E; } .view-archive .content-inner .entry-text ul { list-style-type: none; } .view-archive .content-inner .entry-text ul li { display: inline; float: left; font-size: 1.2em; width: 71px; height: 62px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/year.jpg) no-repeat top left; padding: 20px 0 0 20px; } .content-inner .calendar-wrap table { clear: both; margin: 0 auto 0 30px; width: 800px; padding: 10px 0 30px 0; border-collapse: separate; border-spacing: 1px; text-align: center; font-size: 1.2em; } .content-inner .calendar-wrap table caption { text-align: left; padding: 20px 0; height: 2em; font-size: 1.5em; } .content-inner dl.entry .calendar-wrap table caption .year { display: none; } .content-inner .calendar-wrap table th { background: #5B682B; color: #FFFFFF; padding: 2px; } .content-inner .calendar-wrap table tbody td { padding: 4px 4px; text-align: center; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg) left center; } .content-inner .calendar-wrap table tbody td a { display: block; border: 0; text-align: center; text-decoration: none; background: #98161E; color: #FFFFFF; font-size: 1.4em; } .content-inner .calendar-wrap table tbody td a:hover { background: #5B682B; } /*-----------------------------------*/ /*---------- COMMENTS PAGE ----------*/ /*-----------------------------------*/ dt.entry-linkbar { position: relative; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/divider.jpg)no-repeat; margin: 0 auto; padding: 10px 0 0 30px; } dt.entry-linkbar a { margin: 0; padding: 0; } .comments-links { font-size: 1.5em; text-align: center; margin: 10px 0 30px 0; } .entry-comments-text { overflow: auto; overflow-y: hidden; } .entry-comments-text .hr { display: none; } .comment-wrap { margin: 1.0em 0; padding: 0.5em 0; } .comment-head { background: #E2E5D7 url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); border: 1px solid #6E7E35; padding: 5px 0; margin: 0 150px 0 0.5em; } .comment-head h3 { font-family: times new roman, serif;font-size: 1.5em; color: #424C20; font-size: 1.5em; line-height: 1.0em; font-weight: normal; padding: 5px 0; } .comment-head-in { padding: 0 10px; } .cwoup .comment-head-in {} .comment-head .comment-upic { float: right; display: inline; padding: 0px 10px 5px 0px; } .comment-head .comment-upic img { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg) center; padding: 8px; border: 2px solid #98161E; margin: -5px -150px 0 20px; } .comment-head p, .comment-head img { vertical-align: bottom; } .comment-text { margin: 0 160px 0 10px; } .comment-menu { text-align: right; padding: 10px 0; } .comment-wrap .comment-text .hr {display: none;} #qrdiv form { display: block; padding: 5px; margin: 5px 1px; background: #E2E5D7 url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); border: 1px solid #6E7E35; color: #424C20; } #qrdiv #subject { margin: 3px 0; } #qrdiv table { border: none !important; } .replyform table td, #qrdiv table td { padding-right: .4em; vertical-align: top; } .replyform textarea, #qrdiv textarea { width: 90%; border: 1px solid #6E7E35; font-size: 1.2em; padding: 1px; } input { margin: 5px; padding: 1px 2px; border: 1px solid #6E7E35; } /*==========================================================================================================================*/ /* -------------------------------------- PASTE ALL EXTRA CODE UNDERNEATH THIS LINE --------------------------------------- */ /*==========================================================================================================================*/
Step 2: Add a header
As mentioned, adding the basic codes to your stylesheet box will yield you a layout WITHOUT a header. You will need to paste another portion of code to the BOTTOM of your stylesheet to have a header:
.layout { background: url(URL TO YOUR HEADER) no-repeat center 90px; }
Christmas Happy Holidays Hanukkah
Yule Season's Greetings
Happy Holidays
If you have further ideas for headers, don't hesitate to leave a comment!
Extra Icons:
FO banner:
Troubleshooting Before asking any questions, make sure you read all information above thoroughly and that your question isn't adressed in the FAQ. If your problem still isn't solved, you are welcome to ask your question here.
Description Name: Holiday Greetings Description: Simple, no sidebar layout perfect to bring some holiday spirit to your journal.
General Information Layout Style: Minimalism
Thanks to grrliz for the template! Tested in: Mozilla Firefox and Internet Explorer Best Resolution: 1024*768 and above Account Levels: Layout works with all account levels (Basic, Plus, Paid). [ How to change add orientation] Works with Navigation Strip: Yes [ How to enable/disable] Credit: Credit to me is implemented in the footer of the page.
{Bigger} {Live Preview}
Installation Go to Manage: Customize Select a new Theme:
- Check the box next to 'Only show themes available to me'
- Type 'Minimalism' in the Search box
- Click search
- Apply the following theme: Aquatic moon (!! this is important !!)
- Plus accounts: Choose an Ad placement and save
- Apply the following: '2 Column (sidebar on left)' or '2 Column (sidebar on right) (sidebar will always appear on the left!)'
There will be NO SIDEBAR for this layout!!! - Click 'Customize Selected Theme'
- Use layout's stylesheets: No
- Use layout's theme's stylesheet : No
- Custom external stylesheet URL: Leave empty
- Custom stylesheet: Paste the codes (given bellow) in the box
Hit 'Save Changes'
Images & Code The images are uploaded to my own account. If you want to avoid bandwidth getting exceeded it is recommended to upload the images to your own server.
If you upload the images to your own account, don't forget to change the URL's in the code!
Step 1: Basic Codes
Bellow you can find the basic codes, i.e. WITHOUT HEADER, for the layout. Paste these codes in the "Custom stylesheet" box.
/*=================================================================================================================================================*/ /*------------------------------------------------------------ LAYOUT 74: HOLIDAY GREETINGS -------------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: MINIMALISM --------------------------------------------------------------*/ /*----------------------------------------------------------------- DATE: DECEMBER 2010 -----------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*------------------------- MINIMALISM TEMPLATE BY GRRLIZ FROM THE FULCRUM (http://community.livejournal.com/thefulcrum/) -------------------------*/ /*=================================================================================================================================================*/ /*----------------------------------------*/ /*---------- GENERAL FORMATTING ----------*/ /*----------------------------------------*/ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } html { font-size: 100%; } body { margin: 0; padding: 0; text-align: center; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg); font-family: candara, helvetica, verdana, arial, tahoma, sans-serif; font-size: 62.5%; } table { border-collapse: collapse; /*sets default to single border instead of double*/ border-spacing: 0; } blockquote { width: 80%; margin: 0 auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); padding: 10px; border: 1px solid #6E7E35; border-left: 8px solid #6E7E35; } a { color: #98161E; text-decoration: none; } a:hover { color: #5B682B; text-decoration: underline; } .ljuser img[src*="userinfo.gif"] { width: 0; height: 0; padding: 12px 0 8px 10px; background-image: url('http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/user.png'); background-repeat: no-repeat; background-position: left center; } .ljuser img[src*="community.gif"] { width: 0; height: 0; padding: 16px 0 8px 16px; background-image: url('http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/community.png'); background-repeat: no-repeat; background-position: left center; } /*--------------------------* /*---------- PAGE ----------*/ /*--------------------------*/ #page { margin: 0 auto; padding: 0 0 10px 0; font-size: 1.2em; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/wrapper.png) repeat-y top center; width: 1004px; } .layout { width: 900px; margin: 0 auto; text-align: justify; } .layout-inner { margin: 0 auto; width: 880px; position: relative; overflow: hidden; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/footer.png) no-repeat right bottom; } /*-- CONTAINS HEADER AND MAIN CONTENT BUT NOT SIDEBAR --*/ .content { float: left; display: inline; margin-top: 500px; } .content-inner, .sidebar-inner { padding: 10px; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ .header .userpic, .header .vcard, .header h1, .header h2, .header h3 { display: none; } .header ul.nav { position: absolute; top: 10px; list-style-type: none; } .header ul.nav-sub { display: none; } .header ul.nav li.item { display: inline; float: left; padding: 0 50px; } .header ul.nav li.item a { display: block; width: 117px; height: 103px; text-indent: -9999px; } .header li.item-recent a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-recent.jpg) top left no-repeat transparent; } .header li.item-friends a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-friends.jpg) top left no-repeat transparent; } .header li.item-archive a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-archive.jpg) top left no-repeat transparent; } .header li.item-profile a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/item-profile.jpg) top left no-repeat transparent; } .header li.item-recent a:hover, .header li.item-friends a:hover, .header li.item-archive a:hover, .header li.item-profile a:hover { background-position: 0 -106px; } /*-----------------------------*/ /*---------- CONTENT ----------*/ /*-----------------------------*/ /*-- EACH SEPARATE ENTRY --*/ div.entry-wrap { text-align: justify; line-height: 1.6em; font-size: 1.1em; color: #121509; } /*-- USERPIC AND USERNAME --*/ dl.vcard { z-index: 101; display:inline; width:100%; text-align:left; margin: 0 0 0 20px; } dl.vcard dt{ display:block; float:left; margin: 0 10px 5px 0; } dl.vcard dt img { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg) center; padding: 8px; border: 2px solid #98161E; } dd.username{ display:block; } dd.username .ljuser a:link b, dd.username .ljuser a:visited b{ font-size:1.0em; text-transform:uppercase; font-weight:normal; } .ljuser img { vertical-align:middle !important; } .ljuser .ico img { vertical-align: -.4em !important; } dd.entry-date { font-size: 1.0em; font-style: italic; color: #5B682B; letter-spacing: 0.2em; font-weight: bold; } /*-- ENTRY TITLE --*/ dt.entry-title { position: relative; height: 66px; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/subject.png) no-repeat top left; font-size: 2.5em; line-height: 1.0em; margin: 0 0 20px 0; padding: 45px 0 0 85px; font-family: times new roman, serif; } dt.entry-title img { padding-right: 5px; } /*-- CURRENT MOOD, MUSIC, LOCATION --*/ .metadata { float: right; position: relative; top: -40px; overflow: hidden; padding: 8px; border: 2px solid #98161E; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg); } .metadata dl { margin: 0; display: block; background: #FFFFFF; padding: 1px 5px; } .metadata dt, .metadata dd { display: inline; margin-left: 0; font-style: italic; color: #6E7E35; } .metadata dt { font-weight: bold; margin-right: .8em; font-style: normal; text-decoration: underline; } .metadata dd img { vertical-align: bottom; } /*-- ENTRY AREA --*/ div.entry-content { letter-spacing: 0.1em; clear:both; } div.entry-content ol { margin: 1em 3em; } div.entry-content ul { margin: 1em 1.4em; list-style: none; } div.entry-content ul li { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/bullet.png) no-repeat 0px 6px; padding: 0 0 0 15px; } div.entry-content p { padding: 1em 0; } div.entry-content p:first-letter { font-family: times new roman, serif; color: #98161E; font-size: 1.6em; } div.entry-content textarea { border: 1px solid #6E7E35; width: 40%; font-size: 1.1em; } div.entry-content br { height: 1em; } div.ljtags { display: block; margin: 10px 0 10px 10px; padding: 2px 5px; font-weight: bold; font-style: italic; color: #5B682B; font-size: 0.9em; border-left: 8px solid #98161E; } /*-- COMMENT BAR --*/ .entrymenu, .entrysubmenu{ display:block; text-align:center; } dd.entrymenu ul, dd.entrysubmenu ul{ list-style:none; } dd.entrymenu ul li, dd.entrysubmenu ul li{ display:inline; padding:12px 10px 0 45px; font-family: times new roman, serif; font-size: 1.6em; line-height: 2.0em; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/comment.png) no-repeat center left; } /*-- DIVIDER --*/ .content-inner .hr { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/divider.jpg) no-repeat bottom center; height: 60px; margin: 20px 0 50px 0; } /*-- PREVIOUS AND NEXT LINKS --*/ ul.page-nav { list-style-type: none; overflow: hidden; margin:0px; padding: 0px 0px 20px 0px; } .prev a{ font-size:0px; display:block; width: 117px; height: 103px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/back.jpg) no-repeat top left; visibility:visible; float:left; line-height:0px; } .next a{ font-size:0px; display:block; width: 117px; height: 103px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/next.jpg) no-repeat top left; visibility:visible; float:right; line-height:0px; } .prev a:hover, .next a:hover{ background-position: 0 -106px; } /*-----------------------------*/ /*---------- SIDEBAR ----------*/ /*-----------------------------*/ div.hr {clear: both;} div.hr hr {display: none;} .sidebar { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .view-archive .content-inner .entry-title { position: relative; height: 66px; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/subject.png) no-repeat top left; font-size: 2.5em; line-height: 1.0em; margin: 0 0 20px 0; padding: 45px 0 0 85px; font-family: times new roman, serif; color: #98161E; } .view-archive .content-inner .entry-text ul { list-style-type: none; } .view-archive .content-inner .entry-text ul li { display: inline; float: left; font-size: 1.2em; width: 71px; height: 62px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/year.jpg) no-repeat top left; padding: 20px 0 0 20px; } .content-inner .calendar-wrap table { clear: both; margin: 0 auto 0 30px; width: 800px; padding: 10px 0 30px 0; border-collapse: separate; border-spacing: 1px; text-align: center; font-size: 1.2em; } .content-inner .calendar-wrap table caption { text-align: left; padding: 20px 0; height: 2em; font-size: 1.5em; } .content-inner dl.entry .calendar-wrap table caption .year { display: none; } .content-inner .calendar-wrap table th { background: #5B682B; color: #FFFFFF; padding: 2px; } .content-inner .calendar-wrap table tbody td { padding: 4px 4px; text-align: center; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg) left center; } .content-inner .calendar-wrap table tbody td a { display: block; border: 0; text-align: center; text-decoration: none; background: #98161E; color: #FFFFFF; font-size: 1.4em; } .content-inner .calendar-wrap table tbody td a:hover { background: #5B682B; } /*-----------------------------------*/ /*---------- COMMENTS PAGE ----------*/ /*-----------------------------------*/ dt.entry-linkbar { position: relative; background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/divider.jpg)no-repeat; margin: 0 auto; padding: 10px 0 0 30px; } dt.entry-linkbar a { margin: 0; padding: 0; } .comments-links { font-size: 1.5em; text-align: center; margin: 10px 0 30px 0; } .entry-comments-text { overflow: auto; overflow-y: hidden; } .entry-comments-text .hr { display: none; } .comment-wrap { margin: 1.0em 0; padding: 0.5em 0; } .comment-head { background: #E2E5D7 url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); border: 1px solid #6E7E35; padding: 5px 0; margin: 0 150px 0 0.5em; } .comment-head h3 { font-family: times new roman, serif;font-size: 1.5em; color: #424C20; font-size: 1.5em; line-height: 1.0em; font-weight: normal; padding: 5px 0; } .comment-head-in { padding: 0 10px; } .cwoup .comment-head-in {} .comment-head .comment-upic { float: right; display: inline; padding: 0px 10px 5px 0px; } .comment-head .comment-upic img { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern.jpg) center; padding: 8px; border: 2px solid #98161E; margin: -5px -150px 0 20px; } .comment-head p, .comment-head img { vertical-align: bottom; } .comment-text { margin: 0 160px 0 10px; } .comment-menu { text-align: right; padding: 10px 0; } .comment-wrap .comment-text .hr {display: none;} #qrdiv form { display: block; padding: 5px; margin: 5px 1px; background: #E2E5D7 url(http://i19.photobucket.com/albums/b153/gawariel_design/74_Holiday%20Greetings%202010/pattern-2.jpg); border: 1px solid #6E7E35; color: #424C20; } #qrdiv #subject { margin: 3px 0; } #qrdiv table { border: none !important; } .replyform table td, #qrdiv table td { padding-right: .4em; vertical-align: top; } .replyform textarea, #qrdiv textarea { width: 90%; border: 1px solid #6E7E35; font-size: 1.2em; padding: 1px; } input { margin: 5px; padding: 1px 2px; border: 1px solid #6E7E35; } /*==========================================================================================================================*/ /* -------------------------------------- PASTE ALL EXTRA CODE UNDERNEATH THIS LINE --------------------------------------- */ /*==========================================================================================================================*/
;){kind=link}
;){kind=link}
no-repeat;){kind=link}
Step 2: Add a header
As mentioned, adding the basic codes to your stylesheet box will yield you a layout WITHOUT a header. You will need to paste another portion of code to the BOTTOM of your stylesheet to have a header:
.layout { background: url(URL TO YOUR HEADER) no-repeat center 90px; }
Christmas Happy Holidays Hanukkah
Yule Season's Greetings
Happy Holidays
If you have further ideas for headers, don't hesitate to leave a comment!
Extra Icons:
FO banner:
Troubleshooting Before asking any questions, make sure you read all information above thoroughly and that your question isn't adressed in the FAQ. If your problem still isn't solved, you are welcome to ask your question here.