Icy Phoenix

English Chit Chat - Designing Lightning Phoenix

Mighty Gorgon [ Thu 31 Dec, 2009 19:07 ]
Post subject: Re: Designing Lightning Phoenix

Lopalong wrote: [View Post]
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.

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 ]
Post subject: 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.

Eledran [ Sat 02 Jan, 2010 19:20 ]
Post subject: Re: Designing Lightning Phoenix

Ups, messed up.

Sorry.

novice programmer [ Sat 02 Jan, 2010 19:22 ]
Post subject: Re: Designing Lightning Phoenix

Mighty Gorgon wrote: [View Post]
[....]
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!

[...]

Lightning Phoenix

Umm, let me guess a bit around....

-IE
-Netscape

-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 ]
Post subject: 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 ]
Post subject: Re: Designing Lightning Phoenix

You're right. IE is not able to.

Lopalong [ Sun 24 Jan, 2010 12:11 ]
Post subject: 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.

mg wrote:
I may decide to leave things as is... until MicroSoft decides to implement CSS3 properties in their browsers.

Could be a smart move.

informpro wrote:
You're right. IE is not able to.

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 don't use or recognise CSS3 would be of some use I'm sure.

Mighty Gorgon [ Sun 24 Jan, 2010 13:17 ]
Post subject: 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.

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 ]
Post subject: Re: Designing Lightning Phoenix

Lopalong, IE is not able to read the CSS3 property as border-radius.

Lopalong [ Mon 25 Jan, 2010 13:26 ]
Post subject: Re: Designing Lightning Phoenix

Mighty Gorgon wrote:

But it doesn't when integrated in Icy Phoenix, or at least in this style.

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 <p for the whole thing to come together and not be broken up.

Now, I'm NOT pro-IE, but from my somewhat limited experience if it works 100% with IE it also validates with FF. And I've said before somewhere in my travels - "While FF will fix errors on the run - IE makes no allowances for any type of errors".

Such is the beast!

Mighty Gorgon wrote:

If you wish (and if you have some free time) I may pass you this style and have a run.

Why not? but just remember that I'm the learner on the block - - - But I may either have more time to play, or stubborn enough to hopefully find out some answers. So by all means PM me a link to the D/L

Informpro wrote:

Lopalong, IE is not able to read the CSS3 property as border-radius.

We already know and knew that - - - We're generally now talking about the htc file and either it's shortcomings, merits or Icy Phoenix's incompatibility to use it.

Maybe you would like to also test it?

OwnageWorld [ Mon 25 Jan, 2010 13:59 ]
Post subject: Re: Designing Lightning Phoenix

The style looks good, and loads really fast. So I cant wait to download it!

Good work!

Mighty Gorgon [ Mon 25 Jan, 2010 14:33 ]
Post subject: Re: Designing Lightning Phoenix

Lopalong wrote: [View Post]
Mighty Gorgon wrote:

If you wish (and if you have some free time) I may pass you this style and have a run.

Why not? but just remember that I'm the learner on the block - - - But I may either have more time to play, or stubborn enough to hopefully find out some answers. So by all means PM me a link to the D/L

Here is the link for the latest version of this template (working with latest SVN package... I don't know how it will fit on Icy Phoenix 1.3).

Lightning Phoenix

Thank you for your time.

Lopalong [ Fri 29 Jan, 2010 09:29 ]
Post subject: Re: Designing Lightning Phoenix

No problems! But I do really have a lot of other things to do, so I wont be running with this.

I played with the htc file and used the script / markup that came with it to do some simple tests.

Don't know what's blocking it with icy phoenix, because a view-source "html" of phpBB.com and Icy Phoenix renders the curves ok with IE8?

So it cant be nested divs, I don't think. It's also not the mime type that I thought may have confused IE.

Anyway, here's a shot of IE8 with the border radius hard-coded around some CFG vars, and it's a bit rough for want of doing a re-path of the images in the V-S markup, but it's good enough and does possibly eliminate some problems.

Edit:

Also, and I'm sure if I don't have to tell you this - - - - IE8 and its damn blocking of files from "Another Computer" creates even more problems when it blocks the .htc file.

So if you're testing local - - you may want to check all of the file properties etc.

OT!

Did you know that you have more trouble than a cat in a dog pound if you try to to start (Local) Apache and MySQL when Skype is active?

Mighty Gorgon [ Fri 29 Jan, 2010 14:11 ]
Post subject: Re: Designing Lightning Phoenix

Thanks for reporting, I will investigate where the conflicts are next time I wanted to waste some time for IE.

I also discovered that another JS I wanted to run with IP is conflicting with some onload events, both issues may also be related.

I will report if I come to a solution.

Informpro [ Fri 29 Jan, 2010 20:25 ]
Post subject: Re: Designing Lightning Phoenix

Search in prototype x]. Or things as

