Suffocate template finally released

[jgrayson]

i've had many people ask me about using this template and i'm happy to say that it is finally available to the pixelpost public to use. i'm sorry it took so long but the original template was hacked together and i wanted to complete rebuild it before releasing and just haven't had the time..... hopefully those who have been waiting are still interested in using it, if not then i hope there are others out there who are

TITLE: suffocate

SCRIPTS USED:

• ImageFader (by Richard Rutter http://clagnut.com/sandbox/imagefades), because IE has issues with opacities and can leave an image with a undesirable speckled effect i modified it so the fade script will only trigger with non IE browsers. it will just load normally in IE.
• BoxOver (from http://boxover.swazz.org/). this was slightly modified for the look i wanted and so it wouldn't conflict with the imagefader script

NOTES:

• this template is specifically designed for photos with a width of 700px and thumbnails sized 60px x 60px. it works with photos that have a width smaller then 700px but there will just be some extra white space to the left and right side of the photo. if you want to use larger photos then feel free to modify the template but there will be a lot to modify to keep everything uniform.
• i put in a generic logo sized 200px x 42px, if you want to change that just create a new logo sized at 200x42, save it as header-logo.gif and drop it in the images folder inside the suffocate folder.
• both xhtml and css valid
• tested in both pixelpost version 1.5 and 1.6

DOWNLOAD: http://suffocate.us/suffocate.zip

you can see what it looks like here: http://dev.johngrayson.com (this is just a demo site so don't leave real comments )
you can see a slightly customized/modified version of the template on my actual photoblog here: http://suffocate.us

if you have any questions or run into any problems let me know. if you decide to use it please let me know so i can check it out, and so i know i didn't waste my time rebuilding it

enjoy

[westup]

THX,I useed it,http://www.mutaxia.cn/photos/

[blinking8s+]

very cool!

[Cass]

I love this template. Thank you for finally making it public.

I liked it so much, I finally moved my pixelpost install from my sandbox/beta site into full production.

http://www.errantpixels.com/

[elmaya]

Nice!! Now is my template at www.pochorno.com

Thanks!.

[Joe[y]+]

you are my hero.

[jgrayson]

thanks for the comments, i'm glad you guys are enjoying it.

i've been insanely busy lately but when time permits i'm going to start working on a new template for my own site and hopeful even a few more which i will make available for you guys to use.

[Cass]

Originally Posted by charmarie

I'm now using the template on my photoblog. I found it fairly easy to manipulate however I have one question regarding the border in the header, how do I change the color of it...I must have spent alot of time looking at the code because I'm sure I've missed it. Any help, always appericiated.

Thanks,
Char

The thin line between the navigation and main body area? That's a gap between the divs, so whatever your body background (image, or color) is should be there. If you wanted some color there, I guess you could tweak the css for the navigation div for the margin-bottom and set a border.

[jgrayson]

Originally Posted by charmarie

I'm now using the template on my photoblog. I found it fairly easy to manipulate however I have one question regarding the border in the header, how do I change the color of it...I must have spent alot of time looking at the code because I'm sure I've missed it. Any help, always appericiated.

Thanks,
Char

Char,

Cass is correct. that thin line between the nav header and the main photo area is a 1px bottom margin on #navigation:

#navigation { 
	text-align: left;
	width: 730px;
	padding:0;
	height:42px;
	margin-right: auto;
	margin-bottom:1px;
	margin-left: auto;
}

if you want it to be a solid color then take out "margin-bottom:1px;" and add a 1px bottom border like this:

#navigation {
	text-align: left;
	width: 730px;
	padding:0;
	height:42px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #COLOR HERE;
}

that should work....

do you have a link to your photoblog?

[ScarySquirrel]

Great template dude, Ijust have one question.

I want a logo that is 400px wide, I have uploaded the file and changed the image_template to 400px, but when it is uploaded it covers up the 'Galleries' and 'About' button.

Is there any way to fix this?
Thanks