Designing Lightning Phoenix


Goto page Previous  1, 2, 3, 4  Next

Inactive User
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. ;)

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! :P ) 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.

Inactive User
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. :P

Mighty Gorgon wrote: [View Post]

In the meantime I have improved (well... at least in my opinion! :P ) 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". :P :P :P

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:

cattura_1283627828_627221

Solved adding:

Code: [Download] [Hide] [Select]
overflow-y: hidden ! important;


on common.css
Code: [Download] [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. ;)

Subject: Re: Designing Lightning Phoenix
Try to have a look now... I should have fixed some small things in this template.

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

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

:D

Subject: Re: Designing Lightning Phoenix - Adding Curves With IE Etc.
Adding curves with IE - Don't know about Opera or Chrome etc. :P

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: [Download] [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: [Download] [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. :mryellow:


border-radius.zip
Description: File: border-radius.htc 
Download
Filename: border-radius.zip
Filesize: 1.86 KB
Downloaded: 229 Time(s)

Profile PM  
Subject: Re: Designing Lightning Phoenix
 
Off Topic
:
en Opera , Chrome and FF you can add the curves with

Code: [Download] [Hide]
  1. border: 1px solid rgba(255,255,255,.4); 
  2. -moz-border-radius: 5px; 
  3. -webkit-border-radius:5px; 
  4. 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

Last edited by spydie on Mon 03 Jan, 2011 22:36; edited 1 time in total
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? :shock:

Profile PM  
Subject: Re: Designing Lightning Phoenix
yes i know

mort.

the htc is for IE

Subject: Re: Designing Lightning Phoenix
I think we're going around in circles here? :mryellow:

<!--[if IE]>

The .htc file and the fix I posted is to add the curves to IE Only - How we got onto discussing what works with other browsers has nothing to do with the fix I posted?

<![endif]-->

Profile PM  
Subject: Re: Designing Lightning Phoenix
previous post changed to ot

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

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

:D

Subject: Re: Designing Lightning Phoenix
It's cool... Just installed on mine...
I grabbed the italian buttons from icy :D

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

schermata_10_2455837_alle_18_41_08

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

Goto page Previous  1, 2, 3, 4  Next

Page 3 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.3157s (PHP: 7% SQL: 93%)
SQL queries: 17 - Debug Off - GZIP Enabled