Code: [Hide]

if(window.onload)
 
{
 
  onload_funcs = window.onload;
 
  window.onload = function()
 
  {
 
    myOneCode();
 
    onload_funcs();
 
  }
 
}

(BTW TIMTOWTDI)

Lopalong [ Fri 29 Jan, 2010 23:16 ]
Post subject: Re: Designing Lightning Phoenix

I killed all the javascript by renaming the js folder to something else when I tested it with 53a - didn't make any difference, neither did removing the "new" onload function from the header.

Mighty Gorgon [ Sat 30 Jan, 2010 09:26 ]
Post subject: Re: Designing Lightning Phoenix

Same for me... I will make extra testing in IE further on... maybe.

In the meantime I have improved (well... at least in my opinion!

) some other things in this template and now should look better in FireFox, Safari, Chrome, Opera.

Let me know if you find some bugs or "awfully looking elements" in it.

Thanks.

Lopalong [ Sun 31 Jan, 2010 09:30 ]
Post subject: Re: Designing Lightning Phoenix

Mighty Gorgon wrote: [View Post]
Same for me... I will make extra testing in IE further on... maybe.

I don't know Luca if it's worth the trouble? IE will get up to speed one day with border radius etc, and then things will no doubt need to be changed again.

I've got that way that I don't "Fight it any more" - - - If it works it works, other than that, I don't bother with it.

Mighty Gorgon wrote: [View Post]

In the meantime I have improved (well... at least in my opinion! ) some other things in this template and now should look better in FireFox, Safari, Chrome, Opera.

Let me know if you find some bugs or "awfully looking elements" in it.

Thanks.

Count me out for all of the above reasons. Because I swore on a stack of Daffy Duck comics that the ONLY thing I will ever look at in future is final "Public Releases".

andrea75 [ Sat 04 Sep, 2010 21:17 ]
Post subject: Re: Designing Lightning Phoenix

I resume this topic because I tested this style with Chrome, and on many posts, the vertical scrolling bars appears at the left of postbody and signature:

Solved adding:

Code: [Hide] [Select]

overflow-y: hidden ! important;

on common.css

Code: [Hide] [Select]

.post-text {

    width: 99%;

    float: left;

    clear: both;

    font-size: 12px;

    /*line-height: 1.2em;*/

    /* to avoid vertical scrollbar with acronyms in last line */

    padding-bottom: 3px;

    overflow-y: hidden ! important;

}

But I don't know if it's the right solution.

Mighty Gorgon [ Wed 15 Sep, 2010 22:48 ]
Post subject: Re: Designing Lightning Phoenix

Try to have a look now... I should have fixed some small things in this template.

Yros [ Thu 16 Sep, 2010 01:17 ]
Post subject: Re: Designing Lightning Phoenix

I dunno if you knew it but maybe this link will help you as I read in the first pages that there was some troubles about compatibilities with browsers :

http://www.westciv.com/iphonetests/

I tried with Opera 10 & Firefox 4.05b(beta) but in both cases many CSS3 properties are still not compatible

Jihuatz [ Sun 02 Jan, 2011 22:45 ]
Post subject: Re: Designing Lightning Phoenix

Mighty Gorgon wrote: [View Post]

