Auteur Sujet: Redesign  (Lu 12308 fois)

0 Membres et 1 Invité sur ce sujet

Hors ligne Deweerdt

  • Habitué
  • **
  • Messages: 150
    • http://www.jeuxcasio.com
Redesign
« Réponse #30 le: 10 Août 2003 à 19:12:13 »
Atapi, je me suis permi de récupérer le code source de ton design pour le rendre conforme XHTML 1.1, voilà la source ci dessous.
Ca donne ça : http://www.jeuxcasio.com/phpnet_atapi.php
Je sais pas si c'est propre parceque je débute là dedans enfin bon ça m'a permi d'occuper mon temps pendant les vacances ;)
Je pense que ce design irait bien à Phpnet, il fait assez "pro".
<!DOCTYPE
 html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>PHPNET</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
<!--
body {color: #6980A0;background-color: #E7ECF2;}
A:link {text-decoration: none;color:#6980A0;}
A:active {text-decoration: none;color:#90A2BA;}
A:visited {text-decoration: none;color:#6980A0;}
.cellule1 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/10.jpg);height: 10px;}
.cellule2 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/fondtitre.jpg);height: 79px;}
.cellule3 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/20.jpg);height: 20px;width: 150px;}
.cellule4 {height: 10px;}
.cellule5 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/20.jpg);}
.cellule6 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/20.jpg);width: 150px;}
.cellule7 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/menu.jpg);width: 150px;}
.cellule8 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/titre.jpg);height: 25px;}
.cellule9 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/menu.jpg);}
.cellule10 {height: 16px;}
.cellule11 {background-image: url(http://a.ekzay.org/atapi/phpnet/img/20.jpg);height: 20px;}
.division1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: x-small;text-align: left;}
.division2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: x-small;text-align: center;}
.division3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: x-small;text-align: right;}
.division4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: small;text-align: center;color: #FFFFFF;}
.division5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: small;text-align: center;}
.centrer {text-align: center;}
.gauche {text-align: left;}
.droit {text-align: right;}

-->
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="cellule1"></td>
  </tr>
  <tr>
    <td class="cellule2"><img src="http://a.ekzay.org/atapi/phpnet/img/logo.jpg" width="687" height="79" alt=""/></td>
  </tr>
  <tr>
    <td class="cellule1"></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="cellule4"></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="cellule3"> <div class="division1"><strong>&nbsp;Bienvenue
        ... </strong></div></td>
    <td class="cellule5"><div class="division2"><strong>|
        Accueil | Nos Offres | FAQ | Forums | Chat | Nous contacter |</strong></div></td>
    <td class="cellule6"> <div class="division3"><strong>
<script type="text/javascript">

<!--   // Array ofmonth Names
var monthNames = new Array( "Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Décembre");
var now = new Date();
thisYear = now.getYear();
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem
document.write(now.getDate() + " "+ monthNames[now.getMonth()] + " " + thisYear);
// -->

