Tchooo 
Alors voili, un de mes sites est un tracker sur base ***.
Je refais mon theme principal, enfin juste mon logo et mes definitions de block & frame,
en utilisant que des divs et les class que je cree.
je suis proche du resultat final : que ce theme soit compatible avec cette eborme daube de IE
oui je deteste IE qui me force a me creuser la tronche pour rien, on est bientpt en 2011,
et j'aimerai bien faire autre chose que m'inquieter de IE,
Surtout que avec Google Chrome, ce theme est bien affiché, enfin .....
J'aimerai un peu d'aide pour fignoler mes css, si un passioné voulait bien venir s'enregistrer sur mon tk, je pourrai lui montrer ce theme, il comprendrait vite ce qui cloche.
bon je pourrai poster mon css et mon block.php, mon header, mon footer ...
mais comme tout cela interagit avec d'autres fichiers encore,
ça ferait une sacré cascade de code à poster, et sans avoir le rendu sous le nez,
nous passerions quelques heures à discuter sans atteindre le but final.
de plus la concurrence etant ultra féroce, nul doute que certains petits rigolos de la communauté TT, viendraient pomper mes idées et mes codes ici.
je post quand meme un exemple qui pourra vous décider ou pas à m'aider.
Voici la définition d'origine d'une frame :
ce code passe très bien avec Chrome.
Voici ma transformation de ce code :
et bien sur mes css class :
et enfin le resultat sous IE, puisque le but c'est de plaire à mista IE .... grrrr grrrrr
http://www.monsterup.com/upload/1287371532.jpg
si je m'en sors sur ce coup, ben je poursuivrai, je tenterai de convertir un max de mes pages en pure css, ouffff ouffff
j'ai déjà passé quelques heures à virer pas mal d'erreurs, du style des balises ecrites en majuscules, un peu de partout et héritée de la version de base de TT,
la mienne étant comment dire .... à des années lumière, mais conservant tout de meme les scripts de base.
j'espère que ce challenge captera votre attention
a bientoto les coders
lol & lol & rock & roll
Modifié par Felipe (06 Dec 2010 - 17:12)
Alors voili, un de mes sites est un tracker sur base ***.
Je refais mon theme principal, enfin juste mon logo et mes definitions de block & frame,
en utilisant que des divs et les class que je cree.
je suis proche du resultat final : que ce theme soit compatible avec cette eborme daube de IE
oui je deteste IE qui me force a me creuser la tronche pour rien, on est bientpt en 2011,
et j'aimerai bien faire autre chose que m'inquieter de IE,
Surtout que avec Google Chrome, ce theme est bien affiché, enfin .....
J'aimerai un peu d'aide pour fignoler mes css, si un passioné voulait bien venir s'enregistrer sur mon tk, je pourrai lui montrer ce theme, il comprendrait vite ce qui cloche.
bon je pourrai poster mon css et mon block.php, mon header, mon footer ...
mais comme tout cela interagit avec d'autres fichiers encore,
ça ferait une sacré cascade de code à poster, et sans avoir le rendu sous le nez,
nous passerions quelques heures à discuter sans atteindre le but final.
de plus la concurrence etant ultra féroce, nul doute que certains petits rigolos de la communauté TT, viendraient pomper mes idées et mes codes ici.
je post quand meme un exemple qui pourra vous décider ou pas à m'aider.
Voici la définition d'origine d'une frame :
<?php
//BEGIN FRAME
function begin_frame($caption = "-", $align = "justify") {
global $THEME;
global $site_config;
print("<table width=\"900\" cellpadding=\"0\" cellspacing=\"0\">
<tbody><tr><td><table height=\"62\" cellpadding=\"0\" cellspacing=\"0\">
<tbody><tr><td class=\"ftl\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" style=\"display: block;\"
height=\"62\" width=\"33\"></td>
<td height=\"62\" width=\"100%\" class=\"fcapbar\" style=\"white-space: nowrap;\">
<b>$caption</b></td><td class=\"ftr\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;
\" height=\"62\" width=\"33\"></td></tr></tbody></table>
<table cellpadding=\"0\" cellspacing=\"0\">
<tbody><tr><td class=\"fml\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;
\" height=\"8\" width=\"18\"></td><td class=\"fmmain\">");
}
//END FRAME
function end_frame() {
global $THEME;
global $site_config;
print("</td><td class=\"fmr\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;\"
height=\"8\" width=\"18\"></td></tr></tbody></table>
<table cellpadding=\"0\" cellspacing=\"0\"><tbody><tr><td class=\"fbl\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;\"
height=\"53\" width=\"18\"></td>
<td class=\"fbm\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;\"
height=\"53\" width=\"3\"></td>
<td class=\"fbr\">
<img src=\"".$site_config['SITEURL']."/themes/NB_Gray-Clan/images/blank.gif\" alt=\"\" style=\"display: block;\"
height=\"53\" width=\"18\"></td></tr></tbody></table></td></tr></tbody></table><br><br>");
}
ce code passe très bien avec Chrome.
Voici ma transformation de ce code :
<?php
//BEGIN FRAME
function begin_frame($caption = "-", $align = "justify") {
global $THEME;
global $site_config;
print("<table width=\"900\" cellpadding=\"0\" cellspacing=\"0\">
<div class=\"top_frame\">
<div class=\"corner_top_left\"></div>
<div class=\"top_middle_frame\"><b>$caption</b></div>
<div class=\"corner_top_right\"></div>
</div>
</table>
<table width=\"900\" cellpadding=\"0\" cellspacing=\"0\">
<tbody>
<tr>
<td>
<div class=\"middle_left\"></div>
<div class=\"middle_middle\">");
}
//END FRAME
function end_frame() {
global $THEME;
global $site_config;
print("</div>
<div class=\"middle_right\"></div>
</td>
</tr>
</tbody>
</table>
<table width=\"900\" cellpadding=\"0\" cellspacing=\"0\">
<div class=\"bot_frame\">
<div class=\"corner_bot_left\"></div>
<div class=\"bot_middle_frame\"></div>
<div class=\"corner_bot_right\"></div>
</div>
</table>
<br><br>");
}
et bien sur mes css class :
.top_frame {
float: top;
width: 180x;
height: 62px;
border: 0px;
}
.middle_frame {
float: top;
width: 100%;
border: 0px;
}
.bot_frame {
float: top;
width: 180x;
height: 53px;
border: 0px;
}
.corner_top_left {
float: left;
width: 33px;
height: 62px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/corner_top_left.png);
}
.top_middle_frame {
float: left;
width: 85%;
height: 62px;
border: 0px;
padding-right:1px;
font-size: 11px;
color: #FFFFFF;
font-family: verdana, tahoma, arial, sans-serif;
vertical-align: text-top;
padding-top: 10px;
padding-left: 2px;
text-align: center;
font-weight: bold;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/top_middle.png);
background-repeat: repeat-x;
}
.top_middle_block {
float: left;
width: 10px;
height: 62px;
border: 0px;
padding-right:1px;
font-size: 11px;
color: #FFFFFF;
font-family: verdana, tahoma, arial, sans-serif;
vertical-align: text-top;
padding-top: 10px;
padding-left: 2px;
text-align: center;
font-weight: bold;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/top_middle.png);
background-repeat: repeat-x;
}
.corner_top_right {
float: left;
width: 33px;
height: 62px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/corner_top_right.png);
}
.middle_left {
float: left;
width: 18px;
height: 100%;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
background-repeat: repeat-y;
}
.middle_middle {
float: left;
width: 88%;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_middle.png);
padding: 8px 5px 5px 8px; font-size: 10px;
color: #000;
font-family: verdana, tahoma, arial, sans-serif;
vertical-align:top;
}
.middle_right {
float: left;
width: 18px;
height: 100%;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_right.png);
background-repeat: repeat-y;
}
.corner_bot_left {
float: left;
width: 18px;
height: 53px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/corner_bot_left.png);
}
.bot_middle_frame {
float: left;
width: 85%;
height: 53px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/bot_middle.png);
background-repeat: repeat-x;
}
.bot_middle_block {
float: left;
width: 70%;
height: 53px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/bot_middle.png);
background-repeat: repeat-x;
}
.corner_bot_right {
float: left;
width: 18px;
height: 53px;
border: 0px;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/corner_bot_right.png);
}
et enfin le resultat sous IE, puisque le but c'est de plaire à mista IE .... grrrr grrrrr
http://www.monsterup.com/upload/1287371532.jpg
si je m'en sors sur ce coup, ben je poursuivrai, je tenterai de convertir un max de mes pages en pure css, ouffff ouffff
j'ai déjà passé quelques heures à virer pas mal d'erreurs, du style des balises ecrites en majuscules, un peu de partout et héritée de la version de base de TT,
la mienne étant comment dire .... à des années lumière, mais conservant tout de meme les scripts de base.
j'espère que ce challenge captera votre attention
a bientoto les coders
lol & lol & rock & roll
Modifié par Felipe (06 Dec 2010 - 17:12)
