Designing Lightning Phoenix


Goto page 1, 2, 3, 4  Next

Subject: 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:

Lightning Phoenix

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

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

Subject: Re: Designing Lightning Phoenix
waiting to download

Subject: 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

Subject: Re: Designing Lightning Phoenix
Sweet Jesus! Looks great!

Subject: 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

Profile PM  
Subject: 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;

Subject: Re: Designing Lightning Phoenix
thanks for the transparent


i have check it now

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

Profile PM  
Subject: Re: Designing Lightning Phoenix
Can you attach a screenshot for Opera please?

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

Profile PM  
Subject: Re: Designing Lightning Phoenix
Thanks, but I guess I have to install Opera to be able to debug... damn cross browser compatibility...

Subject: Re: Designing Lightning Phoenix
There is addons on firefox for switching between IE, Opera, Konqueror, Safari ...

Profile PM  
Subject: Re: Designing Lightning Phoenix
But I guess you need to have them installed to be allowed to use their engine to process pages.

Inactive User
Subject: Re: Designing Lightning Phoenix
Mighty Gorgon wrote: [View Post]
Answer is too easy... so no prizes for those who will answer correctly! :mricy:


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.

Goto page 1, 2, 3, 4  Next

Page 1 of 4


  
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

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.1953s (PHP: 12% SQL: 88%)
SQL queries: 16 - Debug Off - GZIP Enabled