</script>
&nbsp; </strong></div></td>
  </tr>
  <tr>
    <td valign="top" class="cellule7"> <br/>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="cellule8"><div class="division4"><strong>Menu
              Principal</strong></div></td>
        </tr>
        <tr>
          <td class="cellule9"> <br/>
            <table width="85%" border="0" class="centrer" cellpadding="0" cellspacing="0">
              <tr>
                <td class="division1"><strong>PHPNET...
                  <br/>
                  <br/>
                  + Accueil </strong>
                  <p><strong>+
                    L'association<br/>
                    + Offres d'h&eacute;bergement<br/>
                    + Conditions g&eacute;n&eacute;rales<br/>
                    + Infrastructure<br/>
                    + R&eacute;seau<br/>
                    + Chiffres</strong></p>
                  <p class="division1"><strong>+
                    Annuaire des sites</strong></p>
                  <p class="division1"><strong>+
                    Maintenances</strong></p>
                   <p class="division1"><strong>+
                    Contacter PHPNET </strong></p></td>
              </tr>
            </table>
            <br/>
          </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="cellule8"><div class="division4"><strong>News
              du r&eacute;seau</strong></div></td>
        </tr>
        <tr>
          <td class="cellule9"><br/>
            <table width="85%" border="0" class="centrer" cellpadding="0" cellspacing="0">
              <tr>
                <td class="division1"><strong>+
                  Bientot seront affich&eacute;es ici les dernieres news du r&eacute;seau
                  PHPNET.</strong></td>
              </tr>
            </table>
            <br/>
          </td>
        </tr>
        <tr>
          <td class="cellule10">&nbsp;</td>
        </tr>
      </table>
      
    </td>
    <td valign="top"> <table width="90%" border="0" class="centrer" cellpadding="0" cellspacing="0">
        <tr>
          <td><p class="division5"><strong><br/>
              .:: Accueil ::.</strong></p>
            <blockquote>
              <p class="division1"><strong>Bienvenue chez PHPNET !<br/>
                En alliant qualit&eacute; et prix, notre association propose diff&eacute;rentes
                offres d'h&eacute;bergement haute disponibilit&eacute; adapt&eacute;es
                &agrave; vos besoins pour votre site Web dynamique. Que votre
                site g&eacute;n&egrave;re un trafic important ou non, vous trouverez
                toujours chez nous une offre &agrave; votre mesure. Etant sp&eacute;cialis&eacute;
                depuis plusieurs ann&eacute;es dans l'h&eacute;bergement PHP,
                vous trouverez en nous, avec certitude, un partenaire fiable et
                r&eacute;actif qui sera toujours &agrave; votre &eacute;coute.
                </strong></p>
              <p class="division1"><strong>Performance et r&eacute;activit&eacute;
                &agrave; toute &eacute;preuve<br/>
                Plus de 1300 clients nous font d&eacute;j&agrave; confiance et
                h&eacute;bergent ainsi plus de 3 000 sites chez nous ! PHPNET,
                c'est l'assurance d'avoir un site rapide, performant et cela aux
                meilleurs co&ucirc;ts. Nous associons les derni&egrave;res technologies
                du Web pour vous permettre de concevoir un site encore plus dynamique
                et rapide. Parce que nous ne cherchons qu'&agrave; vous satisfaire
                au maximum, nous travaillons en permanence pour am&eacute;liorer
                toujours plus les fonctionnalit&eacute;s et les performances de
                nos serveurs, quel que soit le co&ucirc;t n&eacute;cessaire pour
                cela.</strong></p>
              <p class="division1"><strong>Termin&eacute;es les d&eacute;marches
                administratives pour vos noms de domaine !<br/>
                Avec PHPNET, vous pouvez acheter des domaines Internet, ainsi
                vous prot&eacute;gez votre nom et rendez l'acc&egrave;s &agrave;
                votre site plus facile et plus rapide. Votre nom de domaine deviendra
                alors votre enti&egrave;re propri&eacute;t&eacute;. De plus, vous
                n'aurez pas &agrave; vous soucier des d&eacute;marches administratives
                et techniques pour leurs cr&eacute;ations. Nous nous chargeons
                de tout !</strong></p>
              <p class="division1"><strong>Support technique comp&eacute;tent
                et r&eacute;actif...<br/>
                Parce que le service technique est un des services les plus importants
                chez un h&eacute;bergeur Internet, PHPNET fait tout pour que cela
                soit un plaisir pour vous ! Nous mettons &agrave; votre disposition
                plusieurs moyens de communication pour nous joindre afin de r&eacute;duire
                au maximum les d&eacute;lais de r&eacute;ponse. Ainsi vous pouvez
                nous contacter : en ouvrant un ticket chez nous, par mail et par
                t&eacute;l&eacute;phone pour les urgences. Nous serons toujours
                l&agrave; quand vous aurez besoin de nous, c'est ce que nous vous
                garantissons.</strong></p>
            </blockquote></td>
        </tr>
      </table>
      <p class="centrer"></p>
      </td>
    <td class="cellule7" valign="top"> <br/>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="cellule8"><div class="division4"><strong>Cluster
              #1</strong></div></td>
        </tr>
        <tr>
          <td class="cellule9"> <br/> <table width="85%" border="0" class="centrer" cellpadding="0" cellspacing="0">
              <tr>
                <td class="division1"><strong>+
                  Panel gestion<br/>
                  + PhpMyAdmin<br/>
                  + Webmail<br/>
                  + Adresses mail </strong> </td>
              </tr>
            </table>
            <br/> </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="cellule8"><div class="division4"><strong>Cluster
              #2</strong></div></td>
        </tr>
        <tr>
          <td class="cellule9"> <br/>
            <table width="85%" border="0" class="centrer" cellpadding="0" cellspacing="0">
              <tr>
                <td class="division1"><strong>+
                  Panel gestion<br/>
                  + PhpMyAdmin<br/>
                  + Webmail<br/>
                  + Adresses mail </strong>> </td>
              </tr>
            </table>
            <br/> </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="cellule8"><div class="division4"><strong>Vie
              PHPNET </strong></div></td>
        </tr>
        <tr>
          <td class="cellule9"> <br/> <table width="85%" border="0" class="centrer" cellpadding="0" cellspacing="0">
              <tr>
                <td class="division1"><strong>+
                  Forums d'aide<br/>
                  + Chat </strong>
                  <p class="division1"><strong>+
                    Mailing Listes</strong></p>
                  <p class="division1"><strong>+
                    FAQ<br/>
                    + Etat du r&eacute;seau<br/>
                    + Monitoring</strong></p>
                  </td>
              </tr>
            </table>
            <br/> </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      
    </td>
  </tr>
  <tr>
    <td class="cellule11" colspan="3"><div class="division2"><strong> Association
        PHPNET - 123 ter Cours de la Liberation - 38100 GRENOBLE (France) - Code
        APE : 913 E - N&deg; SIRET : 443710785 00017 - Infos hébergement : ventes@phpnet.org
        </strong></div></td>
  </tr>
