*I will customize this banner for anyone that asks, but please do not change it yourself*

Rules
-Don't change any part of the main banner/background.
-You may change colours
-You must credit icon_make_icons

System: s2
Layout Style: Flexible Squares
Theme: Grays

( Here's what you need )

For the Piratica fan community pistolproof

System: s2
Layout Style: Flexible Squares
Layout Theme: Pink Punk

Custom CSS: (for banner)
/* misc */ .clear { height: 15px; } .skiplinks { text-align: center; } .headerimage { /* for formatting header image */ position: relative; width: 800px; /* Width of the banner, in pixels */ height: 250px; /* Height of the banner, in pixels */ margin-left: auto; /* To center image leave as auto */ /* To right align leave as auto */ /* To left align change to 20px */ margin-right: auto; /* To center image leave as auto */ /* To right align change to 20px */ /* To left align leave as auto */ margin-bottom: 10px; /* Space between bottom of image and outer box of style */ background-image: url("http://img.photobucket.com/albums/v728/RichieFoley/Banners/pistolproofbanner1.gif"); /* Header image URL */ background-repeat: no-repeat; }

For queenofspades89, but other DWI members are allowed to use it...if Karina doesn't mind.
( How to set it up )
There is sooooooo much you can do with this layout. You can change all your other images and text; this is like the most versatile layout set-up ever. Anyway, I hope you like it. I also have a clean version without all the white text if you'd rather have that.

Made for phantasm_huzzah, please, no one else use this layout.

Jody, if you don't want to use this, that's fine. If you do, let me know if you want text on the banner. I couldn't decide what to write. And from there, here's how you set it up...

Go to the Customize Your Journal page.

Under the Basic Tab:
-Make sure you have "s2" selected

Under the Look and Feel Tab:
Choose "Flexible Squares" from the first drop-down box
For Themes choose "Black and White & Red All Over"

Under the Custom Options Tab:
Under colors change the Background Color of the Navigation Strip to #000000
Change the last three to #FFFFFF
From here you can also change all the other colors if you don't like the Black/White/Red All Over ones

Under Sidebar you can change the title of the sidebar & put in whatever info you want to. You can also rename each section and move them around as you see fit.

Under Custom CSS--and this is the important one--copy everything in this box and paste it into the box on that page
/* misc */ .clear { height: 15px; } .skiplinks { text-align: center; } .headerimage { /* for formatting header image */ position: relative; width: 800px; /* Width of the banner, in pixels */ height: 300px; /* Height of the banner, in pixels */ margin-left: auto; /* To center image leave as auto */ /* To right align leave as auto */ /* To left align change to 20px */ margin-right: auto; /* To center image leave as auto */ /* To right align change to 20px */ /* To left align leave as auto */ margin-bottom: 10px; /* Space between bottom of image and outer box of style */ background-image: url("http://img.photobucket.com/albums/v728/RichieFoley/Banners/bellayukon1a.gif"); /* Header image URL */ background-repeat: no-repeat; }

I really hope you like it! If you end up using it and need help with something or want something changed, please let me know :D

Credits
Thanks to m_r_icons & harvardbarbie for pictures
Thanks to forgo & harvardbarbie for coding/layout help
Brushes & Textures by silverxdragon & xswaniconsx

Rules
-Don't change any part of the main banner/background.
-You may change colours
-You must credit icon_make_icons AND m_r_icons in your user info (m_r_icons made the banner)

For s2
You may use this background in any theme that you can get it to work with
URL: http://img.photobucket.com/albums/v728/RichieFoley/Banners/dracoaboveitall.gif

For s1 generator
GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 60%; margin-left: 35%; margin-right: 0%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img.photobucket.com/albums/v728/RichieFoley/Banners/alexisbledel2.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">| Play a Chord</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Broken Note%%mc-plural-s%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Broke Note%%mc-plural-s%%</a> DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%% <a href="%%urlpost%%">| Play a Chord</a> </td> </tr> <=DAY_TALK_LINKS DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Broken Note%%mc-plural-s%%</a> LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> Comments: %%readlink%% <a href="%%urlpost%%">| Play a chord</a> </td> </tr> <=LASTN_TALK_LINKS

Colors
Page background #CAA181
Page text #000000
Page link #000000
Page visited link #000000
Page active link #000000
Page emphasized text #000000
Page title #000000
Weak accent #CAA181
Text on weak accent #000000
Strong accent #CAA181
Text on strong accent #000000
Stronger accent #008500
Text on stronger accent #000000

Notes:
-This will only work in Generator
-This will work with or without the navigation bar

Header URL for s2: (you can use this in any theme that will allow headers)
http://img.photobucket.com/albums/v728/RichieFoley/Banners/dracoaboveitall.gif
Height: 250px

For s1 generator:
GLOBAL_HEAD<= <style type="text/css"> !-- body { margin-top: 300px !important; } body { background color: #080A1B; background-image: url(http://img.photobucket.com/albums/v728/RichieFoley/Banners/dracoaboveitall.gif) !important; background-attachment:; !important; background-repeat: no-repeat; background-position: top center; padding-top: 175; text-align: topcenter; } margin-top:250px ; margin-left:100px;} div div { background:#000000; width: auto; height: auto; padding: 2; } div table { width: 650; } div table table { width: 95%; } div table table table { width: auto; } div table table table table { width: 100%; } } --> </style> <=GLOBAL_HEAD

Colors
Page background #000000
Page text #DCE0DD
Page link #DCE0DD
Page visited link #DCE0DD
Page active link #DCE0DD
Page emphasized text #DCE0DD
Page title #DCE0DD
Weak accent #000000
Text on weak accent
Strong accent #000000
Text on strong accent #DCE0DD
Stronger accent #05480D
Text on stronger accent #DCE0DD

Let me know if you want things changed like the comment links or anything else. Or if you need help putting it up

Sorry about not posting any layouts lately. Well, I posted one, but it was a gift so it was hidden. Anyways, I've got a new layout for you.
______________________________________
Rules
-Don't change any part of the main banner.
-You may change your icon or colours
-You must credit jeztest or icon_make_icons in your user info

Preview


Colours
Page background #080A1B
Page text #A86818
Page link #A86818
Page visited link #A86818
Page active link #A86818
Page emphasized text #A86818
Page title #A86818
Weak accent #080A1B
Text on weak accent #A86818
Strong accent #080A1B
Text on strong accent #A86818
Stronger accent #FFCA9F
Text on stronger accent #A86818

Coding
Copy everything here and put it in the Overrides box
GLOBAL_HEAD<= <style type="text/css"> !-- body { margin-top: 300px !important; } body { background color: #080A1B; background-image: url(http://img.photobucket.com/albums/v728/RichieFoley/Banners/farfromhomelayoutbanner1c.gif) !important; background-attachment:; !important; background-repeat: no-repeat; background-position: top center; padding-top: 450; text-align: topcenter; } margin-top:250px ; margin-left:100px;} div div { background:#090A1B; width: auto; height: auto; padding: 2; } div table { width: 650; } div table table { width: 95%; } div table table table { width: auto; } div table table table table { width: 100%; } } --> </style>

How to put it up:
Click on Manage on your toolbar. Scroll down to customize journal under Customization. You should be on S1, but check to make sure. The click on the Look & Feel tab and change all those drop down boxes to Generator. Change all the colours to what they are above, there's only 3 dif colours to use, so it should be pretty easy. Now Save Changes. Then click on the Custom Options tab and copy all the override codes into that big box. Now click save changes. Then view journal and enjoy. Just make sure you put "layout by jeztest" or "layout by icon_make_icons in your userinfo.

If you want an icon to match the layout, let me know and I'll whip one up for you.

Reminders:
This layout only works in Generator.
It also only works without the new browsing bar, so you'll have to take that off for people viewing your LJ (you can still keep it for when you look at other LJs).

Rules
-Don't change any part of the main banner.
-You may change your icon, colours, or linking text
-You must credit jeztest or icon_make_icons in your user info

Preview
It doesn't happen to you, you happen to life

Colours
Page background #080A1B
Page text #A86818
Page link #A86818
Page visited link #A86818
Page active link #A86818
Page emphasized text #A86818
Page title #A86818
Weak accent #080A1B
Text on weak accent #A86818
Strong accent #080A1B
Text on strong accent #A86818
Stronger accent #E8D898
Text on stronger accent #A86818

Coding
Copy everything in this box and put it in the overrides box on your management page
GLOBAL_HEAD<= <style type="text/css"> !-- body { margin-top: 300px !important; } body { background color: #080A1B; background-image: url(http://img.photobucket.com/albums/v728/RichieFoley/Banners/TriciaLayBan1.gif) !important; background-attachment:; !important; background-repeat: no-repeat; background-position: top center; padding-top: 300; text-align: topcenter; } margin-top:250px ; margin-left:100px;} div div { background:#090A1B; width: auto; height: auto; padding: 2; } div table { width: 650; } div table table { width: 95%; } div table table table { width: auto; } div table table table table { width: 100%; } } --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">define your life</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Rockstar%%mc-plural-s%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Rockstar%%mc-plural-s%%</a> DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%% <a href="%%urlpost%%">Define your life</a> </td> </tr> <=DAY_TALK_LINKS DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Rockstar%%mc-plural-s%%</a> LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> Comments: %%readlink%% <a href="%%urlpost%%">Define your life</a> </td> </tr> <=LASTN_TALK_LINKS

( Icons and Friends Only Banners? )

Colours
Page background #5ACEF4
Page text #128EB6
Page link #128EB6
Page visited link #128EB6
Page active link #128EB6
Page emphasized text #128EB6
Page title #128EB6
Weak accent #02659C
Text on weak accent #128EB6
Strong accent #5ACEF4
Text on strong accent #128EB6
Stronger accent #02659C
Text on stronger accent #128EB6

Coding
--Copy and paste all of this, I included your comment links too, so this is your whole code--
GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 0%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> !-- body { margin-top: 362px !important; } body { background color: #5ACEF4; background-image: url(http://img.photobucket.com/albums/v728/RichieFoley/Banners/ElaraLay1.gif) !important; background-attachment:; !important; background-repeat: no-repeat; background-position: top center; padding-top: 300; text-align: topcenter; } margin-top:250px ; margin-left:100px;} div div { background:#ffffff; width: auto; height: auto; padding: 2; } div table { width: 700; } div table table { width: 90%; } div table table table { width: auto; } div table table table table { width: 100%; } } --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">Get Lazy</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> Snowflake%%mc-plural-s%% FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> Snowflake%%mc-plural-s%% DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">Jump!</a> </td> </tr> <=DAY_TALK_LINKS DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> Jump! LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> Comments: %%readlink%% <img src="http://img.photobucket.com/albums/v677/Phryxonides/snow.gif"> <a href="%%urlpost%%">Jump!</a> </td> </tr> <=LASTN_TALK_LINKS

Enjoy!!

This was made specificly for queenofspades89, so mouses off!

Page background #9444BA
Page text #CE71F9
Page link #CE71F9
Page visited link #CE71F9
Page active link #CE71F9
Page emphasized text #CE71F9
Page title #CE71F9
Weak accent #5B025C
Text on weak accent #CE71F9
Strong accent #FFFFFF
Text on strong accent #000000
Stronger accent #3B013C
Text on stronger accent #CE71F9

GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 50%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img175.imageshack.us/img175/8030/karinalayout28fi.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD

NO TAKING THIS LAYOUT, IT WAS MADE SPECIFICALLY FOR stormelle (also stormieicons)

Colours
Page background #226FBD
Page text #FFFFFF
Page link #FFFFFF
Page visited link #FFFFFF
Page active link #FFFFFF
Page emphasized text #337806
Page title #2A6106
Weak accent #0C3876
Text on weak accent #FFFFFF
Strong accent #FFFFFF
Text on strong accent #0A2E61
Stronger accent #032B50
Text on stronger accent #226FBD

Override Codes
GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 50%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img277.echo.cx/img277/9969/raybg17er.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD

Rules
You MUST credit icon_make_icons or jeztest in your user info if you use any of my layouts!

Here's the overrides for someone with computer screen dimensions 800x600. Sorry, I thought it would work for you guys too.

GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 50%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img229.echo.cx/img229/1611/ttlayoutbg2a0sh.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD

Another snappy-quick layout! Teen Titans this time!

Colours
Page background #226FBD
Page text #FFFFFF
Page link #FFFFFF
Page visited link #FFFFFF
Page active link #FFFFFF
Page emphasized text #337806
Page title #2A6106
Weak accent #0C3876
Text on weak accent #FFFFFF
Strong accent #FFFFFF
Text on strong accent #0A2E61
Stronger accent #032B50
Text on stronger accent #226FBD

Override Codes
GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 50%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img27.echo.cx/img27/744/ttlayoutbg26kd.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD

Screenshot

Rules
You MUST credit icon_make_icons or jeztest in your user info if you use any of my layouts!

Okay, the layout is finished now. That's the fastest I've ever made a layout and got it to work right. ^-^

Page background #CA9347
Page text #FFFFFF
Page link #FFFFFF
Page visited link #FFFFFF
Page active link #FFFFFF
Page emphasized text #337806
Page title #2A6106
Weak accent #886C46
Text on weak accent #457991
Strong accent #FFFFFF
Text on strong accent #83B662
Stronger accent #685336
Text on stronger accent #FFFFFF

Codes: (these go in the Overrides box on your Modify Journal page (click on "modify journal" inside that link)
GLOBAL_HEAD<= <style type="text/css"> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 45%; margin-left: 0; margin-right: 50%; } /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> </style> <style type="text/css"> <!-- body { background-image: url(http://img209.echo.cx/img209/7409/fifb42xi.gif) !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD

Screenshot of layout

And that's all!

This layout is not adoptable!! It's made specifically for friendsinfaith.

-Made and fixed background
-Realigned the windows

Now, I just need to fix the colours and MAYBE add a cross between the comment links. Maybe.

Okay, I'm working on yet another layout. I got down the background and avatar today. Tomorrow I'll finish the banner and colours. Emoti is going up right now before I forget.

I forgot to post the colour scheme, sorry.

Page background #C6EAE8
Page text #0000FF
Page link #0000FF
Page visited link #0000FF
Page active link #0000FF
Page emphasized text #337806
Page title #2A6106
Weak accent #55BADE
Text on weak accent #457991
Strong accent #FFFFFF
Text on strong accent #83B662
Stronger accent #457991
Text on stronger accent #FFFFFF

I hope I didn't forget anything else. >.<*

Version 3 is finished. Here's the codes:

FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">Imagine</a> </td> </tr> <=FRIENDS_TALK_LINKS FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Friend%%mc-plural-s%%</a> LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Friend%%mc-plural-s%%</a> DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">Imagine</a> </td> </tr> <=DAY_TALK_LINKS LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> Comments: %%readlink%% <img src="http://img.photobucket.com/albums/v695/icon_make_icons/Fosters/BlooSprite.gif"> <a href="%%urlpost%%">Imagine</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- body { background-image: url(http://img196.echo.cx/img196/2420/fosterslayout6vv.gif) !important; background-repeat: no-repeat !important; background-attachment: fixed !important; } --> </style> <=GLOBAL_HEAD DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> Friend%%mc-plural-s%%</a>

Make sure you get it all, it should end with the DAY_TALK_READLINK part.

Icon

http://img.photobucket.com/albums/v695/icon_make_icons/Fosters/FostersIcon.gif

Full picture of layout (if you see this post after I change it):
http://img108.echo.cx/img108/382/fostersiconmakeicons5pb.jpg

Feel free to change anything, but you MUST credit me in your user info. Also, please tell me when you're using it.

If you have any requests or concerns please don't hesitate to contact me at richardosgoodfoley@yahoo.co.uk

Okay, colours are almost finished. I need to fix the bg so it stays in place when you scroll. Then I'll make the icon and put up the codes for you guys.

Colours

Page BG #88D868
Page Text #296105
Page link #65FF01
Page visited link #65FF01
Page active link #65FF01
Page emphasized text #337806
Page title #2A6106
Weak accent #38912E
Text on weak accent #317405
Strong accent #3D9007
Text on strong accent #83B662
Stronger accent #296105
Text on stronger accent #FFFFFF