Fhi-zin, free AJAX Wordpress theme template for Portfolio and Photography
October 28th, 2008
Fhi-zin is one of the best Wordpress themes for Portfolio and Photography websites on the web, and with its unique design it doesn’t even look like a Wordpress website ! On top of that, its completely driven by an AJAX engine, is Googlefriendly, SEO-optimised and capable of attaching an unlimited amount of images on each post.
Like I said before, Fhi-zin is completely AJAX-driven. It’s powered by my com.bydust.ajax class, which automatically converts a static website into an AJAX-driven website. The theme runs smoothly on computers with javascript disabled, for example older browsers and search engines. Whenever a javascript error occurs - which should be never, but you never know - the ajax class should commit suicide and your theme will run without the ajax-functions. Offcourse that never happens, its just in case ;-)
Fhi-zin will most likely be used for portfolio sites and photography galleries which will use Wordpress as a CMS-system. The possibility of attaching an unlimited amount of high-resolution images to each post can be used to create a separate gallery from each post in your Wordpress site, which you can group in the standard Wordpress categories. There is no maximum dimension size for these images, but if you pick large dimensions some users may have problems viewing the images since they dont fit on their screen. If you keep the dimensions smaller than 1000×700 things should be fine :)
Apart from the unlimited images, you can define external links and downloadable files for each post too. There is a live demo available for you, and the theme is up for download on Wordpress.org.
When the theme is activated, there will be an information page available in your Wordpress administration. This can be very usefull for adding images and links. If you still have some questions or remarks, please post them here.
For all users who want scrollbars in the post/page content text, I’ve made a modified theme which includes scrollbars. You can download it here. If you already uploaded the Fhi-zin theme, you just need to replace the files “style.css”, “single.php” and “js/main.js”.
I’ve found already quite a few websites who use Fhi-zin, here are a few nice examples:
Posted in AJAX, CSS, Javascript, Noteworthy, Photography, Portfolio, Themes, Wordpress
195 views
October 30th, 2008 at 10:30 am
Excellent resource thanks for sharing
November 5th, 2008 at 8:07 am
again you help me out lol, i was looking for a theme like this. thanks
November 7th, 2008 at 5:01 pm
Amazing theme!
November 11th, 2008 at 12:02 am
Hello,
I have a little problem with your amazing theme.
I don’t understand where i must put images (120×120).
I use custom field, but it’s doesn’t function…
If you have a little time…
Many thanks
November 11th, 2008 at 11:45 am
Hi Daniel,
when the theme is activated there is an information page added in the administration page, you can find short information notices there.
Its pretty easy actually, to start you need an image with dimensions 120px x 120px. You can upload that image using the standard Wordpress image uploader ( located in the right top of your editor ). When uploaded you see a small window where you can insert a title and such, you only need to copy the “Link URL” from that window.
In the next step you need to go to the Custom Fields of the post or page you want to add the image to, and create a new field with key “image_small_120×120″ and value the Link URL you copied (you can paste it in the Value-field). Then click “Add Custom Field” to save the data and save your post/page.
I’ve mailed this to you too, in case you don’t look back here. Hope it helps ;-)
Nick
November 11th, 2008 at 12:33 pm
Hey Nick
Thanks for the theme… I would say it is the single most impressive Wordpress theme I have seen… probably because it just doesn’t look like one and it is just so cool… Having said that I haven been able to get the thing to work yet on the site that I have tagged it for simply because the standard Wordpress image uploader seems to be missing. Is there an ftp route that I can take?
Cheers
Greg
November 11th, 2008 at 12:40 pm
Hi gsv,
thank you :)
It doesn’t matter how you upload your images or other content, FTP works too offcourse. I only mention the standard Wordpress uploader because its the easiest way for most people.
If you upload your images with FTP you can’t copy your Link URL as said in the information notice, but I’m sure you’ll find it using the http-protocol when uploaded on http://FTP.
If you don’t have an FTP-client I suggest using FireFTP, which is a plugin for Firefox. You can find it here: https://addons.mozilla.org/en-US/firefox/addon/684
Hope this helps ;-)
Nick
November 11th, 2008 at 12:56 pm
nvm about the previous post… was having a blond moment… uploaded the images but still not working… will play around with it…
Cheers
November 11th, 2008 at 1:00 pm
There’s an information notice added to the main menu in your Wordpress administration when the theme is activated. You can find more information there.
I explained the adding of a post/page- image to Daniel on comment #6 on this post, maybe it helps too ;-)
November 11th, 2008 at 3:00 pm
Hey Nick
Thanks for the reply… I use a static front page with the blog on another page titeld gallery… I tried attaching the images directly to the home page with no success… then tried to attach it to a blog on the gallery page and the page will not initiate? I didn’t really think that I should start hacking code… so I thought that I would post here first and see if you would be kind enough to share your thoughts… thanks
Greg
P.S. Have added the URL of the site that I am using the theme on… Cheers
November 12th, 2008 at 3:36 am
Hey Nick
Just thought that I would post and tell you that I have it initiating fine… It occurred to me to check the downloaded version against the one here… and to replace the version with one downloaded directly from this site and voila! it works… not sure if it was just a glitch but that was the problem…
Cheers
November 12th, 2008 at 10:23 am
Hi gsv,
glad you got it working :)
I don’t understand what the difference could be, the zip-files hosted by free.fr and bestwpthemez should be the same as the one here :s
Well, thanks for the feedback. Now I know that could be the reason if other users have the same problem as you.
Hope you enjoy the theme ;-)
Nick
November 13th, 2008 at 12:30 am
Hi! Thanks for sharing this wonderful theme!
I want to ask you if it’s possible to post single photos or an entire album from my Flickr account.
Thanks i advance,
fabio :-)
November 13th, 2008 at 1:51 am
Hi Fabio,
you’re welcome :)
The ability to get the pictures from Flickr are not built-in, but when adding pictures to a post or page using Custom Fields you can specify the Link URL to the Flickr images instead of the URL to the images uploaded on your own server offcourse. You can see more information about attaching images to a post or page in your Wordpress admin, in the information notice added to the administration menu.
If you know how to code, you can always try to get the Flickr API to work. I haven’t tried it myself, so I can’t help you in this. You can see more information about the Flickr API here: http://flickr.com/services/api/
I’ll keep Flickr-support in mind for my next Theme, thanks for the feedback Fabio ;-)
best regards,
Nick
November 16th, 2008 at 12:50 am
Hi, i don’t understand how to see my images on the first page, i put one page with a picture, but i dont understand what key is it to put on front page… Please help me…
Cheers.
November 16th, 2008 at 1:03 am
Ok i find is not on page in post the key, maybe is a bug? Kan you make a pdf for begginers, like me? thx so much and greatings from Europe…
Cheers, Steve
November 16th, 2008 at 1:46 am
Hi Steve,
you site seems to work fine from what I see.
If your page keeps loading for +- 20seconds, it is because an image cannot be loaded. You can check your images or set the maximum load time to less than 20. See howto website for that ;-)
I guess that was your problem, I see it working now with 2 pictures on the front page.
There’s a small information notice added to the administration menu if the theme is activated, you can find more info about keys and custom fields there.
Hope this helps :)
If not, just post back here or mail me.
Greetings from Belgium ;-)
Nick
November 16th, 2008 at 2:37 am
Hi there, I started building my photography website using your theme and so far so good!
http://imagelegacy.com
Someone tried to open it using IE today and it didn’t work (I’m on a Mac so I can’t even test IE), but it seems to work on every other browser I’ve tested so that’s good enough for me.
Just a couple of friendly suggestions: you might want to mention optimal sizes for large photos (1024×768 is too big) and that blog posts get pushed off the top of the page if too long, though. What are your thoughts about adding a scroll bar to extend the page downwards?
November 16th, 2008 at 2:41 am
Oh yeah, and I’m putting in another vote to make the template Flickr-friendly. I have more than 9,000 photos in Flickr (I am one of the original users) and would love to take advantage of the API.
November 16th, 2008 at 11:17 am
Hi Gail,
just opened your website using IE7, works fine here.
While developing, I’ve tested it on IE7 ( did not have IE6 installed ) and asked other people to test it when it was finished, nobody complained. Can you tell me which version of IE this person was using ?
Its one of the biggest browsers - unfortuntaly - so it would be a pretty big bug if the theme wouldn’t work. :(
The optimal size for large photo’s depends on your visitors’ screen resolution, but since most users don’t think of such things I should probably mention it :))
( Will edit this article here )
About the scrollbar for page/post content: it has been implemented, but it was impossible to align the text at the bottom because I used javascript scrollbars, not the normal browser ones. If you want the scrollbars in the theme, I can send you the file.
Seems like lots of people want to use this theme with Flickr. What options would you prefer? Attach Flickr photo’s or galleries to a post, adding the Flickr galliers as Wordpress categories and their photo’s as separate posts, … ?
I’m not a Flickr-user myself, to be honest my Flickr knowledge isn’t that high. I suppose its possible to attach Flickr photo’s as attached images to posts or pages.
Best regards,
Nick
November 16th, 2008 at 11:26 am
Hello Nick,
You did a great job, and thanks for sharing this wordpress theme.
I just have a few remarks to you:
_ The search box in the upper right does not seem to work with my Safari web browser, when i use the search string i have ”
The page could not be loaded
If you keep getting this the server can be down or somethings wrong with your connection.
404″
for response, while in Firefox everything seems to work properly.
_ I wish put the caption pictures when displayed in large the images (with lightbox I think) rather than “There are x attached images for”, is it possible ?
Thanks again and i’m waiting your response.
November 16th, 2008 at 12:00 pm
Hi Pacman,
thanks for the feedback :)
You can change the “there are x attached images for *” in the file “single.php”. If you wish to put different captions on each picture you’ll need to specify a second custom field for each image in your Wordpress administration. You can add them to the theme by changing the title-attribute on each a-object (link) in the theme file.
I just downloaded and installed Safari ( 3.2 ) and checked the searchbox on the example blog, seems to work fine there. Can you check again after a browser restart ?
The searchbox thingy is pretty basic javascript, if the ajax-script is enabled the searchbox should work everywhere, thats why I’m a bit surprised :)
Best regards,
Nick
November 16th, 2008 at 1:58 pm
Hi Nicks,
Thank you for your answer very fast
I am also with Safari 3.2, the problem persists with me but that’s not very serious.
My problem for my pictures is that I downloaded directly via ftp because I put dozens of pictures and I use the custom fields, so I still hold to the legend.I find in the file “single.php” the sentence “there are… images for”, can i put it as a comments?
Thanks a good luck for a perhaps “upgrade” of your theme or another personal project.
Best regards
Pacman
November 16th, 2008 at 5:40 pm
Hi Pacman,
If you want to put something else there you can just erase that. The caption shown at the images is the text in the title-attribute. If you want the same text on all posts/pages you can change it easily in the single.php, if you want a custom title on each picture its a bit more difficult because you’ll need to code a piece of the theme yourself. ( If you know a bit of PHP you can probably figure it out by looking at the way the image URL’s are pulled, you can do the same for their titles )
I’ll remake the theme with image caption support and support for Flickr API, but its not going to be for the first few weeks. Too much work :(
Best regards,
Nick
November 16th, 2008 at 9:29 pm
Hi,
i create a new field with key “image_small_120×120″ with the Link URL like that http://mysite.com/wp-content/uploads/2008/11/toto.jpg and… nothing.
What’s up ?
thx
ps : sorry, I’m french
November 16th, 2008 at 9:38 pm
Hi seb,
the key you used is correct, can you check if the image is available at the link you gave? I can’t check because you gave a dummy link :)
After you add a Custom Field, it is possible that you need to save the post/page in your Wordpress Administration in order to add the field to your post. I’m not sure of that, but it could be a reason.
other than that, I don’t see why it shouldn’t show up, except cache problems maybe. I just ran through all articles on your site, they all show the 404 image.
best regards,
Nick
November 16th, 2008 at 9:55 pm
Hi Nick,
the image is available : http://www.archiparmentier.com/wp-content/themes/fhi-zin/tools/reflect.php?img=/home.47/a/r/c/archipar/www/wp-content/uploads/2008/11/casquette1.jpg&cache=1&merge_images=1&fade_start=70&spacing=1 but the 404 image is on the post…
Why ?
thx
November 16th, 2008 at 10:07 pm
Hi Seb,
if the theme cannot find a Custom Field with the key “image_small_120×120″ the 404 image is used. I’m guessing you didn’t add the key to the post, or you accidentally made a type error.
I can see an image on the link you have, but it has the wrong dimensions. The image should be 120pixels by 120pixels, to fit into the space reserved for it. That can’t be why its not showing up tho.
If you open the post from the list of posts in your Wordpress Administration, is the key added to the list of Custom Fields? And if so, are there type errors, for example extra spaces ?
Hope you get it to work,
Nick
November 16th, 2008 at 10:29 pm
here is an image 120×120 but the post is like that : http://archiparmentier.com/#/?p=203
November 16th, 2008 at 10:38 pm
Hi Seb,
can you retype the key “image_small_120×120″ in your Custom Field instead of copying it? It may sound stupid, but when I copied your post title I had another character for the “x”. Maybe the script doesn’t recognice the key.
Also, have you tried the version of Fhi-zin listed on the article on this site? Like I’ve said in the mail, gsv had the same problem as you have now and he managed to fix it by overwriting all files of the theme by these from my website. I don’t know if he had the French version tho…
Hope this helps,
Nick
November 16th, 2008 at 10:56 pm
OK, that’s the problem :
the key was image_small_120×120
but must be image_small_120×120
in the firts case it’s X (the letter)
in the second it’s × (alt0215 in the logiciel Word)
November 16th, 2008 at 10:57 pm
Thanx Nick, you’re very cool :-)
November 16th, 2008 at 10:59 pm
Lol, I’m glad you got it working :))
For other people with the same problem: try retyping the key instead of copy/pasting it. It helps ;-)
And thank you Seb, good luck with your website ;-)
November 16th, 2008 at 11:24 pm
is it possible to change the dimensions ? I want to use an image 250px*250px
November 17th, 2008 at 7:32 am
Yes offcourse, you’ll need to change a few things in the code but shouldn’t be that hard.
Keep in mind that you can only display 3 pictures/page then if you want it to be viewable on all browser resolutions, that will fuck up your layout a bit…
November 17th, 2008 at 9:36 am
Hi Nick,
I don’t understand how you make pages with different pictures:
1)
http://www.bydust.com/examples/fhi-zin/#/examples/fhi-zin/
2
http://www.bydust.com/examples/fhi-zin/#/examples/fhi-zin/category/photography/
What i miss to do that?
November 17th, 2008 at 2:55 pm
Hi Steve,
the carousel pictures are shown when a page lists several posts. These are the home page, archives, search results and categories. Normal posts/pages are shown with a little square image at the left, and optional attached images, links or a downloadable file.
If you want a page to use the carousel listing you need to create a category, and add several posts to that category. When a user picks the category he sees a carousel with those posts.
Hope this helps,
Nick
November 18th, 2008 at 12:40 am
Hi Nick,
Thank you for the cool theme! I have some questions to ask.
I have created 2 posts and they work just fine but they don’t show on the initiating page. I guess it should be working automatically. Do I have to do something else?
Another question, I want to put the logo for the title but I don’t know how I can do that. Please help me I’m just a beginner with this stuff.
November 18th, 2008 at 12:58 am
Hi oBBie,
when I enter your page I see the preloader, but it keeps loading for some reason. My guess is that he’s trying to preload an image that cannot be found, but I’ve checked both of your post images and they seem ok. Maybe because of a plugin or the js-file that you dynamically include in the bottom, I don’t really know. If you keep having this problem you can remove the preloader by deleting/commenting out the text “hideScroller();” in index.php, line 52.
About the logo, its embedded in a PNG-file because its a custom font. You can change the PNG-file to whatever you like, its located in the images-folder, “/images/title.png”. I included the font I used in the zip-file you downloaded, its called “scriptina_font.zip”. You can use whatever font you like ofc :)
best regards,
Nick
November 18th, 2008 at 10:48 pm
Hi Nick, thanks for the mods on the scrollbar — it works just fine (and ignore my suggestions about arrows, you’re right — too many arrows!).
November 19th, 2008 at 12:27 am
Something I noticed is that the image gallery is showing an order that is reversed from the order that I give it as keys (image1_file, image2_file, etc.). I tried to find something in the code as to why this happens, but I can’t find any reference. It’s that way in all my posts, no matter if I’m linking to images in my own site’s upload folder or external links to Flickr.
November 19th, 2008 at 7:38 am
Hi Gail,
you’re the first one to notice that, I never thought about the fact that they are reversed.
The cause of the reserve is because I used array_pop(), while it should be array_shift().
You can easily fix it by changing “array_pop($lightboxImageURL);” on line 37 and 39 in the file “single.php” to “array_shift($lightboxImageURL);”.
Thanks for pointing this out :)
About the scrollbars: glad you got it working :)
I’ll add the link to the scrollbar version on the website, seems like a few people would rather like them included.
best regards,
Nick
November 19th, 2008 at 1:57 pm
Hi Nick,
Thank you for the cool theme! Everything work’s welle exept for the first page ( where am i wrong…). The small image do not appear and when i right clic on it and open the link i have this message/
W
arning: file_exists() [function.file-exists]: open_basedir restriction in effect. File(/www_root//home/userhtml/i/n/k/inkzys/3w/wp-content/themes/fhi-zin/images/imagenotfound.jpg) is not within the allowed path(s): (/home/imi_tmp/_php_/uphp:/usr/local/lib/php:/home/userhtml/i/n/k/inkzys/3w) in/home/userhtml/i/n/k/inkzys/3w/wp-content/themes/fhi-zin/tools/reflect.php on line 96 Headers already sent, I cannot display an image now. Have you got an extra line-feed in this file somewhere?
My website adress http://www.inkzys.com
Do i miss something ? certainly yes…
November 19th, 2008 at 3:12 pm
Hi Lulu,
your user account probably doesn’t have permission to browse in one of the root folders on your server (maybe the “/www_root/” ? ).
In the file “index.php” and “single.php” you can find the string “$basepath = split(’wp-content’, TEMPLATEPATH);”, this is used to get the path to the theme-files. Because you can’t access that root-folder, we need to hardcode it, so you’ll need to change that line to
“$basepath = ‘/home/userhtml/i/n/k/inkzys/3w/’;”.
I think that should work, can’t test it though.
Good luck, and let me know if it works ;-)
Nick
November 19th, 2008 at 3:29 pm
Hi Nick,
I tried to delete the preloader in index.php like u sugguested and I can see the pictures appear on the front page. But then I realize that if I post a lot, not every picture will show. I guess if I can fix the problem with plugin or something it should work better and every picture will appear. But still, I didn’t figure that out yet. Can you please be more specific what I have to do with plugin? Thanks!
November 19th, 2008 at 4:18 pm
Hi oBBie,
the maximum amount of pictures on each page is 7 ( in the carousel pages, that is ), no matter how much post you have. I inserted the preloader because some browsers only displayed half the image while it was loading, thats why i inserted the preloader to hide the images until they were fully loaded. Without it you’ll see a part of the image on some browsers, but when its loaded ( one or two seconds mostly ) it will appear normally.
The malfunction can be caused by practically any plugin that changes your source code. You can try to disable any plugins you have and see if it works then. If it does, one of the plugins is causing it. Doesn’t mean you have to disable that plugin permanently tho, the website works fine without that little preloader too :)
best regards,
Nick
November 20th, 2008 at 11:34 pm
Hi Nick! Congratulations for one of the best themes coded and designed for Wordpress!
I followed the instructions correctly but I have a few questions.
1. The posts only show up if I write a post (with its category) but not if I write a page (e.g: home, contact us , about us etc…)
2. The sidebar is empty
3. How to display pages on homepage and sidebar?
I’m using Wordpress 2.7 Beta 3
The site is now using Spanish language, however the text will be translated to english soon. I removed the “date code” from single.php because i’m using Wordpress as CMS not as blog or portfolio.
Thanx in advance and keep up the good work!
George
November 20th, 2008 at 11:58 pm
Hi George,
to display your page menu you need to place the pages-widget in your sidebar. You can also use the category-widget to display all your categories ( image carousels ). Thats also why your sidebar is empty :)
Only posts will show up in the carousel view, pages won’t (except for search results). That is because the carousel view replaces the standard wordpress post listing.
Hope this helps you ;-)
Nick
November 21st, 2008 at 12:23 am
Hi Nick Thanks for your quick reply!
The last question (hope my questions are useful for another people as well)
How to add a welcome text above the carousel on the homepage?
Thanks a Lot!
Best Regards,
George
November 21st, 2008 at 12:33 am
Hi George :)
thats pretty easy, you can define a static page instead of your latest post in your Wordpress administration, under “Settings” > “Reading”.
Select the page you want as a homepage here.
When editing that page, you can use page templates. (its somewhere underneath your page editor). Choose “Home” as page template, this will make your latest post appear underneath your hometext.
Best regards,
Nick
November 23rd, 2008 at 8:15 am
Hey Nick…
the theme is going great thanks again for your help before… I hopped on here to ask you if there was any way I could get scroll bars working because the text is too much for the pages and lo and behold… Gail has already sought and found… :)
In post 42 you mention a link to the scrollbars version… I couldn’t find it (but then I could just be blind) could you send me the mod or direct me to the link please…
Cheers
Greg
November 23rd, 2008 at 2:26 pm
Oh also thought I might mention something that I “found” when installing the site… for your comment… I use a custom file system and ftp upload on my site… I don’t use the wordpress image uploader (using Filezilla for too long now to change)… it is my habit to file all images in their own folder structure directly in the www / public_html folder and load them from there… this works fine for the lightbox images but does NOT work at all for the thumbs… they simply refused to display… so in a fit of genius (or madness… same thing really :)) I moved them to a folder in the uploads directory that wordpress defaults to and voila she work! I assumed at the time that the theme is coded to work this way but didn’t investigate further… I just thought that i would mention it so you could confirm or not the expected behaviour… thought it may assist someone if they use a similar upload regime to me…
Cheers
Greg
November 23rd, 2008 at 4:55 pm
Hi Greg,
I’ve added the scrollbar version in the original article above, you can download the new file and replace the files “style.css”,”single.php” and “js/main.js”.
The cause for that image malfunction is that all files that have reflection in the site ( IE all image_small_120×120 images on posts/pages )have to be located inside the wp-content folder from your Wordpress installation. This is necessary because I ask the file’s local path using the Wordpress variable TEMPLATEPATH. ( I’ll change it in the next version :)). I never thought of the fact that people could upload these images somewhere else too, I’m sorry.
Best regards,
Nick
November 23rd, 2008 at 7:14 pm
I was searching for this template - nice work! I translated and used it for my photographic portfolio. Thanks!
November 24th, 2008 at 2:17 am
Hey Nick
Thanks for that… I figured that it may have been coded to operate like that and it didn’t cause me any real issues (I can work around it) The only reason that I mentioned it is in case anyone else did the same thing and then they would already have the answer here…
Cheers
Greg
November 24th, 2008 at 2:58 am
Hey Nick
Thanks the scroll bars are fantastic… and very tasteful… the clean look of the site is wonderful…
Also thought that I should mention that on a “download_file” that we use (we have a screensaver downloadable on the site atm) when someone clicks the ‘download’ link it thinks away for a while then gives us
“External location
I can’t parse content from the retrieved data.
The page you requested will open in a new window, and you will return to the previous page shortly.”
which does exactly that, so it is workable, but is this the expected behaviour? On the example site, on the ‘download’ link, on the ‘Random city pictures’ blog it has the same behaviour, but without the warning message? Is it expecting a particular type of extension? like .zip / .rar / .tar ? We have just put the straight image there which has a .scr.gz (Gzip) extension… or is it something completely different… it works but the warning message showing up isn’t really expected…
Cheers
Greg
November 24th, 2008 at 5:09 am
Hey Nick…
On further testing I realised that the scroll bars are not displaying as intended and they are receiving a generic rectangle instead… this is consistent on Firefox/Safari/Opera/Flock on my machine which runs Ubuntu Hardy. My guess would be the Java implementation locally? Have sent you an email with screenshots so that you can see for yourself…
Also on the Mac downstairs (running 10.5) it displays fine in Firefox but in Safari it has weird colours displaying behind the text… Again Java implementation?
I don’t have screenshots of this behaviour but can get them if it would help…
Thought you might like the feedback… (I hope you don’t mind me pointing these things out… it is second nature to me… I used to break software for a living… fun!)
Cheers
Greg
November 24th, 2008 at 7:33 am
Hi Greg,
you can add disallowed extensions to the script, for example “zip”,”rar” (which are standard in it), and your “gz”-cabinet. This will tell the script to ignore the filetype and let the browser handle it ( IE download it ). You can do this with the code “bda.disallowedExt.push(’gz’); “. If you zip the file everything should run ok without any modifications. In the next version I’ll add an array with allowed extensions like “html”, “php” and such, which is a bit easier… :(
I’ve tested the scrollbars on all machines I could get my hands on, including macs ( but probably not all browser types ). Can you send me a screenshot ? And does the browser spit out javascript errors ?
The weird colors can be caused by browser cache. The first CSS-file still had the debug colors in it, thats why you had to overwrite it.
Thanks for the feedback :D
I do appreciate it, with user feedback I can try to erase these problems from the next version :)
best regards,
Nick
November 25th, 2008 at 12:46 am
Hey Nick
Sent some more screen shots… the behaviour of the scrolled frames, the title.png and the thumb icon is to move with the page if you resize the browser by dragging.
You will see what I mean… also the scroll bar adds every time so it ends up as a nasty grey blob if you do this a few times… again a picture is worth a thousand words…
Cheers
Greg
November 25th, 2008 at 11:57 am
Hi Greg,
I know the theme isn’t fit for resolutions under 1024*768, and I can’t make it display properly without losing parts of the theme, for example the title, sidebar or footer.
I checked the screenshots you’ve sent me, and it looks like shit :D
I’ll check if I can remove and reinitiate the scrollbar whenever a resize-event occurs, but it won’t be for this week. Haven’t got time yesterday for the IE-check either because I have too much work, I’ll try to do it next week. Will get back to you when its fixed :D
Thanks for the feedback, and sorry for the delay
Nick
November 26th, 2008 at 1:18 pm
Hi Nick,
Thanks a lot for this fabulous theme !
First, i am french and i don’t speak a fluent english, and secondly i am not a developer.
I have 2 or 3 little bugs :
1 - in my website the “next” and “previous” icons in a post are reversed (I have not seen this problem on your demo website, but this bug exist also on namouda website)
2 - under IE, the bullet style doesnt works
3 - i wanted to order the categories by id number in the widget but i didnt success
Best regards,
Manu
November 26th, 2008 at 4:34 pm
Hi Manu,
I’ve noticed that the next/previous buttons aren’t working as they should be, you can change that by swapping the two functions “next_post_link” and “previous_post_link” on line 62/63 in the file single.php. This seems to be a Wordpress error, I’ve read about it on their Codex too :(
There are several plugins available to put a custom order in your category list, maybe you can try one of those? The Wordpress Category widget is standard and has nothing to do with Fhi-zin, so I can’t fix it :)
I’m sure you’ll find some working plugins with a Google search. I don’t know if they all have widgets however.
As for the IE-problem, I’ll look into it next week when I have some spare time. Seems like there are a few things that need fixing there :D
thanks for the feedback,
Nick
November 26th, 2008 at 6:33 pm
Hi Nick,
Thanks a lot Nick, i change the functions and it works well !
For the categories i tried “my categorie order” but it didnt work …
Manu
November 27th, 2008 at 12:05 am
Hey Nick,
I’m trying hard to fix a problem with the website http://www.rinskedouna.nl. The picture I want to be shown does not work. I used alt0215 between the numbers (120) but it still cant find the picture. Where am I going wrong. The photo is stored at http://www.rinskedouna.nl/album1.JPG
Greetz,
Robbie
November 27th, 2008 at 12:28 am
Hi,
Me again. I now put the image in the normal upload map (www.rinskedouna.nl/wp-content/uploads/2008/11/) but it still wont work. What is my problem?
Robbie
November 27th, 2008 at 1:59 am
Hi:)
Been using this on a test site, there’s a bit of a learning curve but its so elegant I was willing to invest the time and next I’ll be installing it on my ‘for real’ site. A couple things that may help others: I had trouble getting the images to load as well but the way I solved it was to name them EXACTLY what the info inside the dashboard says to, for example, not blahblah1.jpg but each image in order, named “random_image-1.jpg, random_image-2.jpg” etc. All the images are uploaded to the ‘images’ folder that’s already there, NOT a seperate one or added one. I also uploaded the theme file from this site and reloaded it. I dunno which one of those things actually worked but having done all of them and seeing that its all loading correctly, voila, so do it! LOL follow the file info EXACTLY and you’ll have fab effects:) thank you so much this is a gorgeous theme. Oh yeahhh and it works with Podpress:)
November 27th, 2008 at 4:45 am
An FYI — you don’t have to name the images in the order that you present them, or any syntax at all. In fact, Some of my images are pulling from my domain’s server, but many of them are linked to an external source like Flickr, which resizes uploads automatically (one size is 500px width max, the next is 1024px width max). It saved me a lot of time and of course some bandwidth. If I want an in-between size (eg. 800px width), I’ll upload it to my site. But my point is, as long as the key value is in sequence and the URL is correct for the image, it will load.
My site: http://www.imagelegacy.com
November 27th, 2008 at 9:26 am
I still cant get it to work. Will it only work with wordpress 2.7?
November 27th, 2008 at 2:04 pm
Hi Robbie,
the image has to be inside the /wp-content/ folder of your Wordpress installation, but I see you already figured that out yourself. The reason why its probably not working is because you typed an error in the key. Can you try to retype the key “image_small_120×120″ ? The “x” charachter is a normal x, don’t ask me the ascii code :D
If you copy/paste it it might be pasted as another charachter, thats mostly the error.
I can’t tell by what I see from your site, but it could be a security problem too. Look at post 43 and 44 for the question/answer of someone else who had this problem.
The theme itself should work in all Wordpress versions currently used, so that shouldn’t be the problem.
Best regards,
Nick
/*************************************/
Hi Res,
like Gail already mentioned, the filenames of your images don’t really matter, the file location only matters for the “image_small_120×120″ images.
The last thing you mentioned probably did it, I already heard from a few other people that they got their problems solved by uploading the version I host on my site. Can you tell me where you downloaded the first version? I’d like to contact those ppl :)
Thanks for the feedback, and for informing me of the existance of Podpress ;-)
best regards,
Nick
@Gail, thanks for answerring :)
November 27th, 2008 at 2:57 pm
Hey Robbie
It works with all wordpress versions… bit by bit this can be sorted… firstly where are the image files that you are trying to access stored… they must be somewhere under uploads in wp-content… eg http://www.yoursite.com/wp-content/uploads/some_folder_in_this_path/som_image.jpg (or other picture extension)… Secondly just try typing 120×120 (using the x key not alt0125) alt0125 maybe worked for Seb but I had the same problem and the simple ‘x’ key worked for me… the main thing is DON’T copy and paste that section… 3) You have two images on the site… and lol it looks like you figured it out cause 1 of them just worked… :)
November 27th, 2008 at 3:05 pm
Hey Nick…
I got mine from http://www.bestwpthemez.com/
Cheers
Greg
November 27th, 2008 at 3:05 pm
The first one, that I replaced… :)
November 27th, 2008 at 6:03 pm
Thanks Greg :)
I’ve sent them a mail, asking if they could link to the one on my site or replace their version.
November 27th, 2008 at 10:09 pm
Hi Nick,
I want to add pictures to a certain post (http://www.rinskedouna.nl/#/?p=8) but it does not work. I use blauw1.jpg as key and the link (http://www.rinskedouna.nl/wp-content/uploads/2008/11/blauw1.jpg) as value. What am I doing wrong? I mean.. i dont see the picture appear on the page.. That is not good.
Greetz,
Robbie
November 28th, 2008 at 12:41 am
Hi Robbie,
I suggest you read the manual, its included in the theme. When activated, it will appear in your Wordpress administration…
best regards,
Nick
November 28th, 2008 at 9:14 pm
I just spend a very long time, trying each and everything to get the 120×120 thumbnail to show up, before noticing that my gdlib is too old. So for everybody else, who seems to not get it to work, try updating. When in doubt, you can try a direct function call to ‘wp-content/themes/fhi-zin/tools/reflect.php’ and it will tell you the version it requires.
Just thought I share that :-).
Thanks for a great theme.
November 29th, 2008 at 1:02 am
I’ve read that manual and it does not work. So what am I gonna do.
November 29th, 2008 at 11:37 am
Ask politely to start with.
The manual tells you to use the key “image_small_120×120″, thats why I told you to read it :)
I only see two possible reasons why it shouldn’t work, if you typed the key right.
The first one is the thing Florian mentioned above (thanks for that Florian :) ). You can make a direct call to the reflect.php-file, if it gives you the error Florian mentioned two posts above thats the reason.
FYI, GDlib is a php library which contains functions to modify images.
The second reason I can think of is the security thingy which I already told you about in reply #69.
You’ll have to change a piece of code to get that working, its explained in reply #43/44.
Best regards,
Nick
December 5th, 2008 at 2:40 pm
Hi Nick,
Just a little comment to say that the theme doesn’t work with ie6.
I needed to format my pc, and the result with ie6 is
http://www.emmanueldassonville.fr/tmp/emmanueldassonville_ie6.jpg
best regards
Manu
December 6th, 2008 at 12:17 am
Hi Manu,
I have already received screenshots of Fhi-zin in IE6, they are completely fucked up :(
Have no idea what causes it, will look after it when I have some spare time.
I planned to look into it this week, unfortunately my college decided otherwise. It’s on the top of my todo-list :)
Anyway, thanks for the feedback :)
best regards,
Nick
December 6th, 2008 at 6:38 pm
Hi:)
I downloaded and installed the version with the scrollbars but now all the pages inside the iframe are pink and green. What do I change to make them the same lovely shade of gray the page was before? So classy looking but not with bright pink and green. hehe Thanks! resmerized.com btw, still workin in it:)
December 6th, 2008 at 10:49 pm
Hi Res,
just replace the style.css file with the file from the scrollbar-version of the theme. That should do the trick :)
best regards,
Nick
December 6th, 2008 at 11:14 pm
silly ftp proggy…hehe thank you!:)
December 7th, 2008 at 10:47 am
hi,
congratulation for this really great theme!
work fine for me, i’ve just a little problem: lightbox doesn’t seems to work for me :/
anyway to enable it?
thx
December 7th, 2008 at 11:36 am
Hi Morphoz,
thanks ;-)
I don’t see any post on your website where a lightbox image should pop-up. Basically all you need to do is adding custom fields, just like the image_small_120×120 images. The key for attached images is “image1_file”, where the number increases on each image. IE. “image1_file”, “image2_file”, “image3_file”,…
Is this your problem, or have you added these fields and the links aren’t shown in your post?
Beware that you have to start counting from 1, otherwise the theme won’t show any lightbox links.
Btw, I like your splash-screen :)
best regards,
Nick
December 7th, 2008 at 3:26 pm
hi nick, thx for ths splash screen :)
there is one post for the moment using “image1_file”, “image2_file” custom field,
it’s on: http://m-lariviere.fr/blog/#/blog/?p=44
but when i clic on the link, i only show the second pic without lightbox :/
target pics are on my ftp, not on flickr (if it could help) ^^
December 7th, 2008 at 3:50 pm
Hi Morphoz,
I took a look at your source code, and I see that you have some plugins enabled, among others a lightbox plugin or one that uses lightbox ?
Can you try to disable these and see if it works ?
You can enable them one by one to see which one causes the error.
The script has no problem with images hosted on Flickr btw ;-)
best regards,
Nick
December 7th, 2008 at 4:58 pm
Hi Nick,
Firstly, well done on the template. Real nice. Just super.
Secondly, on our website, when opening in IE7, the Ajax/JS pictures do not open. The loading screen pops up yet does not load at all. Sure works on Firefox just fine.
Lastly, is it possible to limit the scrolling bar feature on the contact form so it displays on the entire page without scrolling it? Basically, take it out entirely.
Could you find it in your busy day to find out what needs to be done?
Appreciated,
Eric
P.S. Morphoz, I like how you placed that picture in the body of the template after you click an image from the Ajax carousel. Can that be done so that after clicking the homepage pic in the Ajax carousel, it goes to like what you have done, then when clicking on the pic itself the gallery automatically comes up? (Instead of clicking on where it says images above the pic’ to open the gallery?) Nick if you can explain this that would be great also. Thanks again!
December 7th, 2008 at 5:30 pm
Hi Eric,
the preloader keeps running in IE7 too on my pc, there must be an image that cannot be loaded. You can try to disable all plugins, which may solve your problem, or just remove the preloader which is a bit easier :)
You can remove it by deleting the line “hideScroller(); // show preloader” in index.php.
There are two themes available for download, one with scrollers in the content and one without. You can simply download the one without scrollers and replace the files “style.css”,”single.php” and “js/main.js”.
You can use a static page as home page instead of the carousel of latest posts. There’s an option to set this up under Settings - Reading ( i think ).
best regards,
Nick
December 7th, 2008 at 7:22 pm
Thanks for the feedback Nick.
I’ll let you know if everything is proper when I have the time to make the changes.
Eric
December 7th, 2008 at 7:22 pm
yes! it work fine now thanks, the problem seem to came from ‘lightbox2′plugins :) . flickrRSS and FlickrManager plugings ‘disable’ the fade black screen effect.
thank you for your reactivity ^^
hi Eric,
sorry for my limited english (lol) but i don’t really understand what you’re talking about :/
if you talk about pics shown in the center of the post after clicking the carroussel, that’s just some pics inside posts linked to my flickr (or not ^^)
maybe it’s not what you mean :/
December 8th, 2008 at 6:47 pm
Hi again.
Seems IE6 does not recognize any of the sites being used on this mini forum correctly. I have visited all of them posted here and they all have a problem with squishing the home page carousel pic’s and text to the top. Now, so far, IE7 is working now, except it will not recognize the right hand menu. All is good in Firefox and Opera.
Any suggestions? Possibly load IE6 and view? Let me know when you have the chance. I’d like to shower you with some love from my end, but if we can’t get it to work I’ll have to scrap the work …sadly.
Morphoz, yes thank you :)
Eric
December 8th, 2008 at 11:29 pm
Hi Eric,
I know Fhi-zin looks fucked up in IE6, looking into it when I find the time. I think IE6 doesn’t support some CSS-properties used, but haven’t had the time to find an error. Will post an update when done :)
best regards,
Nick
December 9th, 2008 at 2:41 am
Hi! First of all, thank you so much for the theme. Once I saw it I actually made the switch from Joomla to Wordpress to use it. It’s just what I’ve been looking for my online portfolio.
Questions, would I be able to have a drop down box for just one of my parents categories? I’d like to have my categories listed (by type), and then a parent category called “list by program” that expanded into all the program names. How can I do this in your theme?
Just noting, I’m new to Wordpress and my skills are more on the graphic/design side than coding, but I do know a little.
Thanks!
Marie
December 9th, 2008 at 8:27 am
@myself. I downloaded my first wordpress widget for expanding the categories and it works beautifully.
Now I’m looking for a way to make the icons (after clicking on the thumbnails) to be slightly bigger. I would have to change the link, or something more complicated wouldn’t I? Please tell me how.
Thanks,
Marie
http://swaps4less.com/wp/
December 9th, 2008 at 9:32 am
Hey Marie,
the way your categories are shown ( in the sidebar * ) has nothing to do with the theme you’re running. There are serveral category widgets available for Wordpress, and there’s one available in the standard installation ( although I don’t know if its very customizable or not ).
Which icons do you want to make bigger after clicking? The post images in the carousel ?
You can do this in the file “js/main.js”, change the scale on line 30. “BDEI.scaleHover = 1;” is the default value.
Can you tell me where you’ve seen this theme on Joomla?
best regards,
Nick
December 9th, 2008 at 10:44 am
I did download a widget for the categories, and seems to work well so far :D
I would like to see the carousel images stay the same, but when the post loads have the image just a little bit bigger. Is the code set up for two different images or at least sizes?
What would I change the code: “You can do this in the file “js/main.js”, change the scale on line 30. “BDEI.scaleHover = 1;” is the default value.” to to make it just a tiny bit bigger?
Thanks!
Marie
December 9th, 2008 at 1:30 pm
Hey Marie,
with the code I gave you can change the image scale in percent (1 = 100%) in the carousel, not in the single post view.
If you change the custom field key that is used in single.php you can use two different sizes :)
just change “image_small_120×120″ in the single.php file into something else.
best regards,
Nick
December 9th, 2008 at 1:45 pm
Wonderfull!
December 10th, 2008 at 9:46 am
hi again, all works fine, i’ve just a questions / suggestion :p
it could be really nice to have an hiden panel like this one : http://themes.koch-werkstatt.de/#
widgetable, and usefull to acces directly to (for exemple) the latest comment/ admin acces / twitter upadtes,…
i dont know how to add it but i try if you allow me to do :p or if you have some time to :D
max
December 10th, 2008 at 10:20 am
Hi Max,
I don’t really understand what you’re trying to say, to be honest :p
You can add widgets to the sidebar, they will be displayed at the right side of your screen. ( if thats what you’re looking for).
best regards,
Nick
December 10th, 2008 at 10:20 am
hello,
thanxs for this beautiful template,
I would like to know if you have a trick to make it works on ie6 ?? because I know lot of person who still have IE6 :/
I test your site exemple on IE6 and it doesnt work to
many thanxs again !
December 10th, 2008 at 10:23 am
Hi cr0s,
fixing the theme for IE6 is on my todo-list :)
I suggest you to get an update tho :p
best regards,
Nick
December 10th, 2008 at 5:22 pm
yes i can add widget off course but to keep the minimalist and ‘clear’ aspect of the website, calendar & page widget are enough :) so, with this panel you have 3 column to add whatever you want and you’re able to show/hide the sliding panel (to put your links list for example or login form,…)
i used this template before your ^^ and find this feature useful ^^
it’s just an idea :)
December 10th, 2008 at 5:31 pm
if you want you can implement it, but I won’t do it. ;-)
Wish you good luck tho, let me know if it worked out well.
cheers,
Nick
December 11th, 2008 at 2:21 pm
Thank you for this information. :)
December 12th, 2008 at 1:25 am
Keep us updated about fixing the theme for IE6.
Thanks!
Marie
December 12th, 2008 at 1:27 am
Hi Marie,
it’ll take a while, I have some other work to do first (unfortunately) :( .
I’ll add it to the article when its done ;-)
cheers,
Nick
December 15th, 2008 at 9:06 pm
Hi,
awesome theme you got here! :) Anyway, I’ve got a few questions:
1. is there a way to remove the comments bar at the bottom?
2. also, is there a way to remove the date from the posts?
Thank you so much!
December 15th, 2008 at 10:23 pm
Hi Mela,
thanks :)
You can remove both the comments bar and the date from the posts in the file “single.php”. The date should be right after the “the_title” function, do erase the comments bar you need to delete the function with parameters “one comment”, “comments, “comment” or something like that. Can’t remember the name of the function :)
best regards,
Nick
December 16th, 2008 at 12:09 am
Wow! Thanks for the quick response.
I was able to remove the date succesfully, however I can’t find the function for the comments, though :O Any tips?
Thanks!
December 16th, 2008 at 12:29 am
Hi,
i’m sorry, gave you the wrong file. You can delete everything inside the comments quotes on line 11 in the footer.php file. ( the “begin comments_title” and “end_comments_title”, but keep the comments intact.)
hope this works better :)
bye ;-)
January 4th, 2009 at 11:52 pm
Hello,
Thanks for this beautiful template…
But…
I don’t manage to see the added images in the same way as on the site of example (http://www.snackirak.com/#/?page_id=353). And I don’t understand why… Is there a secret ?!
A small help would be welcome !
Thank you in advance.
Lili
January 5th, 2009 at 12:18 am
Hi lili,
You need to upload a square 120px x 120px image, copy the link and add it to the post using the Custom fields. The key is “image_small_120×120″. (Retype that, don’t copy).
there’s an information notice added to your Wordpress administration, its mentioned there too :)
best regards,
Nick
January 5th, 2009 at 2:36 pm
Hi,
Thank you for your ability to react, Nick.
I realize that I badly explained my problem : I would like that my images are all visible (it’s not the case at present : try to click on “View images”) and appear as those of your example (http: // http://www.bydust.com/examples/fhi-zin/*/examples/fhi-zin/four-random-images/) when you click on “View images”. I used well, nevertheless, “custom fields” but unsuccessfully.
What did I miss ?
Lili
January 5th, 2009 at 2:49 pm
Hi Lili,
I’m sorry, I misunderstood your problem.
Attaching images to a post goes the same way really, the only thing that changes is the key name.
First of all, make sure all your images are uploaded *somewhere*. Doesn’t have to be in your Wordpress folder, they can also be hosted on Flickr or whatever. Make sure you have the URL’s to those images.
In your post/page, you can add an unlimited number of Custom Fields. For attaching these images, we’ll use the “image1_file” key, where “1″ changes to the number of the image offcourse.
The value of the key will be the link to the image.
For example key “image1_file” with value “http://www.bydust.com/images/image1.jpg”. If you add more images, be sure the numbers follow up, like “image1_file”, “image2_file”, “image3_file” etc. When they are all added, save the page/post and they should appear on your site.
Hope this helps you out :)
best regards,
Nick
January 5th, 2009 at 6:20 pm
hi Nick
i activated the fabulus theme and i have this problem with the header.
Warning: Cannot modify header information - headers already sent by (output started at /home…wp-config.php:145
what can i do;
thanks
January 5th, 2009 at 6:33 pm
Hi Pigeskryas,
the wp-config.php is a core file of Wordpress, it holds the username, password, mysql-database name etc. This file only displays output if an error occured, so you probably had an error on the server.
Everything seems to work fine now, just visited your website :)
If you get this error again, I suggest you contact your host to ask them if they had problems with server software on your account or try to reinstall Wordpress. As far as I know no Wordpress theme can cause this.
best regards,
Nick