</table>
<p class="droit">
  <a href="http://validator.w3.org/check/referer"><img
   src="http://www.w3.org/Icons/valid-xhtml11"
   alt="Valid XHTML 1.1!" height="15" width="44" style="border:0" /></a>
 <a href="http://jigsaw.w3.org/css-validator/">
  <img style="border:0;width:44px;height:15px"
       src="http://jigsaw.w3.org/css-validator/images/vcss"
       alt="Valid CSS!" /></a>

</p>
</body>
</html>
« Modifié: 10 Août 2003 à 19:14:43 par Deweerdt »
...::: Deweerdt :::: Jeuxcasio.com :::: Ascnatation.com :::...
...::: :::: :::...

Hors ligne atapi

  • Connaisseur
  • ***
  • Messages: 306
Redesign
« Réponse #31 le: 11 Août 2003 à 10:58:45 »
ben ça devient difficile de la voir avec Ekzay, alors je l'ai mit sur free, c'est lent, mais bon, on le voit,

http://atapi.be.tf.free.fr/phpnet/,

Sinon, merci pour la mise conforme, mais normalement Anubis doit le mettre en css.
En +, ça touche plus les bords
« Modifié: 11 Août 2003 à 11:05:33 par atapi »

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #32 le: 11 Août 2003 à 13:07:57 »
Ok je vais essayer de faire ça, mais pas tout de suite, je suis un peu pris en ce moment.

Je vais essayer de contacter Thibaud pour lui en parler, puis on attaquera (peut-être le redesign).

Voili, voilou.
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #33 le: 11 Août 2003 à 13:09:32 »
Atapi, est-ce que tu pourrais refaire ton image titre sans le texte de PhpNet dedans ?
Je voudrais le mettre en dynamique, qu'il soit pas dans l'image.
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #34 le: 11 Août 2003 à 13:11:40 »
Dernière chose... Si vous pouviez réfléchir à d'autres designs ça serait bien... Parceque là on évolue pas vraiment en terme de positionnement par rapport au design actuel.
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne atapi

  • Connaisseur
  • ***
  • Messages: 306
Redesign
« Réponse #35 le: 11 Août 2003 à 13:53:07 »
ben, on peut mettre qu'un colone  :D

sinon, je dois séparer PHPNET de "l'hébergeur spécialiste du php", c'est ça?  

Hors ligne Albyor

  • Débutant
  • *
  • Messages: 58
    • http://www.albyor.net
Redesign
« Réponse #36 le: 11 Août 2003 à 16:23:04 »
Salut,

Une idée de design. je précise c'est une ébauche.
Cliquez ici pour la voir ...
« Modifié: 11 Août 2003 à 16:23:17 par Albyor »
Albyor Théophillus, responsable de la bibliothèque d'Althaïr

