Icy Phoenix

     
 

Designing Lightning Phoenix

Designing Lightning Phoenix

Article
Reply with quote    Download Post  
Post 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!  

Anyway, here is the preview of the work in progress:

Lightning Phoenix



 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Sat 26 Dec, 2009 11:02 ]
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us


Designing Lightning Phoenix

Comments
Reply with quote    Download Post  
Post 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.



 
spydie - View user's profile Send private message  
spydie [ Sat 26 Dec, 2009 11:15 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
No JS... only CSS for rounded corner.

I am using the new CSS properties:

Code: [Download] [Hide] [Select]
    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;


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.



 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Sat 26 Dec, 2009 12:03 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
waiting to download



 
elvamo - View user's profile Send private message  
elvamo [ Mon 28 Dec, 2009 11:59 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
Mighty Gorgon wrote: [View Post]
No JS... only CSS for rounded corner.

I am using the new CSS properties:

Code: [Download] [Hide] [Select]
    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;


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.


Thanks for that MG.

CanĀ“t wait to get my fingers on that style



 
spydie - View user's profile Send private message  
spydie [ Mon 28 Dec, 2009 14:23 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
Sweet Jesus!  Looks great!



 
Chaotic - View user's profile Send private message  
Chaotic [ Mon 28 Dec, 2009 18:23 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
very nice but the most basic of all is fast

The shows okay with Fierfox
templiff



The curves is not show in opera
templiopera



I've tested with IE6 does not show the curves but also has a bigger header
templie6



with Google Chrome
this problem
templategoogle


Question
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



 
Costa - View user's profile Send private message  
Costa [ Mon 28 Dec, 2009 18:53 ]
Reply with quote    Download Post  
Post 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:
Code: [Download] [Hide] [Select]
    background-color: transparent;
    background-image: url('./images/white/bg_transparent.png');
    background-repeat: repeat;




 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Tue 29 Dec, 2009 11:10 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
thanks for the transparent


i have check  it now

  IE -8 not curve
  opera not curve and not header orizontal menu (home/forum/new/profile/search/faq/log
  Google Chrome  ok with the problem about Forum rules



 
Costa - View user's profile Send private message  
Costa [ Tue 29 Dec, 2009 12:55 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
Can you attach a screenshot for Opera please?



 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Tue 29 Dec, 2009 15:26 ]
Reply with quote    Download Post  
Post 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

tempopera3



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...



 
Costa - View user's profile Send private message  
Costa [ Tue 29 Dec, 2009 18:14 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
Thanks, but I guess I have to install Opera to be able to debug... damn cross browser compatibility...



 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Wed 30 Dec, 2009 09:54 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
There is addons on firefox for switching between IE, Opera, Konqueror, Safari ...



 
Informpro - View user's profile Send private message  
Informpro [ Wed 30 Dec, 2009 23:58 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
But I guess you need to have them installed to be allowed to use their engine to process pages.



 
Mighty Gorgon - View user's profile Send private message  
Mighty Gorgon [ Thu 31 Dec, 2009 10:44 ]
Reply with quote    Download Post  
Post Re: Designing Lightning Phoenix 
 
Mighty Gorgon wrote: [View Post]
Answer is too easy... so no prizes for those who will answer correctly!  


This sort of thing I find disappointing from someone who is a Programmer in his own right.

Please 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.

h**p://***.htmlremix.com/css/curved...s-cross-browser

Edit:

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.



 
   
Inactive User [ Thu 31 Dec, 2009 15:05 ]
Display posts from previous:    

HideWas this topic useful?

Post new topic  Reply to topic  Page 1 of 4
Goto page 1, 2, 3, 4  Next