InsaneJournal

Tweak says, "Shop smart. Shop S-Mart."

*monocle* (poirot) wrote,
@ 2010-01-05 17:18:00

Entry tags:

!layout: bloggish, !layout: deerstalker, !layout: s2, !layouts

deerstalker

Deerstalker

Preview
Primary Entries Mouseover Modules IT'S ALIVE! (opens in new window)

SPOTLIGHT

Title: Deerstalker
Style S2 Bloggish
Compatability: Tested on Firefox and IE.
Features: Functioning link, tag, page summary and calendar modules.
Disabled: Journal title/subtitle, header and syndicate module.

Instructions

THE BASIC
Customise Journal » Style System: S2. Save.
Look and Feel » Layout: Bloggish. Theme: None. Save.
Custom Options » Layout Type: Two Columns (Sidebar Right). Base Weblog: Yes. Custom Stylesheet: Copy and Paste the Following Code. Save.
(RIGHT-CLICK » SELECT ALL » COPY)/* 'DEERSTALKER' by ~poirot@ij */ /* Designed for S2 Bloggish, Two Column (Sidebar Right) */ /* body */ body { font-family: helvetica, arial, 'trebuchet ms', sans-serif; font-size: 12px; } a { color: #573512; text-decoration: none; text-decoration: underline; } a:visited { color: #573512; } a:hover { color: #573512; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, 'trebuchet ms', sans-serif; } blockquote { background:#3e260e url() top left repeat-x; /* grad.png */ min-height:90px; padding:20px; color:#efefef; text-align:justify; } textarea { background:#3e260e url() top left repeat-x; /* grad.png */ min-height:90px; padding:20px; color:#efefef; border:0; text-align:justify; } .entry ul { list-style-type: none; padding: 0px; margin: 0px; } .entry li { list-style-type: none; background-image: url(); /* bullet.png */ background-repeat: no-repeat; background-position: 0px 5px; padding-left:10px; line-height:11px; } /* page layout */ html { min-height:100%; height:100%; max-height:100%; overflow:hidden; } body, .layout-two-column-right { width: 100%; min-height: 100%; height: 100%; max-height: 100%; color: #000; background: #3e260e; overflow:hidden; padding:0; margin:0; } #container, #container-inner, #pagebody, #pagebody-inner { width: 100%; background: transparent; min-height:100%; height:100%; max-height:100%; display:block; overflow:hidden; margin:0; padding:0; position:relative; z-index:500; } #container { background: transparent url() top left repeat; /* wood.png */ } /* header */ #banner, #banner-inner, #banner-header, #banner-description { display:none; } /* two column sidebar right */ #alpha { width:100%; min-height:90%; height:90%; max-height:90%; position:relative; background:transparent url() top center no-repeat; /* clutter.gif */ background-attachment:fixed; overflow:auto; display:block; z-index:900; } #alpha-inner { width:690px; min-height:100%; margin:auto; background:#d6c99f url() top center repeat-y; /* book.png */ padding:15px 30px 30px 30px; } #beta { width:100%; height:10%; position:absolute; bottom:0; left:0; background:#000 url() top left repeat-x; /* grad.png */ border-top:13px solid #3a3835; margin-bottom:-13px; display:block; overflow:hidden; z-index:3000; } #beta:hover { overflow:visible; } /* entries */ .entry { overflow:visible; } .date-header { margin-left:-95px; padding: 30px 20px; color: #fff; background: #160d04 url() top center repeat-x; /* leatherhr.jpg */ font-size: 24pt; font-weight: normal; text-transform:uppercase; color:#d6c99f; font-family:georgia; width:780px; height:15px; overflow:hidden; border:4px solid #160d04; -moz-border-radius: 9px; } .entry-header { text-align:left; margin-top: 10px; padding-left: 10px; color: #573512; font-family:georgia; font-size: 32pt; font-weight: normal; } .entry-header:hover { text-decoration:underline; } .entry-body { background:transparent; padding: 5px 20px; color: #666; text-align:justify; min-height:200px; } .entry-userpic { float:left !important; margin-left:-195px !important; background:#010000; padding:25px; width:100px; white-space:normal; color:#010000; -moz-border-radius: 24px; } .entry-userpic img, .entry-userpic img a { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .entry-userpic img:hover, .entry-userpic img a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } p.poster a { color:#444; text-align:center; width:100px; text-decoration:none; } .entry-footer { float:right !important; width:150px; margin:-120px -145px 20px 0; padding:0; color:#b7b097; font-weight: normal; font-size:0; text-transform:uppercase; text-align:left; } .entry-footer a { display:block; background:#3e260e; color:#d6c99f; font-size:8pt; text-decoration:none; padding:0 5px; margin:0 0 1px 0; border-right: 20px solid #010000; } .entry-footer a:hover { background:#573512; color:#fff; text-decoration:none; } .content-nav { margin:15px auto; color:#d6c99f; } .content-nav a{ background:#3e260e; border: 1px solid #666; padding:5px; width:100px; color:#d6c99f; text-transform:uppercase; text-align:center; font-size:10pt; line-height:8px; text-decoration:none; } .content-nav a:hover { color:#fff; } .metadata { font-size:8pt; text-transform:uppercase; line-height:15px; } .metadata strong { background:#3e260e; color:#d6c99f; padding:0px 5px; } .ljtags { background:#3e260e; text-transform:uppercase; font-size:8pt; padding:7px; border-left:25px solid #160d04; border-bottom:1px solid #160d04; color:#d6c99f; text-align:left; } .ljtags a { color:#9b8a54; margin:0 2px; } /* modules */ .module-header { display:none; } .module-calendar { display:block; width:250px; position:absolute; margin:0 auto; right: 25px; bottom:100%; margin-bottom:-5px; background:transparent; text-align:center; } .module-calendar .module-content:before { /* credit */ height:20px; width:230px; color:#777; text-transform:uppercase; text-align:center; font-size:7pt; line-height:11px; text-decoration:none; content: "layout by http://poirot.insanejournal.com"; } .module-calendar .module-content { background:#222; padding:15px; } .module-calendar table { width:160px; background:#333; color:#afaa96; } .module-calendar tr, td, th { border:1px solid #222; padding:0 5px; } .module-calendar table a { background:#524f4b; color:#afaa96; text-decoration:none; padding:0 5px; } .module-calendar table a:hover { background:#afaa96; color:#fff; text-decoration:none; } .module-viewlinks { display:inline; width:100% padding:0; margin:0 auto; position:absolute; bottom:10px; text-align:center; z-index:3000; } .module-viewlinks li { display:inline; } .module-viewlinks a, .module-viewlinks a:visited { display:inline; padding:0 10px; color:#3a3835; font-family:georgia; font-size:22pt; text-decoration:none; text-align:center; font-style:italic; line-height:18px; } .module-viewlinks li a:hover { display:inline; text-decoration:none; color:#746f68; } .module-typelist { display:block; width:200px; position:absolute; left:50%; margin-left:-300px; bottom:100%; margin-bottom:-5px; background:transparent; text-align:center; } .module-typelist .module-header { display:block; font-family:georgia; font-style:italic; color:#000; font-size:32pt; line-height:11px; } .module-typelist .module-content { background:#222; padding:10px 20px; } .module-typelist li { width:160px; background:#333; margin:0 0 1px -10px; } .module-typelist a, .module-typelist a:visited { display:block; color:#afaa96; font-family:tahoma; font-size:8pt; text-decoration:none; font-weight:normal; text-transform:uppercase; } .module-typelist li a:hover { text-decoration:none; color:#fff; background:#524f4b; } .module-categories { display:block; width:200px; position:absolute; left:50%; margin-left:-100px; bottom:100%; margin-bottom:-5px; background:transparent; text-align:center; } .module-categories .module-header { display:block; font-family:georgia; font-style:italic; color:#000; font-size:32pt; line-height:11px; } .module-categories .module-content { background:#222; padding:10px 20px; } .module-categories li { width:160px; background:#333; margin:0 0 1px -10px; } .module-categories a, .module-categories a:visited { display:block; color:#afaa96; font-family:tahoma; font-size:8pt; text-decoration:none; font-weight:normal; text-transform:uppercase; } .module-categories li a:hover { text-decoration:none; color:#fff; background:#524f4b; } .module-pagesummary { display:block; width:200px; position:absolute; left:50%; margin-left:100px; bottom:100%; margin-bottom:-5px; background:transparent; text-align:center; } .module-pagesummary .module-header { display:block; font-family:georgia; font-style:italic; color:#000; font-size:32pt; line-height:22px; margin-bottom:-1px; } .module-pagesummary .module-content { background:#222; padding:10px 20px; } .module-pagesummary li { width:160px; background:#333; margin:0 0 1px -10px; } .module-pagesummary a, .module-pagesummary a:visited { display:block; color:#afaa96; font-family:tahoma; font-size:8pt; text-decoration:none; font-weight:normal; text-transform:uppercase; } .module-pagesummary li a:hover { text-decoration:none; color:#fff; background:#524f4b; } .module-powered, .module-syndicate { display:none; } .module-photo { display:block; position:absolute; left:25px; bottom:100%; margin-bottom:15px; background:transparent; text-align:center; background:#010000; width:100px; height:100px; padding:25px; } /* icons */ .entry-header img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width:0; height:0; padding:80px 128px 0px 0px !important; background:transparent url() center center no-repeat !important; /* lockedlocked.png */ float:right !important; margin-right:-120px !important; } .entry-header img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width:0; height:0; padding:80px 128px 0px 0px !important; background:transparent url() center center no-repeat !important; /* lockedprivate.png */ float:right !important; margin-right:-120px !important; } .ljuser img { width:0; height:0; background:transparent url() center center no-repeat; /* infoi.png */ padding: 12px 16px 0px 2px !important; } .ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] { background:transparent url() center center no-repeat !important; /* infoi.png */ padding: 12px 22px 0 2px !important; } .ljuser img[src="http://www.insanejournal.com/img/community.gif"] { background:transparent url() center center no-repeat !important; /* infoc.png */ padding: 12px 12px 0 2px; }
WHAT YOU NEED
book.png, bullet.png, clutter.gif, grad.png, infoc, infoi.png, leatherhr.jpg, lockedlocked.png, lockedprivate.png, wood.png
DO NOT HOTLINK TO THESE. Save and upload them to your own server » locate /* imagename */ comments throughout the code and paste corresponding image links into url(insertimagehere) on the same line.

CUSTOMISING LINKS
Customise Journal » Linklist. Enter links as needed. Save.

CREDIT
Please add a link to http://poirot.insanejournal.com (see CUSTOMISING LINKS above).
Alternatively, link to ~poirot somewhere on your profile page.
Please note that credit is hard-coded into the calendar module, however, IE does not support this property and therefore it will not show up in all browsers. You may remove this if you so desire, but please credit by one of two methods above. You may not remove the header comment.

'magic click' code inspired by rp_tutorials

(Post a new comment)

(Deleted post)

makelovestay
2010-01-06 02:45 pm UTC (link)
2. DO NOT HOTLINK TO THESE. Save and upload them to your own server » locate /* imagename */ comments throughout the code and paste corresponding image links into url(insertimagehere) on the same line.

None of the images are automatically in the coding. You have to put them in yourself.
(Reply to this) (Parent) (Thread)

poirot
2010-01-06 07:57 pm UTC (link)
This. Also, I think there might be some issues here with incorrect Custom Options setting. Please be sure to apply the correct setting as outlined in the instructions. None and Sidebar Right in particular are essential.

I will be deleting this comment tree because the image is a bit heavy. While the visual is helpful and appreciated, I recommend linking to intensive graphics in the future. That being said, please feel free to comment anew should you require assistance further to making these changes.
(Reply to this) (Parent) (Thread)

lastof_redgirls
2010-02-21 06:57 am UTC (link)
under what code should I put the images?

like /* (insert html, img, email or direct link?) */
(Reply to this) (Parent) (Thread)

poirot
2010-02-22 07:42 am UTC (link)
It should go background:# url(here).
(Reply to this) (Parent)

inspired_ideas
2010-01-06 04:07 pm UTC (link)
The background image on this is lovely.
(Reply to this)

timewarp_mods
2010-01-07 12:29 am UTC (link)
I love it. Snagged it for this journal and game comms :)
(Reply to this)