"les souvenirs s'échappent, le temps nous rattrappe. Nous ne sommes rien !"

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #37 le: 11 Août 2003 à 17:46:47 »
J'aime bien aussi ! Ça change grave !

Bon il faut encore le fignoller, mais c'est une bonne idée ;-).
« Modifié: 11 Août 2003 à 17:47:27 par Anubis »
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne Albyor

  • Débutant
  • *
  • Messages: 58
    • http://www.albyor.net
Redesign
« Réponse #38 le: 11 Août 2003 à 17:48:18 »
J'attends encore quelques avis et si ça branche du monde je fignolle ... ;)  
Albyor Théophillus, responsable de la bibliothèque d'Althaïr

"les souvenirs s'échappent, le temps nous rattrappe. Nous ne sommes rien !"

Hors ligne Deweerdt

  • Habitué
  • **
  • Messages: 150
    • http://www.jeuxcasio.com
Redesign
« Réponse #39 le: 11 Août 2003 à 18:57:42 »
Citer
Dernière chose... Si vous pouviez réfléchir à d'autres designs ça serait bien... Parceque là on évolue pas vraiment en terme de positionnement par rapport au design actuel.
On peut aussi faire un menu horizontal en javascript avec des sous menu qui apparaissent lors du passage de la souris...
...::: Deweerdt :::: Jeuxcasio.com :::: Ascnatation.com :::...
...::: :::: :::...

Hors ligne ANTHONY

  • Débutant
  • *
  • Messages: 56
Redesign
« Réponse #40 le: 11 Août 2003 à 20:11:05 »
Bon voilà une nouvelle piste peut-etre, plus "graphique", plus lourde certainement, mais plus tape à l"oeil aussi... :P
a vous de voir, je tient la psd à votre disposition sur simple demande.
Je n'ai pas beaucoup de temps hélas à consacrer à phpnet, donc je ne peux que vous aider en vous donnant comme ici des pistes de travail... :(
Anthony THIBAULT
www.hippocampestudio.com

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #41 le: 12 Août 2003 à 00:08:23 »
Moi j'aime bien. C'est un peu fouilli, c'set pas super lisible, mais je pense qu'il faudrait revoir les couleurs, doit pas y avoir assez de contraste...

Sinon j'aime beaucoup....
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)

Hors ligne atapi

  • Connaisseur
  • ***
  • Messages: 306
Redesign
« Réponse #42 le: 24 Août 2003 à 13:58:49 »
:huh: Ca les interesse pas trop

Hors ligne manannann

  • Débutant
  • *
  • Messages: 26
    • http://www.indriya.org/
Redesign
« Réponse #43 le: 24 Août 2003 à 16:00:41 »
En attendant, c'est pas pour foutre la merde mais ta source Anubis, ça m'étonne qu'elle soit valide XHTML Strict, car dans le DTD, c'est "double quoted" pour les attributs des balises ;)
[size=8]"On peut rire de tout, y compris de la mort. Du reste, est-ce qu'elle se gêne,
la mort, pour se rire de nous ?" ( Pierre Desprosges )
[/size]

Troupe Indriyâ
webmaster@indriya.org

Hors ligne Anubis

  • Habitué
  • **
  • Messages: 161
    • http://
Redesign
« Réponse #44 le: 25 Août 2003 à 11:06:52 »
http://validator.w3.org/check?verbose=1&ur...et.genezys.net/

Maintenant, il faudra me trouver le paragraphe de la DTD XHTML 1.0 Strict expliquant que les attributs doivent être entre « double quotes ». Pour t'aider, l'adresse de la DTD XHTML 1.0 Strict.

Mais je pense qu'il va falloir que tu cherches plutôt du côté de la définition XML pour me prouver ce que tu avances... Je veux bien te croire, mais il va falloir m'apporter le document, étant donné que j'ai toujours fait comme ça, et que ça a toujours fonctionné avec tous les parsers que j'ai rencontré pour le moment.

(En fait, je pense même que si je fais comme ça, c'est que j'ai dû lire quelque part que ça se faisait)
virtual void Life[span style=\'color:purple\']() = 0;[/span]

Genezys, humeurs d'un codeur
ChuWiki, le wiki simple et facile
Le lynx et autre félins (j'ai seulement fait les designs ^^)