This Wordpress theme is the third version of the all-time famous and beautiful Rainbow Feather theme.
Rainbow Feather is a fluid one-column wordpress theme. As the name suggests the colours in this theme are rainbow-ish. From blue, baby blue, to yellow, orange, white, blue gradient and pink, barbie pink to evil pink. Cool features include: Fancy web2.0 like headings (wet graphics), custom badges “read on†and “continue readingâ€, matching color scheme/palette, Login area that shows logged in users (well it shows you and gives you options).
This version includes many bug fixes and modifications, specifically it can now boast with unmatched cross-browser compatibility in regard to such a complex design and piece of Wordpress code: Firefox, Internet Explorer 7, Internet Explorer 6 and Safari render the site identically. Another great feature is the added widget-support. This version of Rainbow Feather is now 100% widget-ready. This means you can drag & drop most widgets into the pink footer.
Improving the usability of this theme was a major goal that is why in addition to the changes described above, I have contacted many people to help me out with the localization of the theme. As by the time of writing this manual the Rainbow Feather v3 theme is available in German, English, Portuguese (Brazilian), French, Turkish and Romanian. Plans to release Dutch, Italian and Danish localized versions are in progress. I need to thank everyone involved and the 100+ mails I have received to date as well as the 70+ comments on the theme itself. It is you, the people, who have motivated me to put extraordinary amounts of time and love into this project and to love ‘designing and programming’ again.
Thanks everyone!
Demo (use drop-down theme switcher on bottom of page) at themes.h4×3d.com
Are there resouces, Photoshop files (PSD), etc? YES!
Here is a quick teaser video (Windows Media File) that shows how beautifully the widget-support is built-in, as well as the native Lightbox/Slimbox support, but also the cross-browser compatibility. Rainbow Feather is now looking all the same in every modern browser (Firefox, Internet Explorer 7, Internet Explorer 6, Safari). Also, I added more php-fanciness to auto-cut long titles, a (currently) four pages manual and even more… please stay tuned and don’t hesitate to bug me/leave a comment.
Overall Preview (21MB WMV) | Show video online (new window)
Cross-browser compatibility (16MB Flash) (new window)
Remark concerning the “possible” XHTML Invalidness: Rainbow Feather is XHTML Valid if it wasn’t for the fancy widgets. Don’t worry – it displays all fine in all major browsers, see screenshots blow (click to enlarge).
The theme page of the initial release is here (this page’s old content so to speak)
Widgets Screenshots = Same Design
Widgets Screenshot
Firefox Screenshot
Internet Explorer 7 Screenshot
Internet Explorer 6 Screenshot
Compatibility Screenshots = Same Design
Firefox Screenshot
Internet Explorer 7 Screenshot
Internet Explorer 6 Screenshot
Safari Screenshot
Slimbox Screenshots = Built-in and works
Firefox Screenshot
Internet Explorer 7 Screenshot
Internet Explorer 6 Screenshot
Safari Screenshot
Lightbox Screenshots = Can be used, too
How to activate Lightbox Screenshot
Firefox Screenshot
Internet Explorer 7 Screenshot
Internet Explorer 6 Screenshot
Safari Screenshot
RESOURCES I decided to put them on a separate page to not increase the clutter on this page (even more)
* Icon credits on this page: nato-kino
From the latest Rainbow Feather manual
h4x3d.com does not host any illegal content. Links/Files referred to are for educational purposes only.
72
December 28, 20078:54 am
December 28th, 2007 8:54 am
jez
zero, I am pretty much sure it is possible, can you however rephrase your problem please? I might be able to help you out real quick once I understand 100% what you trouble with. thanks a and have a nice one!
74
December 30, 20077:44 am
December 30th, 2007 7:44 am
zero
so, I have hard-moded your feather theme. it can be seen here: http://www.zeroweb.ro . It’s not ready to go yet…
I use it to show up my portfolio. On every post I have an image with some text. I would like that on the “archive” page for any category to show up the image and some text from the posts, not like now, when only the text is shown up. I’m not a guru on php, just used my intuition to mod up your theme. thx. Also, another problem, with the png’s in older IE, now I am working on that…
thx again
76
December 30, 20072:50 pm
December 30th, 2007 2:50 pm
jez
zero, I think I can help you out, as for the transparency issue on IE6: yes it really screws you bad, that is why I came up with a bug-fixed version “v2″. By looking at your site´s code I can tell you have used v1 instead of v2 (yiks!)- v2 has the “categories” in the footer and is valid xhtml and css. I would recommend you to get this v2 package and have your go with it.
For the archives: in the code you will see a function called the_excerpt(); – change it to the_content(); and it will show just fine!
I hope this helps and I wish you all the best in 2008, stay tuned and keep me updated about your progress, you seem like a very talented designer yourself!
78
December 30, 20073:04 pm
December 30th, 2007 3:04 pm
zero
well..thank you for your appreciation.
first, were exactly I can find “the_excerpt()”, in which .php page?
second…I really don’t know if there is V1 or V2..I have moded them so much that I am a bit confused about that…but, I have changet the theme, the footer is one single footer.php for all the pages, the sidebar.php also, they are included in every single page, much easy to update the contents there…so…
I have noticed that the IE.css file used some jpgs instead of png files…manage to work that like you, but still for the IE6 looks nasty, because the wood texture in the background…still, it’s a start.
so, thax again, and I am waiting for the the_excerpt() response. Would like to start the new year with the new site finalized.
BIG THX
80
December 30, 20073:27 pm
December 30th, 2007 3:27 pm
zero
found it…silly me
thx
and it is V2 for shure…will work the transparency out somehow
82
December 30, 20074:28 pm
December 30th, 2007 4:28 pm
jez
I am glad it worked out for you and good luck with the additional modding!
84
December 30, 20075:00 pm
December 30th, 2007 5:00 pm
zero
got that also. will not “spam” your site untill a real problem will occur.
Happy new year!
86
December 30, 20078:18 pm
December 30th, 2007 8:18 pm
Brett
Hi Jez, thanks for the great theme! I’m trying to make the background of the posts wider to allow for larger images. I already have 500+ pixel wide images from my blog that don’t automatically resize smaller, and the text field grows with the image. It’s probably better that the image doesn’t resize because I do want them larger, so I need to widen the BG. I’m not an expert with PHP or CSS, so I’ll try to ask first – What’s the simplest way to widen the post background? Here is an image of what’s happening: http://img520.imageshack.us/img520/3605/featherpr1.jpg
Thanks so much!
88
December 30, 20078:40 pm
December 30th, 2007 8:40 pm
jez
Hi, thanks for your long comment!
I believe the best way would be to increase the width of http://wordpress.h4×3d.com/wp-content/themes/feather/images/trans1.png and the other images connected to it. it should work flawless if you match it with the css file style.css -
I actually haven’t really thought of images that big – have a great 2008 and stay locked!
90
December 30, 20079:25 pm
December 30th, 2007 9:25 pm
Brett
Thanks Jez for the quick response! I extended the right side of trans1.png by 100 px just to test it, so it was 651px instead of 551px. I also changed the style.css “trans1″ width from 541px (yes it was 541, not 551) to 651px and there was no change. Any ideas what I’m missing? Thanks and get back to your vacation! ;-)
92
December 31, 20079:55 am
December 31st, 2007 9:55 am
Brett
I got it working. There were some table widths of 541px for trans0 and trans1 defined in about 6 different PHP files that I had to change. I thought this sort of thing was taken care of with the CSS? Thanks for the sweet theme! I’ll post a link when I’m done customizing it.
94
January 6, 20089:39 pm
January 6th, 2008 9:39 pm
Søren
The theme doesn’t seem to word with Lightbox plugin for wordpress :(
96
January 7, 20087:53 pm
January 7th, 2008 7:53 pm
jez
soren, I beg to disagree: every theme works with lightbox; eventually the plugin needs some additional manual input, but generally speaking every page that is (valid) html works with lightbox. since my themes all feature the default wordpress head content and functions, the plugin should neatly embed its javascript code to the page. if you provide a sample page to check out I will look at it after my exam,
yours,
jez
98
January 27, 20084:09 pm
January 27th, 2008 4:09 pm
Prasannah
Awesome work man!! I’m having troubles testing this theme with my Wordpress installation.
1. In IE7, the first post (in the blue section) appears much lower than the date/no.of comments bar
2. Also, the login forms and others in the pink section appear one below the other.
3. There’s a blank white space on the rightmost part of the page. I see this in both IE7 and Opera? I love Opera and can’t imagine parting with it for Firefox.
Some help please!!
100
January 27, 20084:41 pm
January 27th, 2008 4:41 pm
jez
Prasannah are you using version 2 of the theme?
if so – can you supply screenshots? cheers
102
January 28, 20081:44 pm
January 28th, 2008 1:44 pm
Prasannah
Hi Jez!
I’ve attached the screenshots (1st from Opera, and rest 3 from IE7 as you would see). Note that the ‘white’ space that I was talking about suddenly turned Pink!!
Screen1
Screen2
Screen3
Screen4
using version 2
104
January 28, 20082:10 pm
January 28th, 2008 2:10 pm
jez
pfew, that looks proper ugly!
Just by the looks, is it possible that you have a screen resolution around 800×640 pixel? I am just running tests locally to reproduce this and the only situation the strange skewing happens is when I resize my windows to around 800 pixel width.
UPDATE: check the results out here at http://browsershots.org/http://wordpress.h4×3d.com
106
January 28, 20082:45 pm
January 28th, 2008 2:45 pm
Prasannah
And checked the site at higher resolutions.. It look like what its supposed to look like (awesome)!! Waiting for some way to fix it for my 800×600 resolution!!
108
January 28, 20085:02 pm
January 28th, 2008 5:02 pm
crishz
Thank you for informing me about V2. I hope you don’t mind me adding a few images… I really like the girl image on top :) thanks again!
110
January 29, 200810:52 am
January 29th, 2008 10:52 am
jez
You are welcome, glad it worked out!
112
January 29, 20081:24 pm
January 29th, 2008 1:24 pm
Prasannah
Like the rainbow theme, your site too showed up with this blank space on the right on my 800×600 display. Now I see that you’ve fixed it!!!! Help on the theme please!
114
February 4, 20088:30 pm
February 4th, 2008 8:30 pm
Adan
I’d like to know how can I add a right side bar, and modify the left side bar to include adsense adds, and display some other widgets, I’d like to use that area at the right of the posts and all the blog pages.
And congrats to all the creators of this amazing theme!!
116
February 5, 200812:12 am
February 5th, 2008 12:12 am
jez
with some wordpress knowledge you should be fairly quickly done adding the content (ads) in the places where you want. if you want me to customize your wordpress theme, please drop me a line.