ernestpuff
2010-01-07 05:18 am UTC (link)
I had a dismal time trying to get the 'clutter' image to work properly, as photobucket kept resizing it. I gave up on it, but I still love it. I think it looks pretty with just the wood.

(Reply to this) (Thread)

...journal fail. D:
poirot
2010-01-08 11:08 pm UTC (link)
I suspect this is the issue that's been commonly reported by many Photobucket users, including myself. Please refer to this for a solution.
(Reply to this) (Parent)

moodiboo
2010-01-10 03:12 pm UTC (link)
This is gorgeous! I used it on this journal. Thank you so much!
(Reply to this)

as_you_do
2010-01-14 02:11 pm UTC (link)
Gorgeous layout.
(Reply to this)

cas_meadowes
2010-02-27 09:25 pm UTC (link)
Some of the images aren't showing up for me when I go to save them onto my harddrive, specifically book, bullet, infoc,and infoi. I use Safari, so I'm wondering if it's a factor of that.
(Reply to this) (Thread)

poirot
2010-02-27 09:33 pm UTC (link)
They are working. They're just very small (book, for instance, is only 1 pixel high), is all, so just right-click save as for convenience. Let me know if you continue to have issues with this!
(Reply to this) (Parent) (Thread)

cas_meadowes
2010-02-27 09:35 pm UTC (link)
Oh! Sorry, then. Thank you for the help; it's an absolutely beautiful layout.
(Reply to this) (Parent)

