New Journal Layout

[ben_michael]

I have completely re-vamped my journal layout.

Without the help of the amazing, wonderful and forever patient badbadpixie this would not have been possible. I can do the graphics but everything else I need her for. She even taught me how to do screen shots.

I am sure she hides under her desk when she see an email from me :)

Comments and feedback appreciated. I think I like it, it's just different, but still says who I am I think.

Comments

[marilla-pm67.livejournal.com]

the baldy man

something else




Sam

[foreverbm.livejournal.com]

OMG yes please!!!!

I love the grey one!!!!

[marilla-pm67.livejournal.com]

Here the code...

I added you the reply icons... if you don't want them, you just have to delete from

/*:::::::::::::::::Reply Icons::::::::::::::::*/

to bottom ....

If you need help, just call me

Sam

/*:::::::::::::: TINY ICONS ::::::::::::::::::::*/ .ljuser img { /*IE*/ width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url(http://i12.photobucket.com/albums/a234/corpm67/layer/user_icon_grey.gif); padding: 12px 8px 0px 2px !important;} .ljuser:hover a { color: #FF5570; } /* Preload the communityicon */ .ljuser a { background: url(http://i12.photobucket.com/albums/a234/corpm67/layer/com_icon_grey.gif) -100px -100px no-repeat; } /* Preload the usericon */ .ljuser { background: url(http://i12.photobucket.com/albums/a234/corpm67/layer/user_icon_grey.gif) -100px -100px no-repeat; } /*:::::::::::::::::ljuser icon:::::::::::::::::::::::*/ .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-color: transparent; background-image: url(http://i12.photobucket.com/albums/a234/corpm67/layer/user_icon_grey.gif);} .ljuser:hover img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://i12.photobucket.com/albums/a234/corpm67/layer/user_icon_darkgrey.gif);} /*:::::::::::::::::Community icon:::::::::::::::::::::*/ .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-color: transparent; background-image: url(http://i12.photobucket.com/albums/a234/corpm67/layer/com_icon_grey.gif); padding: 14px 14px 0px 2px important;} .ljuser:hover img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://i12.photobucket.com/albums/a234/corpm67/layer/com_icon_darkgrey2.gif);} /*::::::::::::::::ljuser icon in the comment form:::::::::::::::::::*/ #ljuser_row img { display: none; } #ljuser_row { background: urlhttp://i12.photobucket.com/albums/a234/corpm67/layer/com_icon_grey.gif) no-repeat 6px 5px; } #ljuser_row label { background: #FFFFFF; padding-top: 2px; } /*:::::::::::::::::icons that appear in the subject line:::::::::::::::::::::::*/ .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ /*lock*/ display:inline; width: 0; height: 0; padding: 14px 12px 0px 0px; background: url(http://i239.photobucket.com/albums/ff183/pg_layouts/tiny_icons01/lock.gif); background-repeat: no-repeat;} .subject img { position: relative; float: right; top: 17px; } .subject img[src="http://stat.livejournal.com/img/community.gif"] { display:none; } .subject img[src="http://stat.livejournal.com/img/userinfo.gif"] { display:none; } /*:::::::::::::::;:::: MISC ::::::::::::::::::::*/ /*::::::::Opacity of the pictures (link)::::::::*/ a img:hover { filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6; } .ljuser a img:hover { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

[marilla-pm67.livejournal.com]

/*:::::::::::::::::Reply Icons::::::::::::::::*/ /*edit Comment*/ .commentbox img[src="http://stat.livejournal.com/img/btn_edit.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/edit.png); padding: 16px 16px 0 0 !important;} /*delete Comment*/ .commentbox img[src="http://stat.livejournal.com/img/btn_del.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/delete.png); padding: 16px 16px 0 0 !important;} /*Screen Comment*/ .commentbox img[src="http://stat.livejournal.com/img/btn_scr.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/screen.png); padding: 16px 20px 0 0 !important;} .commentbox img[src="http://stat.livejournal.com/img/btn_unscr.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/unscreen.png); padding: 16px 16px 0 0 !important;} /*Freeze Comment*/ .commentbox img[src="http://stat.livejournal.com/img/btn_freeze.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/freeze.png); padding: 16px 16px 0 0 !important;} .commentbox img[src="http://stat.livejournal.com/img/btn_unfreeze.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/unfreeze.png); padding: 16px 16px 0 0 !important;} /*Track Comment*/ .commentbox img[src="http://stat.livejournal.com/img/btn_track.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/track.png); padding: 15px 15px 0 0 !important;} .commentbox img[src="http://stat.livejournal.com/img/btn_tracking.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i221.photobucket.com/albums/dd138/layout_delight/GGlayout/untrack.png); padding: 15px 15px 0 0 !important;}

[foreverbm.livejournal.com]

Thank you Sam..and yes, I will be calling you because I have no clue how to use the code or where to put it.

Have to go to work in about 30 minutes so I will be back :)

Thanks for your help!