New Template: macstyle v1.0 - for pixelpost v1.6

[tomyeah]

-- Template: macstyle v1.2 - for pixelpost v1.6 --


Description:  

	This is a minimalistic template that should mimic the look of iWeb's black template in terms
	of simplicity and handling.
	It features hover-controls for the prev- and next-image-link 
	and slideshow function ( Author: jdleung ).
	The source code for the reflections on the thumbnailrow is done with Reflection.js v1.6 
	but with fixed links for IE6/7. ( Author: http://cow.neondragon.net/stuff/reflection/ ) 


Installation:

	o>	Admin -> Addons -> Page-By-Page-Archive Addon
		The maximum number of thumbnails in each page of the archive page: 15 -> update

	o>	Admin -> Options -> Thumbnails -> THUMBNAILROW
		How many thumbnails to display in the automatically generated row: 22 -> update

	o>	Admin -> Options -> Thumbnails -> CROP THUMBNAILS? : yes -> update

	o>	Admin -> Options -> Thumbnails -> THUMBNAILS SIZE
		Set thumbnails size, Width x Height: 100 x 100 -> set new sizes (Re-generate thumbs)

	o>	Copy the file "addons/modified_slideshow.php" into the "addon" folder of your
 		pixelpost installation ( delete the old slideshow.php if you installed it before )
 		
 	o>	Copy the "macstyle" folder from "templates" into the templates folder of pixelpost
 		
 	o>	Admin -> Options -> Template -> DATE FORMAT: d M Y h:i a -> update
 	
 	o>	Admin -> Options -> Template -> SWITCH TEMPLATE: macstyle -> update
 	

Things to change for your Personal Information:
	
	o>	Go to image_template.html Line: 66 (search for "site-title-sub") 
		and change the "Lorem Ipsum ..." to your own subtitle, like "This Blog rocks !"

	o>	Go to image_template.html Line: 134 (search for "mailto")
		and change the email(blabla@mac.com) in "mailto:blabla@mac.com?subject..." to your 		
		email-adress.
	
	o>	Go to about_template.html Line: 41 (search for "mailto")
		and change the email(blabla@mac.com) in "mailto:blabla@mac.com?subject..." to your 		
		email-adress.
	
	o>	Go to about_template.html Line: 23-49 and fill in your content that describes your 		
		website. ( you can add as many lines as you want to )

Tip:

	Optimal picture width and height should be around 600px (can be bigger too).

	Don't use too slim images like < 150px;

	Have at least 22 images in your pixelpost blog.

	Categories are not supported. Just use the default category or modify the template yourself.

	The template is not optimized for google yet: h1 h2 and so on. This may be added in further
	updates.


For comments, reviews and suggestions just email to macstyle (‰t) tomyeah (dˆt) com


Tested on:

	Windows XP: 		Firefox 2, Opera 9, IE7, IE6 (page extended to the right, no slide animation)
	Windows Vista: 	Firefox 2, IE7
	Mac OS X:		Firefox 2, Opera 9, Safari, Webkit, IE5.2 (no reflections, no slide animation)


*** Version History: *******************************************************************************

	1.2	-	Now with reflections in IE6, with comments-button in IE6 and IE5.2 (mac).

	1.1	-	Added more browser detecting and fixing code, photostrip disabled in IE6, 
			IE5 and older browsers

	1.0	-	First Version, minor bugs with the photostrip and browser compability

Download: macstyle_v1.2.zip (88kb) ( Updated: 22.05.2007 )

[theMezz]

every filename starts with a "."
does not work on my linux hosting

[tomyeah]

@theMezz: just fixed the download link and some other things ... zipped it this time with winrar in vista ...

regards, tom.

[theMezz]

Originally Posted by tomyeah

@theMezz: just fixed the download link and some other things ... zipped it this time with winrar in vista ...

regards, tom.

thank you for your time!
what is the URL for the download???/

:-)

[tomyeah]

@theMezz ofcourse its the same as the first one, i simply edited the thread. just redownload the file.

[theMezz]

Originally Posted by tomyeah

@theMezz ofcourse its the same as the first one, i simply edited the thread. just redownload the file.

many thanks
downloading it now

[tomyeah]

i fixed now all minor bugs that were left, by adding several browser detections for IE7, Opera, Safari, Firefox. It moves and clips correctly in all my browsers now. if you find any bugs please contact me !

regards, tom.

[andybrock]

gorgeous template tom, i may have to give that one a go soon

[Dennis+]

Looks really amazing Tom, thanks for sharing.

The only thing holding me back is the fact that it has a max width of 600 px. All my pictures are 750px max.

Also the regeneration of the thumbs is holding me slightly back (my thumbs have
a width of 175 px and height of 115px (always)).

There are also some errors with

Error: syntax error
Source File: http://macstyle.tomyeah.com/templates/macstyle/js/builder.js
Line: 1
Source Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

May I suggest you use this: http://www.ndesign-studio.com/demo/c.../css-dock.html for the slideshow, comments and contact buttons.

[tomyeah]

@schonhose: about your picture size ... 600 px in height is just a recommendation because the upper part is quite massive already. 750 px should work as well. about the thumbs ... for the thumbstrip the size would be too big ... id need like 2 different sets of thumbs to realize it. id say its although a matter of taste ...

it looks like i just needed to modify an existing line in my template.
<script src="templates/macstyle/js/scriptaculous.js?load=effects" type="text/javascript"></script>

thats all Download above is updated now.

regards, tom.