cas_meadowes
2010-02-27 09:41 pm UTC (link)
I apologize, but I'm still having issues. I searched through the code for imagename, but couldn't find it. I then looked for urls and was able to find empty parentheses. Do image links go in there?
(Reply to this) (Parent) (Thread)

poirot
2010-02-27 09:48 pm UTC (link)
Sorry about the lack of clarity there; 'imagename' is a placeholder, so you should be on the lookout for specific filenames such as book.png instead. And yes, the urls should be going in the empty parentheses.
(Reply to this) (Parent) (Thread)

cas_meadowes
2010-02-27 09:49 pm UTC (link)
Thank you so much! Sorry for the repeated questions.
(Reply to this) (Parent)

Nike Dunk Low
jihonh
2010-10-13 07:25 am UTC (link)
Quite beneficial publish. I just stumbled upon your blog page and desired to say that We have truly enyed reading your blog site posts. Any way I’ll be subscribing for your feed and that i hope you post yet again soon.Nike Dunk Low
(Reply to this)

sturgisisabamf
2010-11-23 01:12 am UTC (link)
Not taking cause I don't have a use for it yet, but homg. This is an AAWEEESSOMMMME layout.
(Reply to this)

godoftheforge
2011-02-21 11:16 am UTC (link)
Snagging for this journal, it's beautiful! Thank you so much for sharing! I credited you in the links list. :D
(Reply to this)

pendragons
2011-04-08 04:24 am UTC (link)
Gorgeous. Using for this journal and credited in user info. I did some customization to it. I notice though that the skip links are both at the bottom and the top of the page. Is that intended or something I messed up? And is there a way to position them at the bottom only?
(Reply to this)

mistojen
2011-04-26 12:22 pm UTC (link)
I have a question, although I know this is late in the game.

I would like to use this layout but the particular stuff in the clutter.gif doesn't apply to what I want to use. I was wondering if there were any special parameters to having made that .gif...in other words, is it possible for me to make my own clutter, so to speak, that is applicable and have it still work?
(Reply to this)

with_discipline
2011-10-29 03:41 pm UTC (link)
I love this layout! I picked it up forever ago for this journal, and now I'm trying to us it on this account - but something's obviously going wrong, and I can't figure it out. I started off copying the code straight from the first journal, and it did the same thing. Any idea what's going on?
(Reply to this) (Thread)

with_discipline
2011-10-29 03:49 pm UTC (link)
Aha, never mind! I figured it out. c:
(Reply to this) (Parent)