Here is the link for the latest version of this template (working with latest SVN package... I don't know how it will fit on Icy Phoenix 1.3).

Lightning Phoenix

Thank you for your time.

Thank you for the template.

I install on IP 1.3 and i think is working good. I see like perfect with FireFox:

Chek it on my site...

mort [ Mon 03 Jan, 2011 10:37 ]
Post subject: Re: Designing Lightning Phoenix - Adding Curves With IE Etc.

Adding curves with IE - Don't know about Opera or Chrome etc.

I can see there's been some discussion on this, but maybe try this way because I believe the htc file needs to be called from the header - not the .css?

Open:

templates/lightning_phoenix/style_white_ie.css

Find and remove:

Code: [Hide] [Select]

#wrapper, .top-header, .top-menu, .page-footer, .roundedbox, .roundedbox h3 {

	/*behavior: url('./templates/common/border-radius.htc');*/

}

Open:

templates/lightning_phoenix/overall_header.tpl

Code: [Hide] [Select]

Find:

{EXTRA_CSS_JS}

After Add:

<!--[if IE]>

<style type="text/css">

#wrapper, .top-header, .top-menu, .page-footer, .roundedbox, .roundedbox h3 {

	border-radius: 6px;

	behavior: url('./templates/common/border-radius.htc');

}

</style>

<![endif]-->

Copy border-radius.htc to templates/common/border-radius.htc

You may find IE a bit slower to load and no doubt this template set would maybe need some tweaking - But the "Curves" should work.

spydie [ Mon 03 Jan, 2011 11:01 ]
Post subject: Re: Designing Lightning Phoenix

Off Topic
:
en Opera , Chrome and FF you can add the curves with

Code: [Hide]
Code: [Show]
border: 1px solid rgba(255,255,255,.4);
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;

but this should´nt work with IE, since they forgot to take the train of CSS3 and Html5

Change the 5px to the radius you want,

and the color aswell. Does´nt need to be rgba ( thats with transparency) with 40% ( the .4) at the end

mort [ Mon 03 Jan, 2011 11:14 ]
Post subject: Re: Designing Lightning Phoenix

spydie wrote: [View Post]
but this should´nt work with IE, since they forgot to take the train of CSS3 and Html5

That's what the fix above is for - Round Corners in IE?

spydie [ Mon 03 Jan, 2011 12:28 ]
Post subject: Re: Designing Lightning Phoenix

yes i know

mort.

the htc is for IE

mort [ Mon 03 Jan, 2011 21:59 ]
Post subject: Re: Designing Lightning Phoenix

I think we're going around in circles here?

spydie [ Mon 03 Jan, 2011 22:37 ]
Post subject: Re: Designing Lightning Phoenix

previous post changed to ot

no need to run in circles. don´t want to disorient anybody

Don_lobo [ Tue 04 Jan, 2011 03:32 ]
Post subject: Re: Designing Lightning Phoenix

Mighty Gorgon wrote: [View Post]

Here is the link for the latest version of this template (working with latest SVN package... I don't know how it will fit on Icy Phoenix 1.3).

Lightning Phoenix

Thank you for your time.

Thank you for the template.

I install on IP 1.3 and i think is working good. I see like perfect with FireFox:

Chek it on my site...

ganesh [ Sun 02 Oct, 2011 18:42 ]
Post subject: Re: Designing Lightning Phoenix

It's cool... Just installed on mine...
I grabbed the italian buttons from icy

Only one thing seems missing, I can't see the date of each post and obviously the possibility to edit...

But don't mind, it is not so important.

Joshua203 [ Sun 02 Oct, 2011 18:51 ]
Post subject: Re: Designing Lightning Phoenix

That's weird because it looks to me like this is not happening to all posts on your forum

http://forum.megabass.it/viewtopic.php?f=13&p=841690#p841690

ganesh [ Sun 02 Oct, 2011 18:56 ]
Post subject: Re: Designing Lightning Phoenix

ROTFL I answered on that 3d...

Sorry, IT's my fault.
If you see IT as a user or as a guest, everything's fine.

As an Admin I see like I posted...

Joshua203 [ Sun 02 Oct, 2011 19:03 ]
Post subject: Re: Designing Lightning Phoenix

As a Guest

ganesh [ Sun 02 Oct, 2011 19:05 ]
Post subject: Re: Designing Lightning Phoenix

Yes!
That's right!

As an admin...

Joshua203 [ Sun 02 Oct, 2011 19:06 ]
Post subject: Re: Designing Lightning Phoenix