InsaneJournal

Tweak says, "listen oh deaf one!!!!"

stellastars (stellastars) wrote in stelladesigns,
@ 2008-03-19 01:03:00

Layout #3 -- Camouflage-Insect
Name: Camouflage-Insect
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in IE7 and Firefox
Account Levels: All
Work with Nav bar?: Yes
Work with Ads?: Yes, Horizontal Placement only.
Credit:

stellastars or

stelladesigns in user info, please.
Preview: Click image for full-size preview or click links for live preview.

Live Previews:
Green Butterfly	Green Bee	Green Dragonfly	Green Spider
Peach Butterfly	Peach Bee	Peach Dragonfly	Peach Spider
Gray Butterfly	Gray Bee	Gray Dragonfly	Gray Spider

Notes:

Matching icons can be found here.

If you have any questions about the directions, please ask.

Insect Images are made with WMInsects on dafont.

DIRECTIONS for INSANEJOURNAL:
1. Go to customize journal.
2. Click "Look and Feel" and select "Bloggish" in the "Layout and Language" section and "None" in the "Themes" menu.
3. Click "Custom Options" and in the "Layout Type" menu select "Three Column" then click "Custom CSS." (FYI: Selecting "Three Column" is very important!)
4. Leave "Use layout's "Base Weblog" stylesheet" on "Yes" and leave "Custom external stylesheet URL" blank.
5. Copy the Positioning Code from the textbox below and paste in the "Custom stylesheet" box.
Positioning Code	/* Camouflage // Insect / / S2 Style - Bloggish / / Theme - Unstyled on LJ or None on IJ / / Layout Type - Three column / / Made by stellastars.livejournal.com = stellastars.insanejournal.com / /---All-Over Stuff---/ { margin: 0px; padding: 0px; } font {font-family:inherit; font-size:inherit; color:inherit;} blockquote { font-size: 10px; margin: 10px 50px; padding: 12px; } ol, ul { margin: 10px 40px; padding: 0px; } h1, h2, h3, h4, h5, h6 { font-family: "palatino linotype", georgia, "times new roman", serif; font-weight: normal; color: #ffffff;} /---Main Body---/ body, input, textarea { margin: 20px 0px; font-family: verdana, arial, "trebuchet ms", sans-serif; font-size: 12px; color: #ffffff; } input, textarea { margin: 1px; } a { text-decoration: none; } .content-nav a, .skiplinks a, .entry-footer, .entry-footer a, .comment-footer a, .module-typelist a, .lj-view-archive td, .comment-footer { font-family: "lucida sans unicode", "trebuchet ms", arial, sans-serif; font-size: 9px; text-transform: lowercase; } #container { width: 900px; padding-top: 6px; } #alpha { width: 900px; padding: 190px 0px 0px 0px; } #beta { width: 900px; padding-bottom: 75px;} #gamma { width: 900px; min-height: 200px; padding-bottom: 50px; } #gamma-inner { width: 610px; margin-right: 290px; margin-top: 50px; } #banner { height: 60px; } #banner h1, #banner h2 { font-size: 18px; text-align: right; padding-right: 40px; margin: 8px 0px 0px 250px;} #banner h2 { font-size: 14px; margin: 3px 0px 0px 300px; } /---Entry---/ .content-nav { float: right; padding: 34px 25px 0px 0px; text-align: right; font-size: 0px; margin-right: 15px; } .content-nav a { padding: 0px 0px 0px 10px; } .skiplinks a { padding: 0px 10px 0px 0px; } .skiplinks {padding: 34px 0px 0px 0px; font-size: 0px; margin-top: 30px; text-align: center; } .entry { margin-bottom: 40px;} h2.date-header, .lj-view-day h2 { padding: 0px 0px 0px 175px; font-size: 10px; } h3.entry-header { font-size: 20px; text-transform: lowercase; padding: 0px 20px 0px 175px !important; margin: 0px 150px 9px 0px; } .entry-content { padding: 0px 0px 0px 175px; margin-right: 100px;} .entry-body { padding: 20px 40px 20px 0px; line-height: 18px;} .entry-body a, .lj-view-month #beta-inner.pkg dd a, .lj-view-reply #beta a, .ljtaglist li a { font-weight: bold; } .entry-userpic { float: left !important; margin-bottom: 20px !important; margin-left: 25px !important; padding: 5px 2px; } p.poster, .poster .ljuser { font-size: 9px; text-transform: lowercase; display: block; text-align: center !important; margin: 0px !important; padding: 6px 0px 0px 0px !important; } p.poster a, .poster .ljuser a { font-size: 10px; text-align: center !important; margin: 0px !important; padding: 6px 0px 0px 0px !important; } .metadata, .ljtags, .metadata a, .ljtags a { font-size: 9px; line-height: 12px; text-transform: lowercase; font-weight: normal; } .metadata { margin: 0px 0px 15px 0px; } .ljtags { margin: 15px 0px 0px 0px; } .metadata strong, h3.comment-header strong { font-weight: normal; } .entry-footer, .entry-footer a, .comment-footer a { text-align: right; padding: 0px 1px; } p.entry-footer { margin: 0px -100px 25px -70px; padding: 2px 40px 0px 0px; text-align: right; } .separator { font-size: 0px; padding: 6px 4px 2px 4px; } .module-viewlinks { position: absolute; top: 10px; left: 235px; width: 627px; height: 50px; text-align: right; padding-left: 30px; padding-right: 6px; } .module-viewlinks li { display: inline; white-space: nowrap; } .module-viewlinks a { color: #ffffff; font-family: "palatino linotype", georgia, "times new roman", serif; font-size: 18px; text-transform: lowercase; padding: 35px 24px 12px 54px; line-height: 40px; } .module-typelist .module-content, .module-categories .module-content, .module-pagesummary .module-content, .lj-view-tags #beta {margin: 0px; padding: 0px;} .module-typelist { position: absolute; top: 65px; left: 340px; width: 500px; text-align: right; padding: 2px 30px 4px 30px; z-index: 0; } .module-typelist li { float: right; display: inline; white-space: normal; margin: 0px 16px 0px 0px; line-height: 11px; } .module-typelist a { line-height: 11px; white-space: nowrap; } .module-categories { width: 510px; margin-top: 9px; padding: 15px 100px 0px 40px; } .module-pagesummary { width: 405px; padding: 10px 0px 0px 40px; } .module-categories .module-header, .module-pagesummary .module-header { text-align: left; padding-left: 40px; margin-left: -40px; font-size: 18px; text-transform: lowercase; } .module-categories li { float: left; display: inline; white-space: normal; text-align: left; margin: 3px 15px 3px 0px; } .module-pagesummary li { text-align: left; margin: 0px 0px 10px 0px; list-style: disc inside; } .module-categories a { text-transform: lowercase; white-space: nowrap; text-decoration: underline; } .module-pagesummary a { text-transform: lowercase; } .lj-view-archive #beta-inner.pkg, .lj-view-archive td a { color: #ffffff; font-family: "palatino linotype", georgia, "times new roman", serif; font-size: 18px; text-transform: lowercase; } .lj-view-archive #beta ul { list-style-type: none; width: 70px; margin: 30px 0px 0px 70px; text-align: center; } .lj-view-archive #beta li a { padding: 0px 0px 0px 30px; } li.active, .lj-view-archive #beta li a:hover { padding: 0px 30px 0px 0px; } .lj-view-archive th { padding: 5px 10px; font-weight: normal; text-align: center; } .lj-view-archive td { padding: 2px 2px 10px 10px; width: 65px; color: #ffffff; } .lj-view-archive td a, .lj-view-day #beta-inner.pkg p {text-align: center;} .lj-view-day #beta-inner.pkg p.entry-footer {text-align: right;} .lj-view-month center { padding: 0px 0px 35px 0px; } .lj-view-month #beta-inner.pkg dl { padding: 0px 150px; text-align: center;} .lj-view-month #beta-inner.pkg dt { margin: 28px 0px 5px 0px; font-size: 20px; } .lj-view-month #beta-inner.pkg dt a { color: #ffffff; font-size: 20px; font-family: "palatino linotype", georgia, "times new roman", serif; font-weight: normal; } .lj-view-month #beta-inner.pkg dd { margin-bottom: 6px; } .lj-view-reply #beta h2 { font-size: 20px; text-transform: lowercase; } .lj-view-reply #beta-inner.pkg { margin: 0px 80px; } .lj-view-reply #beta hr { margin: 20px 0px; } .lj-view-reply #postform {margin-top: 20px; } .lj-view-reply #beta-inner.pkg table td { padding: 4px !important; } .lj-view-reply #beta-inner.pkg table td img { margin: 0px 10px 0px 0px !important; padding: 5px 2px !important; } .lj-view-reply #beta-inner.pkg table td .ljuser img { margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; } .lj-view-reply #beta-inner.pkg a.helplink img, .lj-view-reply #beta-inner.pkg img[src=anonymous], .lj-view-reply #beta-inner.pkg img[src=openid-profile], .lj-view-reply #beta-inner.pkg img[src=userinfo], .lj-view-reply #beta-inner.pkg img[src=pencil] { margin: 3px !important; padding: 0px !important; background: transparent !important; border: 0px !important; } .comments { margin: 50px 0px 0px 0px; } h3.comments-header { text-align: left; font-size: 24px; text-transform: lowercase; margin: 0px 250px 9px 0px; padding-left: 40px; } .comments-content { margin-left: 0px; padding-top: 60px; padding-left: 40px;} .comment-content {padding: 10px 40px 25px 140px !important; margin: 0px !important;} h3.comment-header { font-size: 18px; text-transform: lowercase; padding: 0px 0px 0px 130px; margin: 0px 0px 0px 0px; } .comment-userpic { float: left !important; margin: 0px 10px 10px 0px !important; padding: 5px 2px; } .comment-footer { text-align: right; padding: 2px 40px 0px 85px; margin: 0px 0px 60px 190px; } .lj-view-tags #beta h2 { text-align: center; font-size: 24px; text-transform: lowercase; margin: 0px; } .lj-view-tags #beta-inner.pkg {width: 700px; margin: 0px 100px; } ul.ljtaglist { width: 600px; list-style-type: none; padding: 30px 0px 0px 0px; margin: 0px 50px 50px 50px; text-align: center; } .ljtaglist li { margin-bottom: 6px; } /--Hidden--/ .module-photo, .module-syndicate, .module-powered, .module-calendar, .module-typelist .module-header, .lj-view-tags .module-categories, .lj-view-tags #gamma, .lj-view-tags #gamma-inner.pkg, .lj-view-reply #beta-inner.pkg #subjectIconImage {display:none;} /---------------------------------/ /--Paste Color Scheme Code Below--/ /---------------------------------/ /----------------------------------/ /--Paste Insect Images Code Below--/ /---------------------------------/
6. Select 1 of the 3 Color Schemes below (green, peach, or gray). Copy the code and paste into the "Custom stylesheet" box beneath the "Positioning Code".
	Color Scheme: Sage Green	Color Scheme: Bronze Peach	Color Scheme: Colorless Gray
	/--Color = --/ /--Sage Green--/ a, .content-nav a:hover, .skiplinks a:hover, .entry-footer a:hover, .comment-footer a:hover, .module-typelist a:hover, .lj-view-archive td a:hover, .module-viewlinks a:hover, .module-categories li, .module-pagesummary li, .lj-view-month #beta-inner.pkg dl, .lj-view-archive #beta li a:hover { color: #b3cf84; } a:hover, .module-categories a:hover, .module-pagesummary a:hover, .lj-view-month #beta-inner.pkg dt a:hover, .lj-view-reply #beta a:hover, .content-nav a, .skiplinks a, .entry-footer, .entry-footer a, .comment-footer a, .module-typelist a, .lj-view-archive td, .comment-footer, #banner h1, #banner h2, .lj-view-archive #beta li a, .lj-view-archive td a { color: #44494f; } input, textarea { border: 1px solid #535a61;} #gamma-inner, .entry-content, p.entry-footer, .module-categories, .comments, .comments-content, .comment-content, .comment-footer, .lj-view-tags #beta h2, ul.ljtaglist { border-top: 5px dotted #535a61; } h3.entry-header, .module-viewlinks, .module-typelist, .module-categories .module-header, .module-pagesummary .module-header, h3.comments-header { border-bottom: 5px dotted #535a61; } .lj-view-reply #beta hr { color: #535a61; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { background-color: #5c866c !important; } body { background: #648962; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-archive th, .lj-view-archive td, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { border: 5px solid #648962 !important; } input, textarea { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_TextArea.png) top left repeat transparent; } #container { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Container.png) top left repeat #5c866c; } .separator { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Separator.png) center left no-repeat transparent; }	/--Color = ---/ /--Bronze Peach--/ a, .content-nav a:hover, .skiplinks a:hover, .entry-footer a:hover, .comment-footer a:hover, .module-typelist a:hover, .lj-view-archive td a:hover, .module-viewlinks a:hover, .module-categories li, .module-pagesummary li, .lj-view-month #beta-inner.pkg dl, .lj-view-archive #beta li a:hover { color: #fbcd76; } a:hover, .module-categories a:hover, .module-pagesummary a:hover, .lj-view-month #beta-inner.pkg dt a:hover, .lj-view-reply #beta a:hover, .content-nav a, .skiplinks a, .entry-footer, .entry-footer a, .comment-footer a, .module-typelist a, .lj-view-archive td, .comment-footer, #banner h1, #banner h2, .lj-view-archive #beta li a, .lj-view-archive td a { color: #b3482b; } input, textarea { border: 1px solid #c8593b;} #gamma-inner, .entry-content, p.entry-footer, .module-categories, .comments, .comments-content, .comment-content, .comment-footer, .lj-view-tags #beta h2, ul.ljtaglist { border-top: 5px dotted #c8593b; } h3.entry-header, .module-viewlinks, .module-typelist, .module-categories .module-header, .module-pagesummary .module-header, h3.comments-header { border-bottom: 5px dotted #c8593b; } .lj-view-reply #beta hr { color: #c8593b; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { background-color: #c76c54 !important; } body { background: #d48a55; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-archive th, .lj-view-archive td, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { border: 5px solid #d48a55 !important; } input, textarea { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_TextArea.png) top left repeat transparent; } #container { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Container.png) top left repeat #c76c54; } .separator { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Separator.png) center left no-repeat transparent; }	/--Color = ------/ /-Colorless Gray-/ a, .content-nav a:hover, .skiplinks a:hover, .entry-footer a:hover, .comment-footer a:hover, .module-typelist a:hover, .lj-view-archive td a:hover, .module-viewlinks a:hover, .module-categories li, .module-pagesummary li, .lj-view-month #beta-inner.pkg dl, .lj-view-archive #beta li a:hover { color: #716580; } a:hover, .module-categories a:hover, .module-pagesummary a:hover, .lj-view-month #beta-inner.pkg dt a:hover, .lj-view-reply #beta a:hover, .content-nav a, .skiplinks a, .entry-footer, .entry-footer a, .comment-footer a, .module-typelist a, .lj-view-archive td, .comment-footer, #banner h1, #banner h2, .lj-view-archive #beta li a, .lj-view-archive td a { color: #8F84AB; } input, textarea { border: 1px solid #AEAAB8;} #gamma-inner, .entry-content, p.entry-footer, .module-categories, .comments, .comments-content, .comment-content, .comment-footer, .lj-view-tags #beta h2, ul.ljtaglist { border-top: 5px dotted #AEAAB8; } h3.entry-header, .module-viewlinks, .module-typelist, .module-categories .module-header, .module-pagesummary .module-header, h3.comments-header { border-bottom: 5px dotted #AEAAB8; } .lj-view-reply #beta hr { color: #AEAAB8; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { background-color: #d1cddc !important; } body { background: #DCDBE1; } blockquote, .entry-userpic, .lj-view-archive table, .lj-view-archive th, .lj-view-archive td, .lj-view-reply #beta-inner.pkg table td img, .comment-userpic { border: 5px solid #DCDBE1 !important; } input, textarea { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_TextArea.png) top left repeat transparent; } #container { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Container.png) top left repeat #d1cddc; } .separator { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Separator.png) center left no-repeat transparent; }
7. Select a set of Insect Images for your color scheme. Copy the code and paste into the "Custom stylesheet" box beneath the "Color Scheme Code".
	Green Butterfly	Peach Butterfly	Gray Butterfly
	/-Images = ----/ /Green Butterfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Green_EmptyDay.png) center left repeat-x #5c866c; }	/-Images = ----/ /Peach Butterfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Peach_EmptyDay.png) center left repeat-x #c76c54; }	/-Images = ----/ /Gray Butterfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_Gray_EmptyDay.png) center left repeat-x #d1cddc; }
	Green Bee	Peach Bee	Gray Bee
	/--Images = -----/ /--Green Bee--/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenB_EmptyDay.png) center left repeat-x #5c866c; }	/--Images = -----/ /--Peach Bee--/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachB_EmptyDay.png) center left repeat-x #c76c54; }	/--Images = -----/ /--Gray Bee--/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayB_EmptyDay.png) center left repeat-x #d1cddc; }
	Green Dragonfly	Peach Dragonfly	Gray Dragonfly
	/--Images = -----/ /Green Dragonfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenD_EmptyDay.png) center left repeat-x #5c866c; }	/--Images = -----/ /Peach Dragonfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachD_EmptyDay.png) center left repeat-x #c76c54; }	/--Images = -----/ /Gray Dragonfly/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayD_EmptyDay.png) center left repeat-x #d1cddc; }
	Green Spider	Peach Spider	Gray Spider
	/-Images = -----/ /-Green Spider--/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GreenS_EmptyDay.png) center left repeat-x #5c866c; }	/-Images = -----/ /-Peach Spider--/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_PeachS_EmptyDay.png) center left repeat-x #c76c54; }	/-Images = -----/ /-Gray Spider---/ #alpha { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Alpha.png) top left no-repeat transparent; } #gamma { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Gamma.png) top right no-repeat transparent; } #banner { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Banner.png) bottom left no-repeat transparent; } .content-nav, .skiplinks { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_SkipLinks.png) top center no-repeat transparent; } .module-viewlinks a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Viewlinks.png) bottom left no-repeat transparent; } .module-viewlinks a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_ViewlinksH.png) bottom left no-repeat transparent; } li.active { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Archive.png) center right no-repeat transparent; } .lj-view-archive #beta li a { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_Archive.png) center left no-repeat transparent; } .lj-view-archive #beta li a:hover { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_ArchiveH.png) center right no-repeat transparent; } .emptyday { background: url(http://i15.photobucket.com/albums/a374/Stellastars/Layouts/Camouflage%20Butterfly/CamB_GrayS_EmptyDay.png) center left repeat-x #d1cddc; }
7.5 (Optional) Save the "Insect Images" to your own image host and replace their URLs in the code.
8. Click "Save Changes."

Directions for Livejournal available here.

Ads by Project Wonderful! Your ad here, right now: $0

(Post a new comment)

	wyrdkat 2008-03-19 09:12 pm UTC (link)
	Those are lovely! I snagged the peach spider one for my [Bad username: labyrinth_queen journal] and credited you in the user info and uploaded the images to my own photobucket account as well :) Thank you so much!!! (Reply to this) (Thread)

	stellastars 2008-03-20 03:57 am UTC (link)
	Thank you very much! I'm so pleased you liked it! And thank you for hosting the images! I really appreciate that! :-) (Reply to this) (Parent)

	wyrdkat 2008-03-20 06:22 am UTC (link)
	oops...labyrinth_queen is what I meant to type :) (Reply to this) (Parent) (Thread)

	stellastars 2008-03-20 04:19 pm UTC (link)
	No problem! I knew what you meant! And thanks again! :-) (Reply to this) (Parent)

	little_thea 2008-03-20 10:35 pm UTC (link)
	These are wonderful! I'm using the peach butterfly and took some icons to go with it. Credited you! (Reply to this) (Thread)

	stellastars 2008-03-21 03:36 am UTC (link)
	Thank you very much! I'm so pleased to hear you liked them! (Reply to this) (Parent)

	wannabelikedad 2008-05-03 02:16 pm UTC (link)
	So gorgeous! I am using the green dragonfly on this journal and will credit you on the userinfo page. (Reply to this) (Thread)

	stellastars 2008-05-03 02:20 pm UTC (link)
	Thank you very much! I'm really pleased to hear you liked it! (Reply to this) (Parent)

	tattooedsappho 2008-05-05 09:02 am UTC (link)
	Thanks SO MUCH for sharing these! Snagged the green dragonfly one, credit in my UI and images on meh server. :) (Reply to this) (Thread)

	stellastars 2008-05-11 08:42 pm UTC (link)
	You are so very welcome! I'm very glad to hear you enjoyed them. Thank you for the comment! (Reply to this) (Parent)

	loyal_2a_fault 2008-05-11 03:52 pm UTC (link)
	STUNNING! Just beautiful. Using for some of my character journals. Beautiful work...will credit. (Reply to this) (Thread)

	stellastars 2008-05-11 08:44 pm UTC (link)
	:D Thank you so much for such a lovely comment! You just made my night! (Reply to this) (Parent)

	dontgetinvolved 2008-09-11 07:39 am UTC (link)
	I love the gray butterfly, but I have a question. In your preview, it shows links under the main button links. How and where do you add those? I'm used to S1 where I write that all in, so I'm totally lost. (Reply to this) (Thread)

	dontgetinvolved 2008-09-11 07:48 am UTC (link)
	Wait, I think I figured it out. (Reply to this) (Parent) (Thread)

	stellastars 2008-09-11 09:09 am UTC (link)
	Did you see how to do it then? There is a Link List on the Customize page (second box down). You can click there and just enter the links you want. Please let me know if you need any further help! (And I'm glad to hear you liked the layout!!) :-) (Reply to this) (Parent) (Thread)

	dontgetinvolved 2008-09-11 09:11 am UTC (link)
	Yeah, I got it. S2 is strange. lol The layout is so cute. It doesn't look at all like the annoying blocky IJ-standard things that S2s can so often resemble. I love it. (Reply to this) (Parent) (Thread)

	stellastars 2008-09-28 10:15 pm UTC (link)
	I'm glad the links all worked out! Thank you again! (Reply to this) (Parent)

	simplysonia 2009-03-20 10:46 pm UTC (link)
	In. Love. with this layout and using it now, tysm! (Reply to this) (Thread)

	stellastars 2009-03-21 08:58 am UTC (link)
	Thank you very much for the lovely comment! I'm glad to hear you liked the layout! (Reply to this) (Parent)

	wao_mods 2009-03-29 06:19 pm UTC (link)
	These are amazing - thank you! (Reply to this) (Thread)

	stellastars 2009-05-06 11:03 am UTC (link)
	Sorry for the delay in replying -- I've been facing broken computer woes! Thank you for the comment! I'm glad to hear you liked the layouts! (Reply to this) (Parent)