#69 - I'm a JEANS kind of person
Description
Name:
I'm a JEANS kind of person
Description:
The title says it, really.
A layout featuring jeans/denim patterns, zippers, stitches and rivets in the fairly gender neutral colours of blue & yellow with hints of terracotta-red.
I don't know if this layout will be usable for boys/men, but I sure do hope I managed to stay away from all too girlish stuff (okay, except for the florishes in the header maybe ;) ) and you won't feel emasculated by using it :p .
General Information Layout Style: Expressive 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:
{Bigger} {Live Preview}
Installation Go to Manage: Customize Select a new Theme:
Hit 'Save Changes'
Images & Code The images and code are uploaded to my own accounts. If you want to avoid bandwidth getting exceeded it is recommended to upload both images and code (see options 2 and 3 above) to your own servers.
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 69: JEANS KIND OF PERSON ----------------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/ /*----------------------------------------------------------------- DATE: SEPTEMBER 2009 ----------------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*=================================================================================================================================================*/ /*----------------------------------------*/ /*---------- GENERAL FORMATTING ----------*/ /*----------------------------------------*/ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/bg.jpg); background-attachment: fixed; background-position: top center; text-align: center; font-family: lucida sans unicode, sans-serif; font-size: 64.5%; color: #BBBBBB; } a{ color: #E19223; text-decoration: none; } a:hover{ color: #AE2E01; } img { border: 0; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/user.png); padding: 10px 0 4px 10px!important; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/community.png); padding: 12px 0 4px 16px!important; } blockquote { margin: 10px 20px; padding: 5px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 2px dashed #E19223; border-left: 5px solid #E19223; } /*------------------------------------*/ /*---------- PAGE STRUCTURE ----------*/ /*------------------------------------*/ #container { width: 1000px; margin: 0 auto; } #alpha, #beta { display: inline; /* HACK - Win IE float bug workaround */ float: left; position: relative; top: 0; } #alpha-inner, #beta-inner { position: static; overflow: hidden; /* hide content that is larger than the element dimensions */ } #alpha { width: 650px; left: 320px; } #beta { width: 206px; right: 645px; margin: -125px 0 0 0; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header { float: right; margin: 65px 30px 0 0; } #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { position: relative; float: right; top: -55px; width: 650px; height: 55px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/navigation.jpg) no-repeat top center;; font-size: 1.6em; font-family: georgia; padding: 18px 0 0 0; } ul.nav li.item { display: inline; } ul.nav li.item a{ display:inline; padding: 0 15px; font-weight: normal; color: #AE2E01; } ul.nav li.item a:hover { color: #FFFFFF; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header { display: block; margin: 10px 10px 80px 10px; } .stream-footer { display: block; margin: 60px 10px 80px 10px; } a.prev { font-size:0px; display:block; width:93px; height:51px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/back.png) no-repeat top left; visibility:visible; float:left; line-height:0px; } a.next { font-size:0px; display:block; width:141px; height:51px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/forward.png) no-repeat top left; visibility:visible; float:right; line-height:0px; } .prevnext { font-size:0px; line-height:0px; clear:both; } .prevnext a { line-height:0px; font-size:0px; color:#002A43; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; padding: 12px; } .asset-body { text-align: justify; font-size: 1.3em; line-height: 1.5em; } .asset-body ol, .asset-body ul { margin: 0 0 0 50px; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/rivet.png) no-repeat center left; font-family: georgia, serif; font-size: 3.0em; letter-spacing: 0.1em; font-variant: small-caps; text-align: left; font-weight: normal; margin: 10px 10px 5px 10px; padding: 4px 0 10px 50px; border-top: 1px dashed #AE2E01; border-bottom: 1px dashed #AE2E01; } /*------ ENTRY DATE ------*/ .asset-header .asset-meta-list { margin: 0 0 10px 0; } .asset-header .datetime { display: block; text-align: right; color: #AE2E01; font-size: 1.2em; font-family: georgia, serif; text-transform: uppercase; } /*------ USERICON ------*/ .asset .user-icon { float:right; position:relative; margin: 10px; background: transparent!important; text-align: center; } .user-icon img { padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border: 1px dashed #AE2E01; } .user-icon span{ background:transparent!important; font-size: 0.9em; } span.ljuser a b, .user-icon .ljuser a{ font-weight: normal; color: #E19223; } span.ljuser a:hover b{ color: #AE2E01; } span.ljuser img { background: none; padding: 0; } /*------ METADATA ------*/ .lj-currents { margin: 20px 0px 0px 10px; font-family: georgia; font-size: 1.1em; text-align: left; color: #AE2E01; } .lj-currents .entryMetadata-label { margin-right: 10px; font-weight: normal; text-decoration: underline; } .lj-currents ul{ list-style-type:none; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/meta.png) no-repeat top left; padding: 50px 0px 5px 50px; } /*------ ENTRY TAGS ------*/ .asset-tags { margin: 20px 0px 0px 10px; font-size: 1.2em; text-align: left; } .asset-tags-list { list-style-type:none; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/tags.png) no-repeat top left; padding: 50px 0px 5px 50px; } .asset-tags-list li.item { display:inline; } .asset-tags-header { display:none; } /*------ ENTRY COMMENT LINKS ------*/ .asset-meta-list { margin: 40px 0 0 0; list-style-type:none; } .asset-meta-comments { list-style-type:none; display: inline; font-family: georgia, serif; font-size: 1.4em; line-height: 3.0em; text-transform: uppercase; } li.asset-meta-comments { padding: 0 3px 0 0; } li.asset-meta-comments a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/rivet-2.png) no-repeat center left; font-weight: normal; padding: 5px 0 5px 35px; } /*------ DIVIDER ------*/ .asset-footer { height: 100px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/zipper.png) no-repeat center; margin: 0; } /*-------------------------------------*/ /*---------- SIDEBAR STYLING ----------*/ /*-------------------------------------*/ /*------ GENERAL ------*/ .widget { clear: both; margin: 0 0 50px 0; padding: 0; text-align: justify; font-size: 1.2em; line-height: 1.4em; } h3.widget-header { display: none; } .widget-content { padding: 10px 5px 10px 10px; } .widget-footer { padding: 20px; background: none; } .widget-footer a{ float: right; } ul.widget-list { margin: 0; padding: 0; } /*------ PROFILE WIDGET ------*/ .about-me-widget { text-align: center; } .about-me-widget .widget-content { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-profile.jpg) no-repeat top center; } .user-pic { position:relative; text-align: center; margin: 50px 0 0 0; padding: 8px; } .user-pic img { padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border: 1px dashed #AE2E01; } .profile-username { padding: 5px; } .profile-name{ padding: 5px; border-top: 1px dashed #E19223; } .profile-name a{ padding: 0 5px 0 0; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget .widget-content { margin: 0; padding: 70px 0 0 0; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-month.jpg) no-repeat top center; } .calendar-widget table { text-align: center; margin: 0 auto; } .calendar-widget table td { text-align:center; } .calendar-widget table td a{ font-weight: bold; } .calendar-widget table th { background: #AE2E01; color: #E19223; border: 1px dashed #E19223; text-align: center; padding:1px 0px 1px 0px; } /*------ LINKS WIDGET ------*/ .typelist-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-links.jpg) no-repeat top center; } .typelist-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .typelist-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } /*------ TAGS WIDGET ------*/ .categories-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-tags.jpg) no-repeat top center; } .categories-widget .widget-list { margin: 40px 0 0 0; } .categories-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .categories-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } .categories-widget .tagcloud { margin: 40px 0 0 0; padding: 10px; text-align: center; } .categories-widget .tagcloud li { background: none; display: inline; padding: 0; } /*------- SUMMARY WIDGET ------*/ .archive-widget .widget-content { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-summary.jpg) no-repeat top center; } .archive-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .archive-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } /*------ CUSTOM TEXT WIDGETS ------*/ .customtext-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-blurb.jpg) no-repeat top center; text-align: justify; padding: 60px 15px 0px 15px; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { width: 90%; margin: 0 auto; clear:both; padding: 10px; } td.yearmonth { font-family: georgia, serif; font-size: 2.0em; color: #E19223; text-transform: uppercase; text-align: left; font-weight: normal; height: 50px; } td.yearmonth a { margin: 0 0 0 120px; text-align: right; font-size: 0.5em; } .yearday { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); color: #E19223; border: 1px dashed #E19223; text-align:center; padding:2px; font-size: 1.2em; text-transform: uppercase; font-family: georgia, serif; } td.yeardate div { text-align:center; padding:4px; border: 1px dashed #E19223; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; margin: 10px 0 0 20px; padding:0; } ul.year li { display:block; text-align: center; float:left; font-size: 14pt; line-height: 18pt; color: #01263D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/navigation.jpg); padding: 15px 10px 15px 16px; } ul.year li a { font-size: 1.0em; line-height: 1.0em; color: #AE2E01; font-weight: normal; } ul.year li a:hover { color: #01263D; } /*---------------------------------*/ /*---------- PAGE FOOTER ----------*/ /*---------------------------------*/ #footer{ clear:both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/footer.jpg) no-repeat bottom right; float: right; width: 293px; height: 116px; margin: 0 50px 0 0; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-family: georgia, serif; font-size: 2.0em; color: #E19223; text-transform: uppercase; font-weight: normal; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { padding: 15px 5px 5px 5px; clear:both; text-align: right; font-size:1.0em; text-transform: uppercase; } #comments .comment-odd .comment-links a, #comments .comment-even .comment-links a{ font-weight: normal; } .comment .user-icon { float:left; position:relative; margin: 0 10px 10px 0; } .comment-meta { text-align: left; font-size: 1.3em; font-family: georgia, serif; } .comment-body { padding: 5px; text-align: justify; font-size: 1.0em; line-height: 1.5em; } .comment-subject { text-transform: uppercase; text-decoration: underline; font-size: 1.2em; color: #E19223; margin: 3px 0 0 0; padding: 0; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; color: #BE5834; font-size: 1.0em; } .comments-nav { text-align:center; font-size: 1.3em; text-transform:uppercase; } .comments-nav a{ font-weight: normal; } /*------ REPLY PAGE ------*/ .quickreply { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; } textarea#commenttext.textbox { width:90%; } form#postform { width: 80%; margin: 0 auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; padding: 10px; font-size: 1.2em; } textarea, input#subject.textbox, select { background: #EEEEEE; border: 1px solid #E6DCC7!important; margin:0px 10px 8px 0px; font-family: lucida sans unicode, sans-serif; font-size: 1.0em; line-height: 1.5em; padding: 2px; } input { font-family: lucida sans unicode, sans-serif; } option { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border-bottom: 1px solid #000000!important; color: #000000; letter-spacing: 2px; } select { background: #EEEEEE; } /*==========================================================================================================================*/ /* -------------------------------------- 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:
#header { width: 650px; height: 200px; background: url(URL TO YOUR CHOSEN HEADER) no-repeat top center; } #beta { margin: -255px 0 0 0; }
I'm a JEANS kind of GIRL BOY
WOMAN MAN
PERSON
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.
A layout featuring jeans/denim patterns, zippers, stitches and rivets in the fairly gender neutral colours of blue & yellow with hints of terracotta-red.
I don't know if this layout will be usable for boys/men, but I sure do hope I managed to stay away from all too girlish stuff (okay, except for the florishes in the header maybe ;) ) and you won't feel emasculated by using it :p .
General Information Layout Style: Expressive 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:
- Zipper tutorial by hv-designs
- Rivet tutorial by PS Hero
- Mini user and community icons by passing_girl
{Bigger} {Live Preview}
Installation Go to Manage: Customize Select a new Theme:
- Check the box next to 'Only show themes available to me'
- Type 'Expressive' in the Search box
- Click search
- Apply any theme that you get in the search results
- Plus accounts: Choose an Ad placement (IMO vertical & inbetween entries look best)
- Apply the following: '2 Column (sidebar on left)' or '2 Column (sidebar on right)'
- Click 'Customize Selected Theme'
- Use layout's "Base Weblog" 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 and code are uploaded to my own accounts. If you want to avoid bandwidth getting exceeded it is recommended to upload both images and code (see options 2 and 3 above) to your own servers.
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 69: JEANS KIND OF PERSON ----------------------------------------------------------*/ /*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/ /*----------------------------------------------------------------- DATE: SEPTEMBER 2009 ----------------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*=================================================================================================================================================*/ /*----------------------------------------*/ /*---------- GENERAL FORMATTING ----------*/ /*----------------------------------------*/ * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/bg.jpg); background-attachment: fixed; background-position: top center; text-align: center; font-family: lucida sans unicode, sans-serif; font-size: 64.5%; color: #BBBBBB; } a{ color: #E19223; text-decoration: none; } a:hover{ color: #AE2E01; } img { border: 0; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/user.png); padding: 10px 0 4px 10px!important; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/community.png); padding: 12px 0 4px 16px!important; } blockquote { margin: 10px 20px; padding: 5px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 2px dashed #E19223; border-left: 5px solid #E19223; } /*------------------------------------*/ /*---------- PAGE STRUCTURE ----------*/ /*------------------------------------*/ #container { width: 1000px; margin: 0 auto; } #alpha, #beta { display: inline; /* HACK - Win IE float bug workaround */ float: left; position: relative; top: 0; } #alpha-inner, #beta-inner { position: static; overflow: hidden; /* hide content that is larger than the element dimensions */ } #alpha { width: 650px; left: 320px; } #beta { width: 206px; right: 645px; margin: -125px 0 0 0; } /*----------------------------*/ /*---------- HEADER ----------*/ /*----------------------------*/ #header { float: right; margin: 65px 30px 0 0; } #header-name, #header-description { display: none; } /*--------------------------------*/ /*---------- NAVIGATION ----------*/ /*--------------------------------*/ ul.nav { position: relative; float: right; top: -55px; width: 650px; height: 55px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/navigation.jpg) no-repeat top center;; font-size: 1.6em; font-family: georgia; padding: 18px 0 0 0; } ul.nav li.item { display: inline; } ul.nav li.item a{ display:inline; padding: 0 15px; font-weight: normal; color: #AE2E01; } ul.nav li.item a:hover { color: #FFFFFF; } /*-----------------------------------*/ /*---------- PREVIOUS/NEXT ----------*/ /*-----------------------------------*/ .stream-header { display: block; margin: 10px 10px 80px 10px; } .stream-footer { display: block; margin: 60px 10px 80px 10px; } a.prev { font-size:0px; display:block; width:93px; height:51px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/back.png) no-repeat top left; visibility:visible; float:left; line-height:0px; } a.next { font-size:0px; display:block; width:141px; height:51px; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/forward.png) no-repeat top left; visibility:visible; float:right; line-height:0px; } .prevnext { font-size:0px; line-height:0px; clear:both; } .prevnext a { line-height:0px; font-size:0px; color:#002A43; } /*-----------------------------------*/ /*---------- ENTRY STYLING ----------*/ /*-----------------------------------*/ .asset { clear:both; padding: 12px; } .asset-body { text-align: justify; font-size: 1.3em; line-height: 1.5em; } .asset-body ol, .asset-body ul { margin: 0 0 0 50px; } /*------ SUBJECT ------*/ h2.asset-name.page-header2 { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/rivet.png) no-repeat center left; font-family: georgia, serif; font-size: 3.0em; letter-spacing: 0.1em; font-variant: small-caps; text-align: left; font-weight: normal; margin: 10px 10px 5px 10px; padding: 4px 0 10px 50px; border-top: 1px dashed #AE2E01; border-bottom: 1px dashed #AE2E01; } /*------ ENTRY DATE ------*/ .asset-header .asset-meta-list { margin: 0 0 10px 0; } .asset-header .datetime { display: block; text-align: right; color: #AE2E01; font-size: 1.2em; font-family: georgia, serif; text-transform: uppercase; } /*------ USERICON ------*/ .asset .user-icon { float:right; position:relative; margin: 10px; background: transparent!important; text-align: center; } .user-icon img { padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border: 1px dashed #AE2E01; } .user-icon span{ background:transparent!important; font-size: 0.9em; } span.ljuser a b, .user-icon .ljuser a{ font-weight: normal; color: #E19223; } span.ljuser a:hover b{ color: #AE2E01; } span.ljuser img { background: none; padding: 0; } /*------ METADATA ------*/ .lj-currents { margin: 20px 0px 0px 10px; font-family: georgia; font-size: 1.1em; text-align: left; color: #AE2E01; } .lj-currents .entryMetadata-label { margin-right: 10px; font-weight: normal; text-decoration: underline; } .lj-currents ul{ list-style-type:none; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/meta.png) no-repeat top left; padding: 50px 0px 5px 50px; } /*------ ENTRY TAGS ------*/ .asset-tags { margin: 20px 0px 0px 10px; font-size: 1.2em; text-align: left; } .asset-tags-list { list-style-type:none; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/tags.png) no-repeat top left; padding: 50px 0px 5px 50px; } .asset-tags-list li.item { display:inline; } .asset-tags-header { display:none; } /*------ ENTRY COMMENT LINKS ------*/ .asset-meta-list { margin: 40px 0 0 0; list-style-type:none; } .asset-meta-comments { list-style-type:none; display: inline; font-family: georgia, serif; font-size: 1.4em; line-height: 3.0em; text-transform: uppercase; } li.asset-meta-comments { padding: 0 3px 0 0; } li.asset-meta-comments a { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/rivet-2.png) no-repeat center left; font-weight: normal; padding: 5px 0 5px 35px; } /*------ DIVIDER ------*/ .asset-footer { height: 100px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/zipper.png) no-repeat center; margin: 0; } /*-------------------------------------*/ /*---------- SIDEBAR STYLING ----------*/ /*-------------------------------------*/ /*------ GENERAL ------*/ .widget { clear: both; margin: 0 0 50px 0; padding: 0; text-align: justify; font-size: 1.2em; line-height: 1.4em; } h3.widget-header { display: none; } .widget-content { padding: 10px 5px 10px 10px; } .widget-footer { padding: 20px; background: none; } .widget-footer a{ float: right; } ul.widget-list { margin: 0; padding: 0; } /*------ PROFILE WIDGET ------*/ .about-me-widget { text-align: center; } .about-me-widget .widget-content { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-profile.jpg) no-repeat top center; } .user-pic { position:relative; text-align: center; margin: 50px 0 0 0; padding: 8px; } .user-pic img { padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border: 1px dashed #AE2E01; } .profile-username { padding: 5px; } .profile-name{ padding: 5px; border-top: 1px dashed #E19223; } .profile-name a{ padding: 0 5px 0 0; } /*------ LATEST MONTH WIDGET ------*/ .calendar-widget .widget-content { margin: 0; padding: 70px 0 0 0; background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-month.jpg) no-repeat top center; } .calendar-widget table { text-align: center; margin: 0 auto; } .calendar-widget table td { text-align:center; } .calendar-widget table td a{ font-weight: bold; } .calendar-widget table th { background: #AE2E01; color: #E19223; border: 1px dashed #E19223; text-align: center; padding:1px 0px 1px 0px; } /*------ LINKS WIDGET ------*/ .typelist-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-links.jpg) no-repeat top center; } .typelist-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .typelist-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } /*------ TAGS WIDGET ------*/ .categories-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-tags.jpg) no-repeat top center; } .categories-widget .widget-list { margin: 40px 0 0 0; } .categories-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .categories-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } .categories-widget .tagcloud { margin: 40px 0 0 0; padding: 10px; text-align: center; } .categories-widget .tagcloud li { background: none; display: inline; padding: 0; } /*------- SUMMARY WIDGET ------*/ .archive-widget .widget-content { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-summary.jpg) no-repeat top center; } .archive-widget .widget-list { list-style: none; margin: 0 10px 0 5px; padding: 50px 0 0 0; } .archive-widget li.item { border-bottom: 1px dashed #AE2E01; line-height: 1.8em; padding: 0 5px; text-transform: uppercase; letter-spacing: 0.1em; } /*------ CUSTOM TEXT WIDGETS ------*/ .customtext-widget .widget-content { background:url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/sb-blurb.jpg) no-repeat top center; text-align: justify; padding: 60px 15px 0px 15px; } /*------ NOT DISPLAYING OTHER WIDGETS ------*/ .syndicate-widget,.powered-widget,.designed-widget { display: none; } /*----------------------------------*/ /*---------- ARCHIVE PAGE ----------*/ /*----------------------------------*/ .yeartable { width: 90%; margin: 0 auto; clear:both; padding: 10px; } td.yearmonth { font-family: georgia, serif; font-size: 2.0em; color: #E19223; text-transform: uppercase; text-align: left; font-weight: normal; height: 50px; } td.yearmonth a { margin: 0 0 0 120px; text-align: right; font-size: 0.5em; } .yearday { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); color: #E19223; border: 1px dashed #E19223; text-align:center; padding:2px; font-size: 1.2em; text-transform: uppercase; font-family: georgia, serif; } td.yeardate div { text-align:center; padding:4px; border: 1px dashed #E19223; } td.yeardate div a { font-weight:bold; } ul.year { list-style-type:none; margin: 10px 0 0 20px; padding:0; } ul.year li { display:block; text-align: center; float:left; font-size: 14pt; line-height: 18pt; color: #01263D; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/navigation.jpg); padding: 15px 10px 15px 16px; } ul.year li a { font-size: 1.0em; line-height: 1.0em; color: #AE2E01; font-weight: normal; } ul.year li a:hover { color: #01263D; } /*---------------------------------*/ /*---------- PAGE FOOTER ----------*/ /*---------------------------------*/ #footer{ clear:both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/footer.jpg) no-repeat bottom right; float: right; width: 293px; height: 116px; margin: 0 50px 0 0; } /*-----------------------------------*/ /*---------- COMMENT PAGES ----------*/ /*-----------------------------------*/ /*------ COMMENT BOXES ------*/ h2.comments-header { text-align: center; font-family: georgia, serif; font-size: 2.0em; color: #E19223; text-transform: uppercase; font-weight: normal; } #comments .comment{ margin:10px 10px 20px 10px; padding: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; } html*#comments .comment{ width: 90%; } #comments .comment-odd .comment-links, #comments .comment-even .comment-links { padding: 15px 5px 5px 5px; clear:both; text-align: right; font-size:1.0em; text-transform: uppercase; } #comments .comment-odd .comment-links a, #comments .comment-even .comment-links a{ font-weight: normal; } .comment .user-icon { float:left; position:relative; margin: 0 10px 10px 0; } .comment-meta { text-align: left; font-size: 1.3em; font-family: georgia, serif; } .comment-body { padding: 5px; text-align: justify; font-size: 1.0em; line-height: 1.5em; } .comment-subject { text-transform: uppercase; text-decoration: underline; font-size: 1.2em; color: #E19223; margin: 3px 0 0 0; padding: 0; } .comment-date { display: block; text-align: right; padding: 5px 5px 10px 10px; color: #BE5834; font-size: 1.0em; } .comments-nav { text-align:center; font-size: 1.3em; text-transform:uppercase; } .comments-nav a{ font-weight: normal; } /*------ REPLY PAGE ------*/ .quickreply { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; } textarea#commenttext.textbox { width:90%; } form#postform { width: 80%; margin: 0 auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-blue.jpg); border: 1px dashed #AE2E01; padding: 10px; font-size: 1.2em; } textarea, input#subject.textbox, select { background: #EEEEEE; border: 1px solid #E6DCC7!important; margin:0px 10px 8px 0px; font-family: lucida sans unicode, sans-serif; font-size: 1.0em; line-height: 1.5em; padding: 2px; } input { font-family: lucida sans unicode, sans-serif; } option { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/69_JEANS%20kind%20of%20person/pattern-yellow.jpg); border-bottom: 1px solid #000000!important; color: #000000; letter-spacing: 2px; } select { background: #EEEEEE; } /*==========================================================================================================================*/ /* -------------------------------------- PASTE ALL EXTRA CODE UNDERNEATH THIS LINE --------------------------------------- */ /*==========================================================================================================================*/
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}
;){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:
#header { width: 650px; height: 200px; background: url(URL TO YOUR CHOSEN HEADER) no-repeat top center; } #beta { margin: -255px 0 0 0; }
I'm a JEANS kind of GIRL BOY
WOMAN MAN
PERSON
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.