Joomladay francophone 2018 à Paris 18 et 19 mai

Affichage sur toute la longeur de l'ecran

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

  • Affichage sur toute la longeur de l'ecran

    Bonjours,

    J'avais déjà pour un autre templade demander la meme chose
    et j'avais pu dans CSS elargir la colonne centrale
    (en remplacant comme expliqué 760 px par 100%)

    Ici j'essaie d'adapter un autre templade
    (car il a deja des positions que je ne trouvais pas ailleurs)
    Mais impossible quand je regarde le CSS de retrouver la ligne semblabe.

    voici le css :
    -----------
    /*---colors
    FFFFFF
    729E7B
    9DBC70
    FF0000
    D5DE9E
    445E88
    8098BF
    CDD5DA
    8AB5AC
    */

    /*---Body */
    .site_name {
    font-size: 16px;
    font-weight: bolder;
    color: #445E88;
    }
    body {
    margin-top: 0px;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    }
    td, tr, p, div {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #868B95;
    }
    a:link, a:visited {
    color: #8098BF;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    }

    a:hover {
    color: #FF0000; text-decoration: none;

    }

    hr, hr.separator {
    height : 1px;
    width : 100%;
    border: 1px solid #D5DE9E;
    }
    ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    /* Mambo Menu Styling
    * ------------*/

    /* menu -nav */
    #mainlevel-nav li
    {
    float: right;
    }
    #mainlevel-nav li a:link, #mainlevel-nav li a:visited{
    color: #445E88;
    width: auto;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    text-align: center;
    border-right: 1px solid #8AB5AC;
    border-left: 1px solid #8AB5AC;
    margin-top: 2px;
    padding-right: 18px;
    padding-left: 18px;
    text-indent: 2px;
    padding-top: 2px;
    }
    #mainlevel-nav li a:hover{
    color: #FF0000;
    }


    /* menu mainlevel */
    a.mainlevel:link, a.mainlevel:visited {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #8AB5AC;
    text-align: left;
    width: 140px;
    text-decoration: none;
    line-height: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CDD5DA;
    background-image: url(../images/Icons_1.png);
    background-repeat: no-repeat;
    background-position: 0px -4px;
    padding-left: 18px;
    }

    a.mainlevel:hover {
    background-position: 0px -36px;
    color: #FF0000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D5DE9E;
    }

    /* menu sublevel */
    a.sublevel:link, a.sublevel:visited {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #8AB5AC;
    text-align: left;
    width: 140px;
    text-decoration: none;
    line-height: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CDD5DA;
    padding-left: 18px;
    }

    a.sublevel:hover {
    color: #FF0000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D5DE9E;
    }



    /* mambo core stuff */
    table.moduletable {
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    }
    table.moduletable th {
    color: #CDD5DA;
    line-height: 19px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CDD5DA;
    }
    table.moduletable td {}

    .pathway {
    color: #FFFFFF;
    }
    a.pathway, a.pathway:visited {
    color: #445E88;
    }
    a.pathway:hover {
    color: #FF0000;
    }


    /*** General Mambo Styles*/
    .back_button{
    text-align: center;
    }
    .pagenavbar {
    color: #729E7B;
    }
    .pagenav, a.pagenav, a.pagenav:visited{
    color: #729E7B;
    height: 20px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
    padding-top: 2px;
    border: 1px solid #CDD5DA;
    background-color: #FFFFFF;
    }
    a.pagenav:hover{
    color: #FF0000;
    }



    .small {
    font-size: 10px;
    font-weight: bold;
    color: #8098BF;
    }


    /**
    * Mambo Form Styles
    * -----------------
    * Here are 2 styles that Mambo uses to let users control
    * how their forms and buttons may look.
    */

    .button {
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CDD5DA;
    border-right-color: #8098BF;
    border-bottom-color: #8098BF;
    border-left-color: #CDD5DA;
    font-size: 10px;
    font-weight: bold;
    color: #8098BF;
    margin-top: 2px;
    margin-bottom: 2px;
    }
    .inputbox {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #8098BF;
    border-right-color: #CDD5DA;
    border-bottom-color: #CDD5DA;
    border-left-color: #8098BF;
    font-size: 10px;
    font-weight: normal;
    color: #8098BF;
    background-color: #FFFFFF;
    }

    /**
    * Mambo Tabbed Frontend Admin Interface
    * -------------------------------------
    * The CSS styles here defines how the frontend admin interface
    * will look like when editing and adding news through frontend.
    */

    .ontab {}
    .offtab {}
    .tabpadding {}
    .tabheading {}
    .pagetext {}


    /**
    * Mambo General styling for Sections/Categories/Contents
    * ------------------------------------------------------
    * These stylings are either sometimes or often used across
    * Sections, categories and contents. They, therefore, deserves
    * to be mentioned and separated from others.
    */

    .createdate {
    font-size: 10px;
    color: #D5DE9E;
    }
    .modifydate {}
    .readon, a.readon:link, a.readon:visited{
    color: #729E7B;
    float: right;
    background-image: url(../images/Icons_3.png);
    background-repeat: no-repeat;
    background-position: 0px -5px;
    padding-left: 16px;
    }
    a.readon:hover{
    color: #8AB5AC;
    background-position: 0px -37px;
    }


    /**
    * Mambo Styling for Contents
    * --------------------------
    * All the styling for contents are listed
    * below.
    */

    .contentpane {}
    .contentpaneopen {}


    .contentdescription {}
    table.contenttoc {}
    table.contenttoc td {}
    .content_rating {}
    .content_vote {}


    /**
    * Mambo Styles for Categories
    * ---------------------------
    * The following are the styling for "Category" items
    * generated from the Sections area
    */
    /* For content item titles that are hyperlink instead of Read On */
    .contentheading, .componentheading{
    color: #9DBC70;
    font-weight: bold;
    }
    .contentpagetitle, .category {
    color: #9DBC70;
    font-weight: bold;
    }
    a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {
    font-size: 12px;
    font-weight: bold;
    color: #8AB5AC;
    }

    a.contentpagetitle:hover, a.category:hover {
    color: #8098BF;
    }




    /**
    * Mambo Blog styling
    * ------------------
    * Not too sure where this is used yet. I tried the blog section
    * but it doesn't seem to use it. If you have info on this,
    * email me. I'll update this part.
    */

    .blogsection{}



    /**
    * Mambo's Built-in Component's Syling
    * -----------------------------------
    * These stylings are used for Mambo's built-in components
    * such as newsfeeds, weblinks, contact, search and polls.
    * A commented subtitle will guide you which is for which
    */


    /* Polls */



    .poll {
    font-size: 11px;
    color: #8AB5AC;
    }
    table.pollstableborder {
    border: 1px solid #8098BF;
    color: #445E88;
    }

    /**
    * Mambo Sections Styles
    * ---------------------
    * Styling of sections tables
    */

    .sectiontableheader {
    background-color : #CDD5DA;
    color : #445E88;
    font-weight : bold;
    border-top: 1px solid #8098BF;
    border-right: #8098BF;
    border-bottom: 1px solid #8098BF;
    border-left: #8098BF;
    line-height: 16px;
    }

    .sectiontableentry1 {
    }

    .sectiontableentry2 {
    background-color : #EEEDEA;
    }



    /* Weblinks */
    .weblinks{}


    /* Newsfeeds */
    .newsfeedheading {}
    .newsfeeddate {}
    .fase4rdf {}


    /* Search page */
    table.searchintro {}


    /* Contact's table settings */
    table.contact {}
    table.contact td.icons {}
    table.contact td.details {}


    -----
    je voudrai que la colonne centrale s'elargirsse

    colone gauche <------colonne centre------> colonne droite

    <-----------------TOTALITE ECRAN----------------------------------->

    pour info j'ai mis le site en ligne
    http://emplois2services.fr
    Dernière édition par hervefranck à 05/07/2007, 18h31
    Hervé

  • #2
    ba tu t'enfou essaye de mettre dans body la taille et tu vera ce que ca donne
    comme ca body{
    width: 100%;
    }
    www.parcball.fr Numero un de basket de rue

    http://irtcenter.com/
    Centre de la technologie

    Commentaire


    • #3
      body ?

      c'est à dire ?

      Je comprends pas où veut tu mettre body ?
      Hervé

      Commentaire


      • #4
        On se trouve les parametre longueur

        La longueur dépends elle du tempate css ou html

        et comment modifier pour faire visible sur toute la longeur de l'ecran
        Fichiers joints
        Hervé

        Commentaire


        • #5
          Envoyé par hervefranck Voir le message
          La longueur dépends elle du tempate css ou html

          et comment modifier pour faire visible sur toute la longeur de l'ecran

          Salut,

          Quelle idée depuis quelques jours de nombreux membres installent pour leur site joomla en construction des "vieux templates qui ont été créés avec mambo" ne vous étonnez pas si il y a souvent des problèmes.

          Bon pour ce template à mettre à 100 % pour l'affichage, il te faut modifier le fichier index.php du template : tout ce qui est à 840 px tu remplaces par 100%

          ATTENTION TOUJOURS FAIRE DES SAUVEGARDES DES FICHIERS ORIGINAUX SUR LESQUELS ON BRICOLE

          bye
          j!lm

          EDIT : il va sans dire que tu devras ensuite "agrandir" des images qui sont trop étroites en largeur, placer la position user4 au même niveau que user2 et right au niveau de la largeur, ect....
          http://www.joomlabox.com

          Commentaire


          • #6
            Resultat OK

            ben oui je le reconnais
            c'est ceux qui connaisse le moins qui cherche le plus !

            Ta réponse (et tu devais pas t'en douter) est EXELLENTE !

            Je crois meme que ca va répondre à certains

            nul doute qu'on va vite resortir les vieux templade pour manbo maintenant !!!!
            Merci
            Hervé

            Commentaire


            • #7
              Envoyé par hervefranck Voir le message
              ben oui je le reconnais
              c'est ceux qui connaisse le moins qui cherche le plus !

              Ta réponse (et tu devais pas t'en douter) est EXELLENTE !

              Je crois meme que ca va répondre à certains

              nul doute qu'on va vite resortir les vieux templade pour manbo maintenant !!!!
              Merci
              Bonne continuation et bon courage, car je sais que le plus gros du taf reste à faire.

              bye
              j!lm
              http://www.joomlabox.com

              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