Joomladay francophone 2018 à Paris 18 et 19 mai

Mettre template en plein ecran

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

  • Mettre template en plein ecran

    Bonjour,

    Tout nouveau dans la communauté joomla, j'ai jeté mon dévolu sur le template solar_mw1g pour lequel j'ai un seul soucis.

    Ce template ne prend pas toute la largeur de la page. Est- il possible de faire quelque chose ?

    En regardant dans les autres post, j'ai trouvé une modification qui élargit le template mais le problème c'est que l'adaptation ne se fait pas sur tous les format d'écran.

    Y'a t'il simplement une ligne de commande à ajouter ?

    Merci
    Fichiers joints

  • #2
    Bonjour,

    Dans ton fichier index.php, à la ligne 47 normalement tu met width="100%"

    Code HTML:
    <div align="center">
    	<table border="0" cellpadding="0" cellspacing="0" width="100%">
    ensuite dans ton fichier template_css.css

    Code:
    #content_outer {
    	padding: 0px;
    	margin-top: 0px;
    	margin-left: 5px;
            /*border: 1px solid #cccccc; */
    	float: left;
    	width: 60%;!important
    }
    Tu régle la taille de ton content


    et puis il faut régler le header aussi ...

    Code:
    #header {
    	float: left;
    	padding: 0px;
    	margin-right: 2px;
    	width: 100%;
    	height: 150px;
    	background: url(../images/header_short.jpg) no-repeat;
    }
    Wala

    @+

    Pierre


    P.S= Arffff j'oubliais

    Code:
    #content_outer { 
    padding: 0px; 
    margin-top: 0px; 
    margin-left: 2px; 
    /** border: 1px solid #cccccc; **/ 
    float: left; 
    width: 80%;/** <= environ. C'est a toi de faire des essais pour savoir quelle taille te convient le mieux ;) **/
    }
    Dernière édition par Peter_P à 02/08/2007, 12h28

    Commentaire


    • #3
      Merci Peter pour tous ces points, je pense que c'est ce que tu avais fait pour le template de Alias55 ici. Je vais tout de même réessayer en faisant point par point mais le problème que j'avais rencontré en testant l'autre, c'est qu'il ne cadrait pas suivant la taille de l'écran (j'ai un 17" en PC fixe et mon portable est un 19" en 16/9eme).
      Sur le portable, le menu de droite n'est pas totalement à droite alors que sur le PC fixe c'est parfait.

      J'ai vu que certains templates sont configurés en totalité de la page comme celui que je te joins par exemple et là aucun bug... le hic c'est que pour tout le reste c'est solar qui me plait y'a vraiment juste le fait qu'il soit pas en pleine page qui me dérange.

      Une idée ???

      Merci par avance
      Fichiers joints
      Dernière édition par Bahloul à 02/08/2007, 13h44

      Commentaire


      • #4
        Voilà c'est ce que je pensais.. pour la bordure pas de problème elle prend bien tout le contour de toute la largeur de l'écran.
        Par contre le problème se situe dans les modules que je n'arrive pas à placer de part et d'autre aussi facilement. Si je mets comme Peter m'a dit :
        #content_outer {
        padding: 0px;
        margin-top: 0px;
        margin-left: 2px;
        /** border: 1px solid #cccccc; **/
        float: left;
        width: 80%}
        mon module droit passe dessous

        Une idée ?

        Commentaire


        • #5
          Pour le #content_outer, j'ai mis 80% au pif !
          C'est à toi de le régler à la taille qui te convient le mieux.

          Moi aussi j'y suis dessus, et crois moi qu'il me sort par les naseaux ce template

          L'as tu testé sur I.E ? Et en 800X600 ?? et en 1024 ?? fait le sinon tu risques d'avoir des surprises

          @+

          Pierre
          Dernière édition par Peter_P à 02/08/2007, 19h49

          Commentaire


          • #6
            Je crois que je vais vite changer d'avis sur ce template

            Et en parcourant les différents sites de templates gartuits, je me rends compte qu'aucun de ceux s'inspirant de ce template n'est en plein écran.... et je dois pas être le seul à m'être penché dessus

            Si quelqu'un à la solution miracle je suis preneur !!!

            Je vais donc essayer de voir ce que je peux faire avec Wm7 (celui que j'avais joins pour exemple).
            Il faut juste que j'arrive à enlever le mainheader2 et changer la photo.. ça doit pas être sorcier !!
            Dernière édition par Bahloul à 03/08/2007, 08h36

            Commentaire


            • #7
              Bon, je crois que ce template est vraiment assez "special".
              J'ai donc changé pour un template qui est déjà parametré en plein écran, j'aurais juste besoin d'un coup de pouce pour 2 points.

              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".

              Quelqu'un peut-il m'aider pour cela ?

              Merci

              Voici l'index :
              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>

              + la photo pour la bannière en pièce jointe.

              Commentaire


              • #8
                Si j'oublie la moitié ça va pas aller hihi
                Le code CSS
                Code:
                /*-- 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;
                	}
                Fichiers joints

                Commentaire


                • #9
                  Personne pour m'aider ?

                  Commentaire


                  • #10
                    je suis sur le meme probleme que toi en forum sur l'atelier templates !! je cherche
                    c'est vrai aucun template en % tout en taille fixe
                    te faut il des menu droite et gauche plus le centre ou pas ?
                    moi je vire la droite je n'utilise que gauche et centre mais encore d'autre souci car j'affiche une page en html au centre et ca vire toutes mes fenetre

                    Commentaire


                    • #11
                      Envoyé par Bahloul Voir le message
                      Bon, je crois que ce template est vraiment assez "special".
                      Non tu crois ????
                      C'est le template le plus capricieux que je n'ai jamais vu !!!
                      à déconseiller, enfin ce n'est que mon avis

                      @+

                      Pierre

                      Commentaire


                      • #12
                        Effectivement Peter
                        Par contre si tu as une idée pour mes 2 points sur le template dont j'ai envoyé l'index et le CSS fais toi plaisir lol

                        Orca: oui il me faut les 3 colonnes et je vois des sites qui fonctionnent très bien à 100% et avec les 3 colonnes donc je désespère pas

                        Commentaire


                        • #13
                          Je crois que prod_web se penche sur celui d'alias555, (j'ai laché l'affaire, ce template est plus fort que moi ) peut être qu'il pourra te dépanner ???

                          Commentaire


                          • #14
                            Donc si tu l'entends prod_web et dès que tu peux ... Enfin si quelqu'un d'autre sait le faire... je suis complètement bloqué du coup car j'ose rien avancer de peur de devoir encore changer de template

                            Merci pour votre future aide !!!!

                            Commentaire


                            • #15
                              Finalement, c'est lequel que tu veux modifier ? solar ou wm_077 ?
                              "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide). MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info hébergés chez PHPNET - +sites gérés chez 1and1 et OVH - Site pro : www.robertg-conseil.fr

                              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