Icy Phoenix Style To XHTML 1.1 »  Show posts from    to     

Icy Phoenix


Old Styles Topics - Icy Phoenix Style To XHTML 1.1



tonyf12 [ Fri 04 May, 2007 19:30 ]
Post subject: Icy Phoenix Style To XHTML 1.1
I am trying to make the Icy Phoenix style XHTML 1.1 Strict compatible, currently on this site is is 1.0 Transitional and not XHTML-valid for the downloadable version. If people would like to help, post the before and after in this thread. Right now I am just adding CSS styles inline but when I am done, i will add them to the stylesheet.

1. Filename acronym_body.tpl
Status: 1.1 but not semantic(inline styles)
Before:
Code: [Hide]
  1. <div class="forumline nav-div">  
  2. <p class="nav-header">  
  3. <a href="{U_PORTAL}">{L_HOME}</a>{NAV_SEP}<a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="#" class="nav-current">{L_ACRONYMS}</a>  
  4. </p>  
  5. <div class="nav-links">  
  6. <div class="nav-links-left">{CURRENT_TIME}</div>  
  7. &nbsp;  
  8. </div>  
  9. </div>  
  10.  
  11. {IMG_THL}{IMG_THC}<span class="forumlink">{L_ACRONYMS}</span>{IMG_THR}<table class="forumlinenb" width="100%" cellspacing="0" cellpadding="0">  
  12. <tr>  
  13. <th class="thCornerL">{L_ACRONYM}</th>  
  14. <th class="thTop">{L_DESCRIPTION}</th>  
  15. </tr>  
  16. <!-- BEGIN acronym_row -->  
  17. <tr>  
  18. <td class="{acronym_row.ROW_CLASS}" align="center" valign="middle"><span class="gen">{acronym_row.ACRONYM}</span></td>  
  19. <td class="{acronym_row.ROW_CLASS}" align="center" valign="middle"><span class="gen">{acronym_row.DESCRIPTION}</span></td>  
  20. </tr>  
  21. <!-- END acronym_row -->  
  22. <tr>  
  23. <td class="catBottom" align="center" colspan="2"></td>  
  24. </tr>  
  25. </table>{IMG_TFL}{IMG_TFC}{IMG_TFR} 

After
Code: [Hide]
  1. <div class="forumline nav-div">  
  2. <p class="nav-header">  
  3. <a href="{U_PORTAL}">{L_HOME}</a>{NAV_SEP}<a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="#" class="nav-current">{L_ACRONYMS}</a>  
  4. </p>  
  5. <div class="nav-links">  
  6. <div class="nav-links-left">{CURRENT_TIME}</div>  
  7. &nbsp;  
  8. </div>  
  9. </div>  
  10.  
  11. {IMG_THL}{IMG_THC}<span class="forumlink">{L_ACRONYMS}</span>{IMG_THR}<table class="forumlinenb" width="100%" cellspacing="0" cellpadding="0">  
  12. <tr>  
  13. <th class="thCornerL">{L_ACRONYM}</th>  
  14. <th class="thTop">{L_DESCRIPTION}</th>  
  15. </tr>  
  16. <!-- BEGIN acronym_row -->  
  17. <tr>  
  18. <td class="{acronym_row.ROW_CLASS}" style="vertical-align:middle; text-align:center;"><span class="gen">{acronym_row.ACRONYM}</span></td>  
  19. <td class="{acronym_row.ROW_CLASS}" style="vertical-align:middle; text-align:center;"><span class="gen">{acronym_row.DESCRIPTION}</span></td>  
  20. </tr>  
  21. <!-- END acronym_row -->  
  22. <tr>  
  23. <td class="catBottom" style="text-align:center; width:2pc;"></td>  
  24. </tr>  
  25. </table>{IMG_TFL}{IMG_TFC}{IMG_TFR} 


