http://www.icyphoenix.com/viewtopic.php?f=17&t=6811 ----------------------------------- Mighty Gorgon Sat 26 Dec, 2009 11:02 Designing Lightning Phoenix ----------------------------------- Hi, I am designing another new template which will be called Lightning Phoenix. The main goal for this style is to have a template which uses very few images in CSS to optimize page loading and also to optimize view with small display devices. This style uses the new CSS properties for rounding corners of blocks, and of course not all browsers will support these... try to guess on your own which one of the major browsers is still not supporting these CSS properties? Answer is too easy... so no prizes for those who will answer correctly! :mricy: Anyway, here is the preview of the work in progress: [url=http://www.icyphoenix.com/index.php?s=60]Lightning Phoenix ----------------------------------- spydie Sat 26 Dec, 2009 11:15 Re: Designing Lightning Phoenix ----------------------------------- First impression. Looks good and is quick. are you using js for the rounded corners ? Is this going to be avaible for 1.3 or only for the new version. ----------------------------------- Mighty Gorgon Sat 26 Dec, 2009 12:03 Re: Designing Lightning Phoenix ----------------------------------- No JS... only CSS for rounded corner. I am using the new CSS properties: [codeblock] border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;[/codeblock] It will be available only for future versions, but it will be very easy to back port. When it is finished I can try to send you a copy if you wish. ----------------------------------- elvamo Mon 28 Dec, 2009 11:59 Re: Designing Lightning Phoenix ----------------------------------- waiting to download ----------------------------------- spydie Mon 28 Dec, 2009 14:23 Re: Designing Lightning Phoenix ----------------------------------- [quote user="Mighty Gorgon" post="46723"]No JS... only CSS for rounded corner. I am using the new CSS properties: [codeblock] border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;[/codeblock] It will be available only for future versions, but it will be very easy to back port. When it is finished I can try to send you a copy if you wish.[/quote] Thanks for that MG. Can´t wait to get my fingers on that style ----------------------------------- Chaotic Mon 28 Dec, 2009 18:23 Re: Designing Lightning Phoenix ----------------------------------- Sweet Jesus! Looks great! ----------------------------------- Costa Mon 28 Dec, 2009 18:53 Re: Designing Lightning Phoenix ----------------------------------- very nice but the most basic of all is fast The shows okay with Fierfox [align=center] [img]http://www.icyphoenix.com/files/images/7660/templiff.jpg[/img] [/align] The curves is not show in opera [align=center] [img]http://www.icyphoenix.com/files/images/7660/templiopera.jpg[/img] [/align] I've tested with IE6 does not show the curves but also has a bigger header [align=center] [img]http://www.icyphoenix.com/files/images/7660/templie6.jpg[/img] [/align] with Google Chrome this problem [align=center] [img]http://www.icyphoenix.com/files/images/7660/templategoogle.jpg[/img] [/align] [b]Question[/b] the part I show with the signal (<1 in first img for firerfox) can be transparent; 40% or 60%. Not only is the templates this question but in general ----------------------------------- Mighty Gorgon Tue 29 Dec, 2009 11:10 Re: Designing Lightning Phoenix ----------------------------------- Thanks for reporting, can you please check again? Regarding transparent background it is possible... this is an example of CSS properties to be used within this style: [codeblock] background-color: transparent; background-image: url('./images/white/bg_transparent.png'); background-repeat: repeat;[/codeblock] ----------------------------------- Costa Tue 29 Dec, 2009 12:55 Re: Designing Lightning Phoenix ----------------------------------- thanks for the transparent i have check it now :arrow: IE -8 not curve :arrow: opera not curve [b][u]and not[/u][/b] header orizontal menu (home/forum/new/profile/search/faq/log :arrow: Google Chrome ok with the problem about Forum rules ----------------------------------- Mighty Gorgon Tue 29 Dec, 2009 15:26 Re: Designing Lightning Phoenix ----------------------------------- Can you attach a screenshot for Opera please? ----------------------------------- Costa Tue 29 Dec, 2009 18:14 Re: Designing Lightning Phoenix ----------------------------------- Sorry for the delay but Athens was today with a beautiful blue sky and 22 degrees temperature so a walk on the beach when the best the next 3 hours I'll be online if a convenient for you I can do these tests easily [align=center] [img]http://www.icyphoenix.com/files/images/7660/tempopera3.jpg[/img] [/align] anything you think and will make your job more easily I can do it I have MSN, Teem Viewer with a PC, telephone with Italian speaking ect... ----------------------------------- Mighty Gorgon Wed 30 Dec, 2009 09:54 Re: Designing Lightning Phoenix ----------------------------------- Thanks, but I guess I have to install Opera to be able to debug... damn cross browser compatibility... ----------------------------------- Informpro Wed 30 Dec, 2009 23:58 Re: Designing Lightning Phoenix ----------------------------------- There is addons on firefox for switching between IE, Opera, Konqueror, Safari ... ----------------------------------- Mighty Gorgon Thu 31 Dec, 2009 10:44 Re: Designing Lightning Phoenix ----------------------------------- But I guess you need to have them installed to be allowed to use their engine to process pages. ----------------------------------- Lopalong Thu 31 Dec, 2009 15:05 Re: Designing Lightning Phoenix ----------------------------------- [quote user="Mighty Gorgon" post="46708"]Answer is too easy... so no prizes for those who will answer correctly! :mricy: [/quote] This sort of thing I find disappointing from someone who is a Programmer in his own right. [b][i]Please[/i][/b] get off the "browser-bashing" because you and others here think that FF is the greatest. MS has declared (Though I can't cite the url here) that they will NOT add anything to IE unless it is propriety and NOT a WIP by whoever is proposing, suggesting or experimenting with it; WC3 included until it is proven and accepted by whatever standard ALL browsers apply to their code. Also remember that FF DROPS and ADDS various html wrappers to present the output that it deems to be correct - And is something that MS originally did because it was easier to fix the multitude of "Programmer's Errors" than it was to try to re-educate the masses. Anyway! maybe this will help, because there are MORE browsers, Free and Commercially-Speaking that the average twit wouldn't know about. http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser [b]Edit:[/b] MS is aware of the need for dynamically created radius-borders (and I wish I could post the url to their statement) - However, they will implement it once it becomes an Official WC3 standard. I also don't think that they are going to drop "Everything" and make it a priority simply for the sake of Icy Phoenix. ----------------------------------- Mighty Gorgon Thu 31 Dec, 2009 19:07 Re: Designing Lightning Phoenix ----------------------------------- [quote user="Lopalong" post="46918"][quote user="Mighty Gorgon" post="46708"]Answer is too easy... so no prizes for those who will answer correctly! :mricy: [/quote] This sort of thing I find disappointing from someone who is a Programmer in his own right. [b][i]Please[/i][/b] get off the "browser-bashing" because you and others here think that FF is the greatest.[/quote] Please help me to understand why YOU Lopalong are the only one allowed to BASH everything and everyone here while myself am not even allowed. It seems clear enough to me that I was just joking, and I wasn't suggesting everyone to not use any other browser. I have always taken care of IE and God only knows how many hours I spent so far to make Icy Phoenix compatible with MS browsers... so please stop talking or supposing about things you seems to not be aware of. The fact that IE is following W3C compliancy, that is not true at all, and I can show you how many W3C approved properties are still not supported or processed correctly by IE. Also PNGs are still not fully supported... But I don't want to continue in supporting your "contrarian" spirit here. This new template will work in IE, but it will be displayed differently on how it is on other browsers. Thanks for sharing the "border-radius.htc" trick, I will check how it works. Have a great 2010! ----------------------------------- Lopalong Fri 01 Jan, 2010 12:15 Re: Designing Lightning Phoenix ----------------------------------- Yeah, I deserved that for being so negative - maybe I do take things too seriously - But that's how I am. Anyway, I had a look at the border-radius.htc trick and have a sample here. http://members.iinet.net.au/~davelloyd/border-radius.html It may be useful - Maybe not, but as far as the div's go there is a lot of potential to create quite "colourful" themes. And as far as I can see - Works with FF - IE8 and IE8 Compatibility view. Happy New Year. :P ----------------------------------- Eledran Sat 02 Jan, 2010 19:20 Re: Designing Lightning Phoenix ----------------------------------- Ups, messed up. Sorry. ----------------------------------- novice programmer Sat 02 Jan, 2010 19:22 Re: Designing Lightning Phoenix ----------------------------------- [quote user="Mighty Gorgon" post="46708"][....] This style uses the new CSS properties for rounding corners of blocks, and of course not all browsers will support these... try to guess on your own which one of the major browsers is still not supporting these CSS properties? Answer is too easy... so no prizes for those who will answer correctly! :mricy: [...] [url=http://www.icyphoenix.com/index.php?s=60]Lightning Phoenix[/quote] Umm, let me guess a bit around.... -IE -Netscape :lol: -Opera -Firefox 2 series? Chrome would have no problems with new CSS codes as long as it has been develop with Firefox's core (even the $HTTP_USER_AGENT of chrome confuses a bit as it returns Mozilla Firefox...) ----------------------------------- Mighty Gorgon Sat 23 Jan, 2010 10:31 Re: Designing Lightning Phoenix ----------------------------------- I have fixed some small glitches and (hopefully) improved the overall looking of this template. Regarding IE, the HTC trick doesn't work fine... after 2 hours of testing I couldn't understand why (maybe IE it isn't able to round nested DIVS... just guessing!) so I have created a new CSS IE specific, so the template should not look messy in IE. Of course it is not rounded for IE yet. I may decide to leave things as is... until MicroSoft decides to implement CSS3 properties in their browsers. ----------------------------------- Informpro Sat 23 Jan, 2010 17:16 Re: Designing Lightning Phoenix ----------------------------------- You're right. IE is not able to. ----------------------------------- Lopalong Sun 24 Jan, 2010 12:11 Re: Designing Lightning Phoenix ----------------------------------- http://members.iinet.net.au/~davelloyd/border-radius.html The only problem I see with IE is whether or not the link is opened either in Tab or Window, and if it's opened in a Window and then expanded it needs to be refreshed. [quote=mg]I may decide to leave things as is... until MicroSoft decides to implement CSS3 properties in their browsers.[/quote] Could be a smart move. [quote=informpro]You're right. IE is not able to.[/quote] Not able to what? As there are more browsers than FF and IE in the market place, I wonder if you would like to use your valuable expertise with browsers and check all of them out for possibly the same problem - Also remember while you're doing it that there's "Linux-Based" browsers who also may not yet be up to speed. A Glossary on current browsers from you that [b][i]don't[/i][/b] use or recognise CSS3 would be of some use I'm sure. ----------------------------------- Mighty Gorgon Sun 24 Jan, 2010 13:17 Re: Designing Lightning Phoenix ----------------------------------- Thanks David for posting again that link. Unfortunately I already tested that in Icy Phoenix and it doesn't work. It does work on a stand alone page, but it doesn't when integrated in Icy Phoenix, or at least in this style. :sad: It took me at least 2 hours of testing, with no success. If you wish (and if you have some free time) I may pass you this style and have a run. I guess there is something in the "onload" method that conflicts with other functions. ----------------------------------- Informpro Mon 25 Jan, 2010 11:28 Re: Designing Lightning Phoenix ----------------------------------- Lopalong, IE is not able to read the CSS3 property as border-radius. ----------------------------------- Lopalong Mon 25 Jan, 2010 13:26 Re: Designing Lightning Phoenix ----------------------------------- [quote=Mighty Gorgon] But it doesn't when integrated in Icy Phoenix, or at least in this style.[/quote] I think you're right about the nested div's, because I do recall with IE8 beta? when I played with it and some IP styles, I had to change some nested div's to