Ebony Gallery2 Theme
2008年02月25日 05:33 • 查看 6,612 次 • 打印本文I’ve developed a new theme “Ebony” for personal use. It’s based on Carbon theme.
Here are a few of screenshots:
Ebony Theme Main features:
1. Javascript Effects.
1) Thumbnail Reflection.
It likes Mac Gallery. Using this Js reflection effects you dont need to use imageframe.
2) Built in Lightbox using mootool javascript library.
It’s not famous prototype lightbox. It’s a mootools lightbox, which is smaller and better than prototype’s. The js file plus mootools lib file is about 54KB in total, the prototype lightbox is about 104KB. Also, using this lightbox you can click the thumbnail don’t need to wait the page loading completely.
3) Sliding Sidebar
A new Js file for mootools.
2. Seach engine friendly.
1). Page title changed to like this:
Gallery - Album - SubAlbum - Photo Name
2). Use h2, h3 tag in Photo name and link to photo page.
Theme Demo
Browser Compatible:
Ebony is compatible and fully tested with IE 7, Firefox 2.0+, Opera 9.0+ and Safari 3.0+. It doesn’t work very well with IE6. There is a Js(PNG) problem and a css problem. It’s not very difficult to fix them. But I’ve been recently a bit busy. So currently I have no plan to do this. IE6 sucks.
Gallery Compatible:
It has been only tested with Gallery 2.2.4(I am currently running this version). But It maybe work with other 2.x versions, not tested.
Theme Download
There are three versions you can choose one.
1. English Version:
http://www.tuwang.org/files/Ebony_English.tar.bz2
2. Chinese Simplified:
http://www.tuwang.org/files/Ebony_Simplified_Chinese.tar.bz2
3. Chinese Traditional:
Please download Chinese simplified version above. Then download the icon set here:
http://www.tuwang.org/files/buttons.png
Use this png file to replace ebony/images/buttons.png file.
Installation
* After unbz2 the file, you’ll see there are two folders: themes and modules. The themes folder contains main Ebony theme, just upload it to your gallery theme folder. Modules folder contains some module templates. If you use those modules, you can upload them to your gallery’s corresponding module folder.
* The PSD files of logo and buttons included.
* Change the ad banner on the top.
Just edit /ebony/templates/ads.tpl, change the image file to yours. If you don’t want it, just remove the div content.
Next Release
1. Remove all tables, fully div + CSS structure.
2. Add more Js effects. (e.g., change the background color of photo page, Sliding MicroThumbnail View)
3. Remove unnecessary div tag in .tpl file.
4. Make CSS file more clear.
Bugs, problem, question please post here.
** Please don’t remove the credit message in the theme footer**
——
If you like ebony theme and want to show your appreciation by donating some money, Here is a button for you!
Je55e(Jesse Lee)
http://www.zzvo.com
Hi Jesse,
How could I put my navigation bar just like the website http://www.tuwang.org ? I mean, no sliding bar, a fixed bar at the right just like that website.
Thanks for the great theme!
Cedric
@Utsav & Abhishek
sounds It’s not the theme problem. try search in offical Gallery forum.
awsum them guys…but a problm…am using this theme on ma wallpaper website…i have 4 albums…
the 1st 3 r fine but whn i upload new wallpapers to the 4rd wallpaper now, it does not makes the thumbnail n nor it shows the wallpaper…only the full view is working…
plz look into it….thx a million n keep up da gr8 job
please look to my problem also which i have posted earlier
@Messaoud
edit album.tpl.
Hi,
I try to remove the Lightbox like Mike but I didn’t find the code to replace.
Can you help me?
Thanks a lot,
Messaoud
Hello buddy. you have made a awesome theme. i started my wallpaper site yesterday using your theme but the problem is that all the images which i uploaded today are not showing up in thumbnails. all the thunmbnails are showing a broken image icon.
Please help me
Having problems with the installation. I am running 2.2.4 of gallery. I have uploaded the ebony directory to the themes folder off the root of gallery2. However, when I click the themes option in Gallery, EBONY is not showing up.
Any suggestions?
Never mind. I located the code and replaced it with the lines from the Carbon theme. No lightbox now.
This is a great theme. Thank you.
Please help. How can I disable the lightbox?
I have audio files on my “photo” gallery as well as photos and when I click on an audio icon, the lightbox effect freezes.
It might be easier to just disable the lightbox completely rather than create a routine for handling audio files.
Anyone help with this? Thanks!
Mike
Hi Vitus,
Your suggestions is very good.
But I’m sorry. I’m afraid I can’t spend more time on Ebony theme in this year.
If anybody wants to hack it or release a new version, feel free to do it.
Thanks for all your comments above.
Jesse
Hi Jesse,
great theme - awesome! sad to hear you don’t have much time to spend on it, I think it deserves it!
anyway - my feedback besides the above…
Video clips! I have albums [http://album.vitus.org] that are mixed photos and videos (wmv) however:
1) In lightbox mode - i.e. you click on the first image in an album and you’re in lightbox mode - the video’s are skipped and the ordinary user won’t notice that “something was missing”
1a) On the other hand - once in the non-lightbox mode (because you happened to click first on a video, you can’t get to lightbox mode)
2) When generating thumbnails; or setting frames; or something - it would be GREAT to be able to have some kind of identifier that tells the user: “THIS is a video” - as it is now, you have to do a rather non-user “move cursor over all thumbnails and look at status bar and see if extension is jpg or wmv” search.
does this make sense??
Vitus
Ok, I got the description (long one) to show up in the lightbox window. I was playing around with the javascript and all sorts of the code, but discovered it is much easier than that. All you need to do is edit the album.tpl file and copy the new one into your /local directory. you will need to find the line that looks like this:
title=”{$child.title|markup} <br /><a href="{g->url arg1=”view=core.ShowItem” arg2=”itemId=`$child.id`”}">Details/Comments</a>”
and change it to this:
title=”{$child.title|markup}<br /><span style="font-weight:normal">{$child.description|markup}</span><br /><a href="{g->url arg1=”view=core.ShowItem” arg2=”itemId=`$child.id`”}">Details/Comments</a>”
it might be hard to see, but I added Smarty tags to add the description ({$child.description|markup}. I had to add some formatting as well, and you can adjust it as you see fit. I just added a line break and removed the bold. Remember to use the html code for the tags (%lt; for <, etc) and everything should be great!
I don’t think anything else has to be modified, but I changed so much stuff, I might something different going on, so if it doesn’t work for you let me know and I will find what I changed.
If any of this doesn’t make sense, just email me and we can work it out. My email is tanner (at) tannerlindsay (dot) com.
Good Luck, and awesome theme!
>>”Also, how can I get the file description (long one) into the lightbox window?
I need some time to look into the code, but recently very busy.”<<
Anyone managed to fix this yet? Would be very useful. Great theme by the way!
Thanks
hello jessy
first thanks for this great theme.
but i have a few problems.
1. i don’t get it to work. that the iptc title and desription will be displayed below the photos. (for exampe http://www.testbildtester.de/v/Berlin+Hauptbahnhof/
2. the new / edit image will not shown below new or edit albums
3. could you explain or post the code how it works that you show on the main page the random / new images …
4. i post it also in the gallery forum you have bug in you tar file.
\modules\slideshow\templats should be \modules\slideshow\templates
Hope you can help
Kind regards
Oliver