tonyf12 [ Fri 04 May, 2007 19:55 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
2. Filename add_attachment_body.tpl
Status: 1.1 but not semantic(inline styles)
Befotre
Code: [Hide]
  1. <tr>  
  2. <th colspan="2">{L_ADD_ATTACH_TITLE}</th>  
  3. </tr>  
  4. <tr>  
  5. <td class="row1" colspan="2"><span class="gensmall">{L_ADD_ATTACH_EXPLAIN}<br />{RULES}</span></td>  
  6. </tr>  
  7. <tr>  
  8. <td class="row1"><span class="gen"><b>{L_FILE_NAME}</b></span></td>  
  9. <td class="row2"><span class="genmed"><input type="file" name="fileupload" size="40" maxlength="{FILESIZE}" style="width:98%" value="" class="post" /></span></td>  
  10. </tr>  
  11. <tr>  
  12. <td class="row1" valign="top"><span class="gen"><b>{L_FILE_COMMENT}</b></span></td>  
  13. <td class="row2"><span class="genmed"><textarea name="filecomment" rows="3" cols="50" wrap="virtual" style="width:98%" size="40" class="post">{FILE_COMMENT}</textarea></span><br />  
  14. <input type="submit" name="add_attachment" value="{L_ADD_ATTACHMENT}" class="liteoption" />  
  15. </td>  
  16. </tr> 


After
Code: [Hide]
  1. <tr>  
  2. <th colspan="2">{L_ADD_ATTACH_TITLE}</th>  
  3. </tr>  
  4. <tr>  
  5. <td class="row1" style="width:2pc;"><span class="gensmall">{L_ADD_ATTACH_EXPLAIN}<br />{RULES}</span></td>  
  6. </tr>  
  7. <tr>  
  8. <td class="row1"><span class="gen" style="font-weight:bold;"></span></td>  
  9. <td class="row2"><span class="genmed"><input type="file" name="fileupload" size="40" maxlength="{FILESIZE}" style="width:98%" value="" class="post" /></span></td>  
  10. </tr>  
  11. <tr>  
  12. <td class="row1" valign="top"><span class="gen"><b>{L_FILE_COMMENT}</b></span></td>  
  13. <td class="row2"><span class="genmed"><textarea name="filecomment" cols="50" rows="3" style="width:98%; overflow:scroll;" class="post">{FILE_COMMENT}</textarea></span><br />  
  14. <input type="submit" name="add_attachment" value="{L_ADD_ATTACHMENT}" class="liteoption" />  
  15. </td>  
  16. </tr> 


ThE KuKa [ Sat 05 May, 2007 00:02 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Thanks tonyf12,

In your post...

Before and After ?

Before -> Replace With ?

Greets


tonyf12 [ Sat 05 May, 2007 14:29 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
It is the entire file as most are only 15-30 lines long.


ThE KuKa [ Sat 05 May, 2007 18:35 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Ahh sorry, thanks again!


Mighty Gorgon [ Sun 06 May, 2007 17:39 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Thanks Tony,
I think the best way to create a fully XHTML 1.1 compatible template, is creating it from scratch, because the old templates have so many tables in.

What do you think about creating a new template from scratch?

This will allow us to create a fully compatible template and to rewrite the CSS in a more simple way.

If you agree we can start a working group which you may lead if you want.


tonyf12 [ Mon 07 May, 2007 14:33 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Ok then but I haven't created a template from scratch before.


brandsrus [ Mon 07 May, 2007 18:01 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Where can I find the guideliness for XHTML 1.1 but maybe i can help you with conversion of icy templates to XHTML 1.1 but i haven't created a template from scratch before.

EDIT: I will help to have ca_aphrodite in XHTML 1.1 and for the next versions but I must read the information about XHTML 1.1 so I don't now how it works.


TheSteffen [ Mon 07 May, 2007 23:39 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
Mighty Gorgon wrote: [View Post]
What do you think about creating a new template from scratch?

This will allow us to create a fully compatible template and to rewrite the CSS in a more simple way.

If you agree we can start a working group which you may lead if you want.


That would be great and really helpfull.

Thanks tonyf12, if you will give it a try.


tonyf12 [ Tue 08 May, 2007 18:31 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
brandsrus wrote: [View Post]
Where can I find the guideliness for XHTML 1.1


Here is the full specs: http://www.w3.org/TR/xhtml11/ . Mostly I just upload it to the validator, page by page

If you know XHTML 1.0 Strict here are the differences:

On every element, the lang attribute has been removed in favor of the xml:lang attribute (as defined in [XHTMLMOD]).
On the a and map elements, the name attribute has been removed in favor of the id attribute (as defined in [XHTMLMOD]).
The "ruby" collection of elements has been added (as defined in [RUBY]).


brandsrus [ Tue 08 May, 2007 22:17 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
tonyf12 wrote: [View Post]
brandsrus wrote: [View Post]
Where can I find the guideliness for XHTML 1.1


Here is the full specs: http://www.w3.org/TR/xhtml11/ . Mostly I just upload it to the validator, page by page

If you know XHTML 1.0 Strict here are the differences:

On every element, the lang attribute has been removed in favor of the xml:lang attribute (as defined in [XHTMLMOD]).
On the a and map elements, the name attribute has been removed in favor of the id attribute (as defined in [XHTMLMOD]).
The "ruby" collection of elements has been added (as defined in [RUBY]).
Ok, but how check you the pages if they are for the 100% XHTML 1.1? Can you give the steps?

Thanks in advance for your help!


tonyf12 [ Wed 09 May, 2007 18:19 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
brandsrus wrote: [View Post]
Ok, but how check you the pages if they are for the 100% XHTML 1.1? Can you give the steps?

Thanks in advance for your help!


If you go to http://validator.w3.org and upload to the validator or point it to a URL (if file is online) it will test it according to the DOCTYPE, if you don't have a DOCTYPE it isn't valid anbyway.


brandsrus [ Wed 09 May, 2007 18:22 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
tonyf12 wrote: [View Post]
brandsrus wrote: [View Post]
Ok, but how check you the pages if they are for the 100% XHTML 1.1? Can you give the steps?

Thanks in advance for your help!


If you go to http://validator.w3.org and upload to the validator or point it to a URL (if file is online) it will test it according to the DOCTYPE, if you don't have a DOCTYPE it isn't valid anbyway.
When I would like to validate the files, must i insert in all files the doctype or?


tonyf12 [ Wed 09 May, 2007 18:25 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
brandsrus wrote: [View Post]
When I would like to validate the files, must i insert in all files the doctype or?


Yes the doctype goes in the html attribute and for xhtml1.1 is <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


Since I am starting a new theme for making an XHTML 1.1 template, has anyone any ideas what it should look like, a jpg mockup would be handy.


brandsrus [ Wed 09 May, 2007 18:29 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
tonyf12 wrote: [View Post]
brandsrus wrote: [View Post]
When I would like to validate the files, must i insert in all files the doctype or?


Yes the doctype goes in the html attribute and for xhtml1.1 is <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Thanks for your time to explain something about this scripttype.

If I understand begins the file with
Code: [Hide]
  1. <html>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  3. <head>  
  4. <title></title>  
  5. <body>  
  6. Contents  
  7. </body>  
  8. </html> 


Thanks otherwise for your answers be so far!


tonyf12 [ Wed 09 May, 2007 18:33 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
brandsrus wrote: [View Post]

If I understand begins the file with
Code: [Hide]
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
  2. <head>  
  3. <title></title>  
  4. <body>  
  5. Contents  
  6. </body>  
  7. </html> 


That is the corect code, the DOCTYPE has the html tag inside it.


tonyf12 [ Sat 12 May, 2007 15:18 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
I have the basic idea for the new theme so I will have a photoshop mock-up in a few days, anyone who wants to help can.


Mighty Gorgon [ Wed 16 May, 2007 00:00 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
tonyf12 wrote: [View Post]
Since I am starting a new theme for making an XHTML 1.1 template, has anyone any ideas what it should look like, a jpg mockup would be handy.

Start with a really easy one... you may try with a subSilver like or proSilver...

What is really tough is to limit the use of tables while trying to keep things organized. This will require much time.

Have a look @ phpBB3 for a good example on how a theme should be created. proSilver is an excellent example of good use of both html and css.


tonyf12 [ Mon 18 Jun, 2007 14:57 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
I was very busy but now I have the header footer and a few other bits of the new template done. I should get more done soon, I will open a new topic when it is nearly finished.


Mighty Gorgon [ Wed 20 Jun, 2007 01:00 ]
Post subject: Re: Icy Phoenix Style To XHTML 1.1
tonyf12 wrote: [View Post]
I was very busy but now I have the header footer and a few other bits of the new template done. I should get more done soon, I will open a new topic when it is nearly finished.

No hurry... I think you may try to port ProSilver... which has all the code written correctly...




Powered by Icy Phoenix