Convertir un template html en template pour jomla

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Convertir un template html en template pour jomla

    Bonjour je suis nouveau dans ce forum et je rechercher un peu d'aide pour pourvoir convertir un theme html que j'ai créer en theme pour jomla est-ce que quel qu'un peut m'aider svp
    Mon site sous joomla 1.0.8: http://val-design.fr.nf

  • #2
    Peut-être avec l'extension Nvu

    Essaye de voir du côté de l'extension Template avec Nvu, ça doit pouvoir se faire, mais je pense que c'est uniquement avec la version anglaise de Nvu...

    tu peux voir l'extension ici

    à tester, tiens nous au courant
    Quentin,

    Architecte : http://www.qga.be --> mon site perso créé directement avec Joomla !
    Template perso

    Commentaire


    • #3
      Je comprend rien

      Merci pour le lien j'ai installer l'extention mais je comprend rien il y a pas quelqu'un qui a msn et qui peux m'aider par msn c'est juste un fichier index.php a mettrre pour que sa marche avec jomla svp moi j'y arrive pas ! car le dossier image , l'image du template , et le fichier info c'est bon il me reste jsuet index.php et dans css/le fichier css c'est tous 2 fichier

      voilà mon code html si jamais quelqu'un peux le mettre pour que sa marche avec jomla merci beaucoup :

      <?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
      <meta http-equiv="Content-Language" content="en-us">
      <title>.:: Valdrin-S.TK ::. version 6.0 du Site</title>
      <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>">
      <style type="text/css">
      <!--
      .Style1 {color: #FFFFFF}
      .Style4 {color: #FFFFFF; font-size: 12px; }
      .Style8 {font-size: 12px}
      -->
      </style>
      </head>
      <body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
      <div align="center">
      <center>
      <table id="Table_01" width="695" height="854" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" bgcolor="#333333">
      <tr>
      <td colspan="7" width="806" height="31">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_01.jpg" width="800" height="31" alt=""></font></td>
      </tr>
      <tr>
      <td rowspan="2" width="48" height="148">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_02.jpg" width="48" height="151" alt=""></font></td>
      <td colspan="5" width="710" height="129">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_03.jpg" width="704" height="130" alt=""></font></td>
      <td rowspan="2" width="48" height="148">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_04.jpg" width="48" height="151" alt=""></font></td>
      </tr>
      <tr>
      <td colspan="5" width="710" background="images/index_05.jpg" height="19">
      <h3 align="center"><b><font face="Verdana" size="1" color="#FFFFFF">
      <a href="#"><font color="#FFFFFF">Accueil</font></a> |
      <a href="#"><font color="#FFFFFF">Mes images</font></a> |
      <a href="#"><font color="#FFFFFF">Forums</font></a> |
      <a href="#"><font color="#FFFFFF">Rechercher</font></a> |
      <a href="#"><font color="#FFFFFF">Les Liens</font></a> |
      <a href="#"><font color="#FFFFFF">Télécharger</font></a> |
      <a href="#"><font color="#FFFFFF">Sponsors</font></a></font></b></h3></td>
      </tr>
      <tr>
      <td colspan="2" rowspan="7" width="56" height="674">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_06.jpg" width="50" height="718" alt=""></font></td>
      <td width="163" height="31">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_07.jpg" width="163" height="31" alt=""></font></td>
      <td colspan="4" width="587" height="31">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_08.jpg" width="587" height="31" alt=""></font></td>
      </tr>
      <tr>
      <td width="163" height="158" background="images/index_09.jpg" align="left" valign="top">
      <p align="center"></td>
      <td rowspan="5" width="69" height="648">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images//index_10.jpg" width="69" height="648" alt=""></font></td>
      <td rowspan="5" width="444" background="images/index_11.jpg" align="left" valign="top" height="648">
      <p align="center"></td>
      <td colspan="2" rowspan="5" width="74" height="648">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_12.jpg" width="74" height="648" alt=""></font></td>
      </tr>
      <tr>
      <td width="163" height="87">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_13.jpg" width="163" height="87" alt=""></font></td>
      </tr>
      <tr>
      <td width="163" height="158" background="images/index_14.jpg" align="left" valign="top">
      <p align="center"></td>
      </tr>
      <tr>
      <td width="163" height="87">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images//index_15.jpg" width="163" height="87" alt=""></font></td>
      </tr>
      <tr>
      <td width="163" height="158" align="left" valign="top" background="images/index_16.jpg">
      <p align="center"></td>
      </tr>
      <tr>
      <td width="163" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_17.jpg" width="163" height="39" alt=""></font></td>
      <td colspan="4" width="587" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/index_18.jpg" width="587" height="39" alt=""></font></td>
      </tr>
      <tr>
      <td width="48" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="48" height="1" alt=""></font></td>
      <td width="8" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="2" height="1" alt=""></font></td>
      <td width="163" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="163" height="1" alt=""></font></td>
      <td width="69" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="69" height="1" alt=""></font></td>
      <td width="444" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="444" height="1" alt=""></font></td>
      <td width="26" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="26" height="1" alt=""></font></td>
      <td width="48" height="1">
      <p align="center">
      <font face="Verdana" size="1" color="#FFFFFF">
      <img src="images/spacer.gif" width="48" height="1" alt=""></font></td>
      </tr>
      </table>
      </center>
      </div>
      </body>
      </html>

      Mon site sous joomla 1.0.8: http://val-design.fr.nf

      Commentaire


      • #4
        salut à tous

        avant de faire quoi que ce soit, faut que tu valides ton code, tu peux le faire avec DW, et après on verra

        quelques exemples:

        <style type="text/css">
        <!--
        .Style1 {color: #FFFFFF}
        .Style4 {color: #FFFFFF; font-size: 12px; }
        .Style8 {font-size: 12px}
        -->

        - pas besoin, tu as le fichier css pour cela

        <body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

        - idem

        <table id="Table_01" width="695" height="854" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" bgcolor="#333333">

        - idem, de plus que tu as définit un ID

        voila, fais d'abord ça parce que sinon on a jusqu'au Noël

        cordialement nart
        Agence web Joomla www.nartconcept.fr spécialisée en création de sites Joomla professionnels http://www.nartconcept.fr/services.html
        RT3 Framework : www.rt3.fr pour Joomla 1.7.x & 2.5

        Commentaire


        • #5
          CSS euu

          désoler mais j'y connais rien en css je voudrai bien mais sa sous une feuille css mais je sais pas comment faire et quoi mettre le css qui est mis sous la page c'est mis automatiquement depuis Dreamweaver
          Mon site sous joomla 1.0.8: http://val-design.fr.nf

          Commentaire


          • #6
            Salut,

            Tu as du boulot sur la planche.
            Tu connais le HTML manifestement.
            Mais tu connais rien au CSS.

            Ok, c'est pas grave, ça se soigne.

            Si tu es vraiment motivé alors :

            1. Tu commences par lire CECI

            2. Ensuite tu cherches le sujet CSS sur ce forum, dans la partie gestion des templates. Tu va faire un tour sur les sites mentionné pour avoir quelques autres éléments génériques sur les CSS.

            Une fois fait, tu reviens nous dire si tu as tout capté.

            C'est pas la peine de commencer tout seul si tu ne connais pas le nom des styles. Bref, si tu es toujours motivé et que tu es sur que c'est dans tes cordes alors on va plus loin.

            Ca te vas comme ça ?

            Papounet
            I'am happy for you !
            Dernière réalisation : http://www.pierrickservais.com/

            Commentaire


            • #7
              Merci

              merci pour les liens je vais essaier mais bon mon site je voudrai bien mettre mon theme sur le net enfin bon je vais essaier de apprendre le css
              Mon site sous joomla 1.0.8: http://val-design.fr.nf

              Commentaire


              • #8
                Je sais.
                Mais, ca va pas se faire tout seul.
                Quelque chose me dit que tu es capable de le faire.
                Va falloir y passer un peu de temps.

                J'avais oublié CECI

                Tu es motivé ou pas ?

                Papounet
                I'am happy for you !
                Dernière réalisation : http://www.pierrickservais.com/

                Commentaire


                • #9
                  oui bien sur lol

                  Motiver oui bien sur !!! lol
                  Mon site sous joomla 1.0.8: http://val-design.fr.nf

                  Commentaire


                  • #10
                    Site déformer

                    bon je suis un gars qui comprend vite et j'ai un peu compris le css donc je me suis attaquer et j'ai réussi a mettre mon site pour qu'il marche avec joomla et sa marche mais seul problème il est un peu déformer regarder par fou meme :

                    Mon site sous joomla 1.0.8: http://val-design.fr.nf

                    Commentaire


                    • #11
                      yenappa juska noel

                      c'est pas to look....

                      tu progresses vite....
                      Sinon le camarade papounet est the grestest source of knoledge her avec le grand marabout de Patagonie.....

                      bonne chance
                      Celui qui ferme sa porte aux erreurs la ferme aussi aux verites
                      Un endroit à connaitre : www.madagascarnet.net
                      info :www.iis-madagascar.com
                      www.pagesjaunes-madagascar.com

                      Commentaire


                      • #12
                        mes pages

                        alors voilà comment j'ai fais

                        index.php :
                        <meta http-equiv="Content-Language" content="en-us">
                        <title>.:: Valdrin-S.TK ::. version 6.0 du Site</title>
                        <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>">
                        <link href="templates/valdrin/css/template_css.css" rel="stylesheet" type="text/css">
                        </style>
                        </head>
                        <body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
                        <div align="center">
                        <center>
                        <table id="Table_01" width="695" height="854" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" bgcolor="#333333">
                        <tr>
                        <td colspan="7" width="806" height="31">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_01.jpg" width="800" height="31" alt=""></font></td>
                        </tr>
                        <tr>
                        <td rowspan="2" width="48" height="148">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_02.jpg" width="48" height="151" alt=""></font></td>
                        <td colspan="5" width="710" height="129">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_03.jpg" width="704" height="130" alt=""></font></td>
                        <td rowspan="2" width="48" height="148">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_04.jpg" width="48" height="151" alt=""></font></td>
                        </tr>
                        <tr>
                        <td colspan="5" width="710" background="templates/valdrin/images/index_05.jpg" height="19">
                        <h3 align="center">
                        <?php mosLoadModules ( 'user3', -1); ?>
                        </h3></td>
                        </tr>
                        <tr>
                        <td colspan="2" rowspan="7" width="56" height="674">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_06.jpg" width="50" height="718" alt=""></font></td>
                        <td width="163" height="31">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_07.jpg" width="163" height="31" alt=""></font></td>
                        <td colspan="4" width="587" height="31">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_08.jpg" width="587" height="31" alt=""></font></td>
                        </tr>
                        <tr>
                        <td width="163" height="158" background="templates/valdrin/images/index_09.jpg" align="left" valign="top">
                        <p align="center">
                        <?php
                        ?>
                        <?php mosLoadModules ( 'left', -2 ); ?>
                        <br align="center">
                        </td>
                        <td rowspan="5" width="69" height="648">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images//index_10.jpg" width="69" height="648" alt=""></font></td>
                        <td rowspan="5" width="444" background="templates/valdrin/images/index_11.jpg" align="left" valign="top" height="648">
                        <p align="center">
                        <p align="center"><span class="body_outer">
                        <?php mosMainBody(); ?>
                        </span></td>
                        <td colspan="2" rowspan="5" width="74" height="648">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_12.jpg" width="74" height="648" alt=""></font></td>
                        </tr>
                        <tr>
                        <td width="163" height="87">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_13.jpg" width="163" height="87" alt=""></font></td>
                        </tr>
                        <tr>
                        <td width="163" height="158" background="templates/valdrin/images/index_14.jpg" align="left" valign="top">
                        <div align="center"><br align="center">

                        <br align="center">
                        </div></td>
                        </tr>
                        <tr>
                        <td width="163" height="87">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images//index_15.jpg" width="163" height="87" alt=""></font></td>
                        </tr>
                        <tr>
                        <td width="163" height="158" align="left" valign="top" background="templates/valdrin/images/index_16.jpg">
                        <p align="center">

                        <p align="center">

                        <p align="center"></td>
                        </tr>
                        <tr>
                        <td width="163" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_17.jpg" width="163" height="39" alt=""></font></td>
                        <td colspan="4" width="587" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/index_18.jpg" width="587" height="39" alt=""></font></td>
                        </tr>
                        <tr>
                        <td width="48" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="48" height="1" alt=""></font></td>
                        <td width="8" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="2" height="1" alt=""></font></td>
                        <td width="163" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="163" height="1" alt=""></font></td>
                        <td width="69" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="69" height="1" alt=""></font></td>
                        <td width="444" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="444" height="1" alt=""></font></td>
                        <td width="26" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="26" height="1" alt=""></font></td>
                        <td width="48" height="1">
                        <p align="center">
                        <font face="Verdana" size="1" color="#FFFFFF">
                        <img src="templates/valdrin/images/spacer.gif" width="48" height="1" alt=""></font></td>
                        </tr>
                        </table>
                        </center>
                        </div>
                        </body>
                        </html>



                        template_css.css :

                        body {
                        background-color:#333333;
                        margin:0px 0px 0px 0px;
                        scrollbar-arrow-color: #ffffff;
                        scrollbar-3dlight-color: #ffffff;
                        scrollbar-darkshadow-color: #ffffff;
                        scrollbar-highlight-color: #FFFFFF;
                        scrollbar-shadow-color: #FFFFFF;
                        scrollbar-face-color: #FFFFFF;
                        scrollbar-track-color: #FFFFFF;
                        }
                        h1 {
                        font-family:verdana, sans-serif;
                        font-size:20px;
                        color:#ffffff;
                        background-color:transparent;
                        text-align:center;
                        }
                        h2 {
                        font-family:arial, sans-serif;
                        font-size:12px;
                        color:#ffffff;
                        background-color:transparent;
                        text-align:center;
                        }
                        h3 {
                        font-family:arial, sans-serif;
                        font-size:12px;
                        color:#ffffff;
                        background-color:transparent;
                        text-align:center;
                        }
                        p {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        text-align:center;
                        margin-left:0px;
                        margin-right:0px;
                        }
                        li {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        text-align:center;
                        margin-left:0px;
                        margin-right:0px;
                        }
                        a:link {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        text-decoration:none;
                        }
                        a:visited {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        text-decoration:none;
                        }
                        a:hover {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        text-decoration:none;
                        }
                        .object {
                        border: 1px solid #CCCCCC;
                        background-color: #FFFFFF;
                        padding: 5px;
                        margin-bottom: 10px;
                        }
                        .object_none {
                        border: 0px solid #CCCCCC;
                        background-color: #FFFFFF;
                        padding: 5px;
                        margin-bottom: 10px;
                        }
                        .objects {
                        width: 650px;
                        border-width: 0px;
                        border-collapse: collapse;
                        }
                        .objects_my {
                        width: 650px;
                        border: 1px solid #CCCCCC;
                        background-color: #FFFFFF;
                        }
                        textarea.mentions {
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 9px;
                        color: #ffffff;
                        border: 1px solid #aaaaaa;
                        width: 500px;
                        height: 50px;
                        }
                        textarea.champs {
                        font-family: Verdana;
                        font-size: 2px;
                        }
                        .galerie {
                        width: 500px;
                        border-width: 0px;
                        border-collapse: collapse;
                        }
                        table {
                        border-color:#CCCCCC;
                        border-style:solid;
                        border-width:0px;
                        }
                        td {
                        font-family:arial, sans-serif;
                        font-size:10px;
                        color:#ffffff;
                        background-color:transparent;
                        border-color:#FFFFFF;
                        border-style:solid;
                        border-width:0px;
                        }
                        .formfield {
                        border-right: #ffffff 1px solid;
                        border-top: #ffffff 1px solid;
                        font-size: 9px;
                        border-left: #ffffff 1px solid;
                        width: 95px;
                        color: #ffffff;
                        border-bottom: #ffffff 1px solid;
                        font-family: Arial, Helvetica, sans-serif;
                        height: 14px;
                        background-color: white;
                        text-decoration: none
                        }
                        .dropdown {
                        font-size: 9px;
                        width: 166px;
                        color: #ffffff;
                        font-family: Arial, Helvetica, sans-serif;
                        background-color: #ffffff
                        }
                        .unnamed1 {
                        font-family: Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #ffffff;
                        font-size: 10px;
                        }
                        .unnamed2 {
                        color: #ffffff;
                        text-decoration: none;
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 10px;
                        }
                        .selectBoxNormal {
                        BACKGROUND-COLOR: #f5f5f5;
                        BORDER-BOTTOM: #ffffff 1px solid;
                        BORDER-LEFT: #ffffff 1px solid;
                        BORDER-RIGHT: #ffffff 1px solid;
                        BORDER-TOP: #ffffff 1px solid;
                        COLOR: #ffffff;
                        FONT-FAMILY: Arial, Helvetica, sans-serif;
                        FONT-SIZE: xx-small;
                        text-decoration: none
                        }
                        .selectOver {
                        BACKGROUND-COLOR: #ffffff;
                        BORDER-BOTTOM: ##ffffff 1px solid;
                        BORDER-LEFT: ##ffffff 1px solid;
                        BORDER-RIGHT: ##ffffff 1px solid;
                        BORDER-TOP: ##ffffff 1px solid;
                        COLOR: #ffffff;
                        FONT-FAMILY: Arial, Helvetica, sans-serif;
                        FONT-SIZE: xx-small; text-decoration: none
                        }
                        .on {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: xx-small;
                        font-weight: normal;
                        color: #ffffff;
                        }
                        a img
                        {
                        border: none ;
                        }

                        est-ce que vous pour m0aider a faire que mon site soit normale pas déformer comme c'est lol merci d'avance
                        Mon site sous joomla 1.0.8: http://val-design.fr.nf

                        Commentaire


                        • #13
                          Salut valdrin,

                          Bon, pour commencer, tu nous aurais donné un lien vers ta page, on se serait chargé de consulter ton code.
                          Ca aurait évité de surcharger le thread de tout ce code.

                          Globalement, ton code html est à revoir.
                          Apparement, c'est généré via un photoshop ou un truc dans le genre.
                          Bref, c'est pas très clean, surchargé inutilement.
                          Exemples d'optimisation :
                          <link href="<?php echo $mosConfig_live_site;?>/templates/valdrin/css/template_css.css" rel="stylesheet" type="text/css">
                          ...
                          <body style="background:#333;margin:0;padding:0">
                          ...
                          <div align="center">
                          <center>
                          ici, <center> suffit, inutile de rajouter un <div align="center">
                          ...
                          <font face="Verdana" size="1" color="#FFFFFF">
                          beurk...
                          oublies définitivement la balise <font></font>
                          utilise une class générique pour définir ta ou tes polices.
                          par exemple :
                          p, div, td {
                          font-family, arial, helvetiva, sans-serif;
                          font-size: 12px;
                          }
                          Cela permet de déclarer une police commune à tout le texte placé dans des balises <p></p>, <div></div> ou <td></td>
                          Pour les cas particulier, tu peux créer de nouvelles class.
                          ...
                          D'un point de vue général, utilise ton fichier css (templates/valdrin/css/template_css.css) pour y placer toutes tes déclarations de style (class, id)
                          ...
                          glisses une déclaration comme :
                          tr {
                          vertical-align: top;
                          }
                          car tu en a apparament besoin.
                          ...
                          <img src="templates/valdrin/images/index_02.jpg" width="48" height="151" alt="??????">
                          Ne laisses pas tes balises alt vide, places au moins un nom d'image
                          ...
                          <td colspan="2" rowspan="7" [...] <td rowspan="5" [...]
                          Fait le compte et tu verras que tu peux faire + simple.
                          Ya trop de colonne et de lignes.
                          Tu peux optimiser la structure et alléger ton code.
                          Pose d'abord ton design sur une feuille de papier, décide d'une architecture dominante (horizontale ou verticale), trace tes zones de contenu (modules et textes.
                          Tu verras, c'est plus clair comme cela.
                          ...
                          <br align="center">
                          ???
                          l'attribut align="center" ne sert à rien dans un <br>
                          le <br> n'est qu'un retour chariot (passage à la ligne suivante), y a pas d'alignement possible.
                          ...
                          <p align="center">
                          <p align="center">
                          énormément de redondance... relis ton code, passe le au peigne fin... vise la perfection.
                          Tu n'en sera que plus fier à l'arrivée...
                          ...
                          <?php mosMainBody(); ?>
                          !!!
                          Affiches ta page, et va étudier le code source.
                          Tu y découvrira les class utilisées par le CMS pour la mise en forme.
                          Ceci est apparement absent de ta feuille de style (.contenheading, mainlevel, search, contentpane, etc...)
                          Tu en as besoin
                          ...
                          <img src="templates/valdrin/images/spacer.gif" width="69" height="1" alt="">
                          Avec une feuille de style bien faites, ton "spacer" devrait devenir inutile
                          Ca vaut vraiement le coup de bien assimiler le mode opératoire des css et de conjuguer cela avec un code (x)html optimisé.
                          ...
                          h1 {
                          font-family:verdana, sans-serif;
                          font-size:20px;
                          color:#ffffff;
                          background-color:transparent;
                          text-align:center;
                          }
                          h2 {
                          font-family:arial, sans-serif;
                          font-size:12px;
                          color:#ffffff;
                          background-color:transparent;
                          text-align:center;
                          }
                          h3 {
                          font-family:arial, sans-serif;
                          font-size:12px;
                          color:#ffffff;
                          background-color:transparent;
                          text-align:center;
                          }
                          Exemple d'optimisation
                          font-family:arial, sans-serif; -> ca tu le mets dans la déclaration de body, p, div et td (tu as pratiquement fait le tour de la question)
                          Ainsi tu profites des héritages de styles
                          ensuite
                          h1, h2, h3 {
                          color:#ffffff;
                          background-color:transparent;
                          text-align:center;
                          }
                          h2, h3 {
                          font-size:12px;
                          }
                          (sous réserve que 12px ne soit pas la taille par défaut, car en ce cas, cette déclaration devient superflue.)
                          ...
                          autre exemple :
                          a:link {
                          font-family:arial, sans-serif;
                          font-size:10px;
                          color:#ffffff;
                          background-color:transparent;
                          text-decoration:none;
                          }
                          a:visited {
                          font-family:arial, sans-serif;
                          font-size:10px;
                          color:#ffffff;
                          background-color:transparent;
                          text-decoration:none;
                          }

                          devient
                          a:link, a:visited {
                          font-size:10px;
                          color:#ffffff;
                          background-color:transparent;
                          text-decoration:none;
                          }

                          (la famille de police ayant été préalablement déclarée... voir l'exemple précédent)
                          ...

                          Tu vois, y a de quoi faire.

                          j'aurai pu reprendre intégralement ton code et ta feuille de style mais :
                          1. c'est à toi de retravailler ton code pour comprendre les subtilité qui te permettront de générer un code optimisé... c'est comme ça qu'on progresse.
                          2. la feuille de style est très incomplète. la plupart des class utilisées par le cms ne sont pas là.
                          Faut lire le code des pages affichée pour identifier les pricipales class. Ou lire une des css livrées en standard.

                          Pour finir, mon aide sera plus dense et plus précise à chaque progrés de ta part qui ne tardera pas je pense.
                          J'espère que tu comprendras le sens de ma démarche.

                          Bon courage et à bientôt
                          C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                          Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                          Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                          Commentaire


                          • #14
                            Merci

                            Merci pour tous j'ai essai de suivire ce que tu ma dis mais mon design et encore plus déformer qu'avant ahhaha

                            je sais que c'est mieux de faire par soit meme , mais la moi j'y arrive pas alors est-ce que quelqu'un peut me le faire si vous plai !!!!

                            car mon site j'aimerai bien le mettre en ligne demain ou après demain
                            Mon site sous joomla 1.0.8: http://val-design.fr.nf

                            Commentaire


                            • #15
                              hey Vald !
                              redimesioner l'img du fond (bg_menue) sa peut venire de sa la deformation.


                              a plus

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X