Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 4
Goto page 1, 2, 3, 4  Next
 
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
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

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




____________
Out of Order
 
spydieSend private messageVisit poster's website  
Back to topPage bottom
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.
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Designing Lightning Phoenix 
 
waiting to download
 




____________
Datos de Soporte:
- URL de tu web: TodoScene.net
- Hosting: 4sql.net (Pago)
- mods Instalados: HIDE MOD, Estadísticas Mod, anti doble post mod,mostrar bbcodes en respuesta rápida, y mp.
- Sistema y version: Icy Phoenix v1.3.0.53b
 
elvamoSend private messageVisit poster's website  
Back to topPage bottom
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
 




____________
Out of Order
 
spydieSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Designing Lightning Phoenix 
 
Sweet Jesus!  Looks great!
 




____________
| Icy Phoenix ColorizeIt! |
Bipolar Disorder - Not good for you and definitely not good for everyone else.
 
ChaoticSend private messageVisit poster's website  
Back to topPage bottom
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
 



 
CostaSend private message  
Back to topPage bottom
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;

 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
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
 



 
CostaSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Designing Lightning Phoenix 
 
Can you attach a screenshot for Opera please?
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
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...
 



 
CostaSend private message  
Back to topPage bottom
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...
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Designing Lightning Phoenix 
 
There is addons on firefox for switching between IE, Opera, Konqueror, Safari ...
 



 
InformproSend private message  
Back to topPage bottom
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.
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
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.
 
 
 
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 4
Goto page 1, 2, 3, 4  Next


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events


  

 

  cron