Joomladay francophone 2018 à Paris 18 et 19 mai

Mettre template en plein ecran

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

  • #16
    Pardon, en fait maintenant je suis sur frozen_green, dont j'ai effectué déjà des petites modifications et dont je vous redonne le CSS et l'index :

    /*-- Basic HTML Elements --*/

    img {border: 0;}

    body {
    margin: 0 0 0 0;
    background-color: #fff;
    }

    td,tr,p,div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    }

    a:link, a:visited {
    color: #006600;
    text-decoration: none;
    }

    a:hover {
    text-decoration: underline;
    }

    ul {
    margin: 0px 5px;
    padding: 0px;
    list-style: none;
    }

    li {
    background-image: url(../images/list.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 10px;
    font-size: 11px;
    }

    hr {
    width: 100%;
    }

    /*-- Template Layout --*/

    #frametable {
    min-width: 960px;
    }

    div.clear {
    clear: both;
    }

    #header_img {
    position: absolute;
    z-index: 2;
    top: 87px;
    left: 0px;
    width: 191px;
    height: 176px;
    }

    #top_l {
    height: 120px;
    width: 220px;
    }

    #logo {
    padding-top: 17px;
    padding-left: 50px;
    }

    #top_c {
    height: 120px;
    background: url(../images/border_top.gif) 0px 11px no-repeat;
    }

    #module_t {
    padding-top: 40px;
    padding-left: 25px;
    padding-right: 10px;
    }

    #module_t td {
    font-size: 11px;
    }

    #top_r {
    height: 120px;
    width: 220px;
    background: url(../images/border_top.gif) 0px 11px no-repeat;
    }

    #menu_t {
    padding-top: 35px;
    padding-left: 60px;
    }

    #header {
    height: 140px;
    padding: 0px;
    background: url(../images/header_bg.jpg) left top repeat-x;
    }

    .mods {
    width: 200px;
    padding: 15px 10px;
    }

    #modules_l, #modules_r {
    text-align: left;
    border-bottom: 2px solid #9ac601;
    }

    #main {
    padding: 15px 10px;
    }

    .users {
    width: 50%;
    float: left;
    background: url(../images/border_btm.gif) right bottom no-repeat;
    padding-top: 15px;
    }

    #spacer {
    padding-left: 5px;
    }

    #footer {
    height: 46px;
    background: url(../images/footer_bg.jpg) left top repeat-x;
    }

    #copyright {
    padding-top: 8px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    }

    div#copyright a:link, div#copyright a:visited {
    color: #ededed;
    }

    div#copyright a:hover {
    text-decoration: underline;
    }

    #copyleft {
    visibility: hidden;
    display: none;
    }

    /*-- Form Elements --*/

    .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-transform: lowercase; /* connexion */
    background-color: #FFFFFF;
    border: 3px double gray;
    }

    .inputbox {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666;
    background-color: #fff;
    border: 1px solid gray;
    }

    /*-- Navigation --*/

    a.mainlevel:link, a.mainlevel:visited {
    display: block;
    line-height: 25px;
    background: url(../images/arrow.png) 3px 8px no-repeat; /* TEST */
    padding-left: 20px;
    border-bottom: 1px solid #9ac601;
    font-size: 13px;
    font-weight: bold;
    color: #006600;
    }

    a.mainlevel:hover {
    color: #00CC00;
    text-decoration: none;
    }

    a.sublevel:link, a.sublevel:visited {
    line-height: 16px;
    font-size: 11px;
    color: #2e4600;
    padding-left: 2px;
    }

    ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited {
    color: #558201;
    }

    .back_button {
    border: 3px double #d8e7ab;
    text-align: center;
    font-weight: bold;
    text-transform: lowercase;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 3px;
    }

    .back_button a:hover {
    color: #5f8e00;
    text-decoration: none;
    }

    .pathway {
    font-size: 11px;
    color: #2e4600;
    }

    a.pathway:link, a.pathway:visited {
    color: #558201;
    }

    /*-- Content --*/

    .contentpaneopen {
    width: 100%;
    }

    .contentheading {
    background: url(../images/article_hd.gif) left bottom repeat-x;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold; /* TEST */
    color: #006600;
    text-transform: uppercase;
    line-height: 30px;
    }

    a.contentpagetitle:link, a.contentpagetitle:visited {
    color: #558201;
    }

    a.contentpagetitle:hover {
    color: #3d5c01;
    text-decoration: none;
    }

    .article_seperator {
    display: block;
    height: 30px;
    background: url(../images/article_sep.gif) center no-repeat;
    }

    .small, .createdate {
    font-size: 11px;
    color: #bdd33d;
    }

    .modifydate {
    font-size: 10px;
    color: #bdd33d;
    }

    .smalldark {
    font-size: 11px;
    color: #333;
    }

    .readon {
    background: url(../images/arrow.png) 0px 4px no-repeat;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
    text-transform: lowercase;
    float: left;
    }

    a.readon:link, a.readon:visited {
    color: #99BF00;
    }

    .componentheading {
    background: url(../images/component.gif) 0px 5px no-repeat;
    padding: 2px;
    padding-left: 35px;
    text-align: left;
    color: #3d5c01;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 4px;
    }

    .category {
    font-size: 12px;
    }

    .contentdescription {
    font-size: 11px;
    color: #999;
    }

    /*-- Pagination --*/

    table.contenttoc {
    margin-left: 4px;
    border: 1px solid #9ac601;
    }
    table.contenttoc th {
    line-height: 18px;
    padding: 2px 4px;
    color: #436602;
    }

    table.contenttoc td {
    line-height: 18px;
    border-top: 1px solid #9ac601;
    padding: 2px 4px;
    }

    .pagenavcounter {
    font-size: 11px;
    color: #960;
    }

    .pagenavbar div {
    font-size: 11px;
    }

    /*-- Modules --*/

    table.moduletable {
    width: 100%;
    padding-bottom: 6px;
    }

    table.moduletable th {
    line-height: 32px;
    background: #006600 left top no-repeat; /* TITRES MENUS */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10.5px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    padding-left: 30px;
    padding-top: 0px;
    }

    table.moduletable td {
    font-weight: normal;
    color: #333;
    text-align: left;
    }

    /*-- Other --*/

    .sectiontableheader {
    font-weight: bold;
    color: #fff;
    text-transform: lowercase;
    background-color: #9ac601;
    border-bottom: 3px double #5f8e00;
    border-top: 3px double #5f8e00;
    padding: 5px;
    }

    .sectiontableentry1 {
    background-color: #f2f7e1;
    padding: 2px;
    }

    .sectiontableentry2 {
    background-color: #e1ecc1;
    padding: 2px;
    }

    .pollstableborder {
    border: 1px solid #9ac601;
    }

    .highlight {
    color: #690;
    background-color: #f2f7e1;
    }

    .mosimage_caption {
    border: 1px solid #9ac601;
    color: #999;
    font-size: 10px;
    }

    Commentaire


    • #17
      Code PHP:
      <?php defined'_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <?php $iso split'='_ISO );
      echo 
      '<?xml version="1.0" encoding="'$iso[1] .'"?' .'>';
      ?>
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $iso[1]; ?>" />
      <?php mosShowHead();
      if ( 
      $my->id ) {
              
      initEditor();
      }
      ?>
      <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO?>" />
      <link href="<?php echo $mosConfig_live_site?>/templates/frozen_green/css/template_css.css" rel="stylesheet" type="text/css" />
      </head>

      <body>
      <!-- Header image in absolute position -->
      <div id="header_img"><img src="<?php echo $mosConfig_live_site?>/templates/frozen_green/images/header_img.jpg" width="208" height="173" alt="Header Image" /></div>
      <!-- Template Layout -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" id="frametable">
        <tr valign="top">
          <td id="top_l"><div id="logo"><a href="<?php echo $mosConfig_live_site?>/"><img src="<?php echo $mosConfig_live_site?>/templates/frozen_green/images/logo.jpg" align="left" width="105" height="56" alt="<?php echo $mosConfig_sitename?>" title="<?php echo $mosConfig_sitename?>" /></a></div></td>
          <td id="top_c"><div id="module_t"><?php mosLoadModules 'top', -); ?></div></td>
          <td id="top_r"><div id="menu_t"><?php mosLoadModules 'user3', -); ?></div></td>
        </tr>
        <tr>
          <td colspan="3" id="header"></td>
        </tr>
        <tr valign="top">
          <td class="mods"><div id="modules_l"><?php mosLoadModules 'left' ); ?></div></td>
          <?php if (mosCountModules ('right')) { ?>
          <td id="main">
          <?php mosPathWay(); ?><?php mosMainBody(); ?>
          <?php if ((mosCountModules'user1' )) && (mosCountModules'user2' ))) { ?>
          <div>
          <div class="users"><?php mosLoadModules 'user1' ); ?></div>
          <div class="users"><div id="spacer"><?php mosLoadModules 'user2' ); ?></div></div>
          </div>
          <div class="clear"></div>
          <?php ?>
          </td>
          <td class="mods"><div id="modules_r"><?php mosLoadModules 'right' ); ?></div></td>
          <?php } else { ?>
          <td colspan="2" id="main">
          <?php mosPathWay(); ?><?php mosMainBody(); ?>
          <?php if ((mosCountModules'user1' )) && (mosCountModules'user2' ))) { ?>
          <div>
          <div class="users"><?php mosLoadModules 'user1' ); ?></div>
          <div class="users"><div id="spacer"><?php mosLoadModules 'user2' ); ?></div></div>
          </div>
          <div class="clear"></div>
          <?php ?>
          </td>
          <?php ?>
        </tr>
        <tr valign="middle">
          <td colspan="3" id="footer"><div id="copyright">&copy; <?php echo $mosConfig_sitename?><br /><a href="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License.</div></td>
        </tr>
      </table>
      <div id="copyleft">Free template &quot;Frozen New Year&quot; by [ Anch ] <a href="http://support.gorsk.net/">Gorsk.net Studio</a>. Please, don't remove this hidden copyleft! You have got this template gratis, so don't become a freak.</div>
      </body>
      </html>

      Commentaire


      • #18
        Salut Bahloul,

        Bon, franchement, je n'ai pas pu tout lire dans ce topic, mais si tu peux me faire un récapitulatif de tout ce que tu veux afin que je puisse faire cela dans ton idée fixe en 1024... Je plaisante !
        Un bon résumé ici afin que je puisse, dès que je commencerais à tripoter ce template fait par un fou du code... , faire vraiment ce que je pourrais.

        Allez, je file dormir un peu avec plein de codes dans la tête en espérant être à la hauteur de ce que vous croyez !

        A+

        Commentaire


        • #19
          Actuellement sur la partie haute de ce template, il y a de gauche à droite le logo, le module Top et le module user3. En dessous de gauche à droite, une première image et une image qui se répète pour faire la bannière.
          Ce que je voudrais c'est enlever la première partie (logo, top, user3) et la deuxième partie (les photos formant la bannière) et à la place mettre de gauche à droite, la bannière avec à l'intérieur le module top et enfin le module user 3.

          La deuxième chose serait d'ajouter en dessous de cela et centrée la barre qu'il existe chez solar, à savoir "accueil, lien, news et nous contacter".
          Et pour le 1024 je pense que tu fais allusion à la demande de Alias555 mais à la rigueur pas de soucis concernant ce template car j'ai vérifié et même en 1280 il s'affiche en pleine page

          Je te joins le zip du template.

          A bientôt
          Fichiers joints

          Commentaire


          • #20
            Salut Bahloul,

            Ok, je vais regarder cela tranquillement en même temps que celui d'Alias555.
            Je te demande de me dire ce qu'il y a dans user3, cela m'aidera à le placer correctement selon ce que tu vas afficher ?

            J'ai lu ce que tu veux, mais j'aimerais savoir, ou bien comprendre, comment tu veux le top menu, le logo et user3, les uns après les autres, alignés ?
            Le top menu au centre et en vertical comme il est ?
            Le logo doit-il être à la même hauteur que l'image qui se répète, etc.. ?
            Excuse de te faire redire les mêmes choses, mais donne-moi un peu plus de détails pour que je ne perde pas de temps à faire ce que je voudrais et que tu refusera.

            A+

            Commentaire


            • #21
              Je te demande de me dire ce qu'il y a dans user3, cela m'aidera à le placer correctement selon ce que tu vas afficher ?

              J'ai lu ce que tu veux, mais j'aimerais savoir, ou bien comprendre, comment tu veux le top menu, le logo et user3, les uns après les autres, alignés ?
              Le top menu au centre et en vertical comme il est ?
              Le logo doit-il être à la même hauteur que l'image qui se répète, etc.. ?
              Le plus simple c'est de te montrer.... voilà en pièce jointe j'espère que cela te convient
              Fichiers joints

              Commentaire


              • #22
                Salut Bahloul,

                Vu la largeur de la bannière, le petit carré sur la droite ne passera pas pour une résolution de 1024, j'étais obligé de le monter en haut...
                Regarde l'image et dis-moi si cela te conviens ?

                A+
                Fichiers joints

                Commentaire


                • #23
                  Salut,

                  En fait, voilà ce que je voudrais que ça donne, je voudrais que le header soit un seul et unique bloc avec un carré à droite. (c'est le carré qu'il y a sur rhuk_solarflare_ii )
                  Sur le template d'origine il y a le module user 3 qu'en fait je voudrais simplement (enfin je sais que cela n'est pas aussi simple lol) que ce "user 3" soit descendu.

                  Merci par avance

                  PS: je n'ai pas pu t'ajouter la photo de mon template (la lavande) car elle est trop grosse.
                  Fichiers joints
                  Dernière édition par Bahloul à 11/08/2007, 18h13

                  Commentaire


                  • #24
                    Salut Bahloul,

                    Je suis désolé, je n'ai pas eu le temps de te répondre...
                    Donc, pour bien finir et afin que je te livre le template au plus vite, j'aimerais comprendre les positions de chaque élément et il faut faire un choix, parce que pour les largeurs c'est pas facile de tout mettre pour le 1024:

                    un peu près :
                    - image de gauche 208 px
                    - module top menu 323px
                    - module banner 468 px

                    208+323+468=999px , il reste 25px .... Que faire si tu veux tout afficher ??

                    Commentaire


                    • #25
                      Re salut,

                      Bon, voilà, j'ai mis la bannière (user3) en haut, je trouve que ça passe mieux, mais tu me dira si cela te convient.
                      Pour la fenêtre à droite (user4), regarde l'image, je pense avoir fait ce que tu voulais, c'est bon ?

                      A+
                      Fichiers joints

                      Commentaire


                      • #26
                        Salut,

                        Je pense qu'il y a un souci avec le zip car quand je l'installe, c'est comme s'il n'appliquait pas le fichier CSS

                        Une idée ?

                        Merci

                        Commentaire


                        • #27
                          Envoyé par Bahloul Voir le message
                          Salut,

                          Je pense qu'il y a un souci avec le zip car quand je l'installe, c'est comme s'il n'appliquait pas le fichier CSS

                          Une idée ?

                          Merci
                          Salut,

                          Ok, juste une erreur de chemin dans le fichier index.php du template, je te joins le fichier que tu n'as juste quà remplacer.

                          Cordialement.
                          Fichiers joints

                          Commentaire


                          • #28
                            Euh la partie centrale a disparu

                            Commentaire


                            • #29
                              Envoyé par Bahloul Voir le message
                              Euh la partie centrale a disparu
                              Salut,

                              Peux-tu parler en image, je ne comprends pas de quelle partie tu parles ?

                              Commentaire


                              • #30
                                Tu as les modules à gauche la partie centrale et les modules à droite dans une page normale.. là il me manque la partie centrale c'est à dire celle où il y a le corps du site.

                                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 :
                                https://forum.joomla.fr/filedata/fetch?photoid=1966883

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

                                3 - Choisir le préfixe [Réglé].
                                https://forum.joomla.fr/filedata/fetch?photoid=1966884

                                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