Joomladay francophone 2018 à Paris 18 et 19 mai

Template rt_haiku

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

  • Template rt_haiku

    Bonjour à tous,

    Voila, j'ai chargé le template rt_haiku avec succès.

    J'ai modifié également le HEADER.
    Je voulais savoir si il était possible de modifier facilement la couleur des images de fonds (Le blanc pour les articles et le vert tout au tour) ?

    Merci d'avance.

  • #2
    Changer les couleurs des images n'est pas un problème si tu connais un petit peu photoshop

    Pour savoir qu'elles sont les images va faire un tour dans le template.css
    Je vous remercie et vous invite à faire un tour sur creationphoto.ch

    Commentaire


    • #3
      Envoyé par o.felli Voir le message
      Changer les couleurs des images n'est pas un problème si tu connais un petit peu photoshop

      Pour savoir qu'elles sont les images va faire un tour dans le template.css
      Ben justement j'ia cherché, mais je n'ai pas trouver les images de fond pour les modifier.
      Je vais chercher de nouveau et vous tien informé.
      Merci de la réponse.

      Commentaire


      • #4
        sur le serveur : dossier template/images/
        Je vous remercie et vous invite à faire un tour sur creationphoto.ch

        Commentaire


        • #5
          Envoyé par o.felli Voir le message
          sur le serveur : dossier template/images/
          Merci infiniment,
          J'ai réussi à faire un truc sympa.
          hihihi

          Commentaire


          • #6
            BOnjour à tous,

            Me revoila, j'ai réussi à modifier l'intérieur c'est à dire le fond des articles et un peu le header.
            Par contre tout autour il y a du vert foncé qui ne me plais pas trop. Je ne sais pas ou trouver l'image pour corriger cela est ce que qq a une idée?

            Commentaire


            • #7
              dossier template/CSS/template.css

              tu as là-dedans toutes la mises en page de ton site... marges, bordure, couleurs des liens et des fonds qui ne sont pas images
              Je vous remercie et vous invite à faire un tour sur creationphoto.ch

              Commentaire


              • #8
                Merci,
                Mais je n'y connais rein en ce langage,

                voici le contenu du dossier, à quelle endroit je dois modifier le code couleur?
                Et ou puije trouver la correspondance des codes couleurs?

                /* custom stuff */

                .clr {
                clear: both;
                }

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


                #page_bg {
                height: 100%;
                background: #4d5639;
                padding: 0;
                margin: 0;
                border: 0;
                }

                #center {
                text-align: center;
                }

                #main_bg {
                margin-top: 20px;
                margin-bottom: 20px;
                margin-left: auto;
                margin-right: auto;
                width: 770px;
                background: url(../images/blog_bg.png) repeat-y;
                text-align: left;
                }

                #content_bg {
                margin: 0px 10px;
                }

                #header {
                background: #000 url(../images/blog_header.jpg) 0 0 no-repeat;
                width: 750px;
                height: 194px;
                }

                #newflash {
                float: right;
                background: url(../images/blog_hash.png) 0 0;
                height: 194px;
                width: 193px;
                overflow: hidden;
                }

                #newflash div {
                padding: 5px 10px;
                }

                #newflash table.contentpaneopen td {
                color: #ddd;
                }

                #topmenu, #footer {
                height: 30px;
                background: #000;
                text-align: center;
                }

                #topmenu ul {
                padding: 0;
                list-style: none;
                }

                #topmenu li {
                margin: 0;
                float: left;
                height: 30px;
                padding: 0;
                }

                #topmenu a:link, #topmenu a:visited {
                display: block;
                float: left;
                line-height: 30px;
                height: 30px;
                padding: 0 30px;
                color: #fff;
                border-right: 1px solid #fff;
                border-bottom: 0;
                }

                #topmenu a:hover {
                background: #b24a2f;
                border-right: 1px solid #fff;
                text-decoration: none;
                border-bottom: 0;
                }

                #content {
                float: left;
                width: 558px;
                border: 0px solid #c00;
                padding-top: 20px;
                }

                #navigation {
                float: right;
                width: 190px;
                padding-top 10px;
                margin: 0;
                border: 0px solid #00c;
                }

                .padding {
                width: auto !important;
                width: 100%;
                padding: 0 15px 40px 15px;
                }

                .highlight {
                background: #ECECE3;
                border: 1px solid #DBDAC4;
                padding: 0px 15px;

                }

                #footer {
                clear: both;
                height: 30px;
                line-height: 30px;
                color: #999;
                }


                /* required stuff */

                span.pathway {
                display: block;
                margin-bottom: 15px;

                }

                #content-pane .tab-page {

                }

                table.contentpane {
                text-align: left;
                width: 100%;
                padding: 0px;
                margin: 0px;
                border-collapse: collapse;
                }

                table.contentpaneopen {
                text-align: left;
                width: 100%;
                padding: 0px;
                margin: 0px;
                border-collapse: collapse;
                }


                .small {
                font-size: 11px;
                color: #666666;
                font-weight: normal;
                text-align: left;
                }

                .modifydate {
                font-size: 11px;
                color: #666666;
                font-weight: normal;
                padding-top: 8px;
                padding-bottom: 10px;
                text-align: left;
                }

                .createdate {
                line-height: 10px;
                font-size: 11px;
                color: #666666;
                font-weight: normal;
                vertical-align: top;
                padding-bottom: 10px;
                padding-top: 0px;

                }

                .readon {

                }

                h3, .componentheading {
                font-size: 18px;
                text-align: left;
                font-weight: bold;
                font-family: Geneva, Arial, Helvetica, sans-serif;
                color: #9b9a87;
                margin: 10px 0 5px 0;
                }

                .contentheading {
                height: 40px;
                vertical-align: bottom;
                font-size: 22px;
                font-weight: normal;
                font-family: Geneva, Arial, Helvetica, sans-serif;
                color: #333;
                text-align: left;
                width: 100%;
                }

                div.moduletable {
                margin-bottom: 20px;

                }

                table.moduletable .contentheading {
                height: 30px;
                }

                /* For content item titles that are hyperlink instead of Read On */
                a.contentpagetitle:link, a.contentpagetitle:visited {
                padding-top: 5px;
                font-size: 18px;
                font-weight: normal;
                color: #4971BA;
                text-align: left;
                width: 100%;
                }

                a.contentpagetitle:hover {
                color: #ff0000;
                }


                a.mainlevel {
                display: block;
                border-bottom: 1px solid #ddd;
                }


                a:link, a:visited {
                color: #c23f2d;
                text-decoration: none;
                border-bottom: 1px dotted #c23f2d;
                }

                a:hover {
                color: #76261B;
                border-bottom: 1px dotted #76261B;
                }

                a.category:link, a.category:visited {

                }

                a.category:hover {

                }

                a.pagenav, a.pagenav:visited {

                }

                a.pagenav:hover {

                }

                .frontpageheader {
                color: #ffffff;
                font-size: 15px;
                font-weight: bold;
                line-height: 30px;
                }

                .newsfeedheading {
                font-size: 11px;
                font-weight: bold;
                color: #333333;
                text-align:left;
                }

                .newsfeeddate {

                }

                .fase4rdf a:link {

                }

                .fase4rdf a:hover {

                }

                .componentheading{

                }


                .sectiontableheader {
                font-weight: bold;
                background: #ECECE3;
                padding: 3px;

                }



                HTML {
                height: 100%;
                margin-bottom: 1px;
                }

                BODY {
                margin: 0px 0px 0px 0px;
                background: #ffffff;
                height: 100%;
                }

                td,tr,p,div {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                line-height: 13pt;
                color: #333333;
                }

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

                ul li
                {
                line-height: 20px;
                padding-left: 15px;
                padding-top: 0px;
                background-image: url(../images/blog_bullet.png);
                background-repeat: no-repeat;
                background-position: 0px 5px;
                }



                .button {

                }

                .inputbox {
                font-size: 12px;
                font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

                }

                /* ---------------- unedited below here ----------------------*/

                /* Styles for dhtml tabbed-pages */
                .ontab {
                background-color: #121A1D;
                border-left: outset 1px #9DA6B3;
                border-right: outset 1px #9DA6B3;
                border-top: outset 1px #9DA6B3;
                border-bottom: solid 0px #ffffff;
                text-align: center;
                cursor: pointer;
                font-weight: normal;
                color: #ff6600;
                }
                .offtab {
                background-color: #25343B;
                border-left: outset 1px #9DA6B3;
                border-right: outset 1px #9DA6B3;
                border-top: outset 1px #9DA6B3;
                border-bottom: solid 1px #9DA6B3;
                text-align: center;
                cursor: pointer;
                font-weight: normal;
                color: #cccccc;
                }

                .tabpadding {
                }

                .tabheading {
                background-color: #eeeeee;
                text-align: left;
                }

                .pagetext {
                visibility: hidden;
                display: none;
                position: relative;
                top: 0;
                }

                h4 {

                }

                h5 {

                }

                h6 {

                }

                /* Horizontal Line */
                hr {
                background: #999999; height:1px; border: 1px solid;
                }

                hr.separator {

                }


                /* Content - Sections & Categories */
                table.contenttoc {
                margin-left: 5px;
                margin-bottom: 5px;
                background: #ECECE3;
                border: 1px solid #DBDAC4;
                }

                table.contenttoc th {
                color: #666666;
                font-weight: bold;
                font-size: 12px;
                text-align: left;
                padding: 2px 8px;
                }

                table.contenttoc td {
                padding: 2px 8px;
                }

                .contentdescription {
                text-align: left;
                }

                /** polls and search results **/
                .poll {
                padding: 0px 0px;
                margin: 0px;
                }

                td.poll b {
                font-weight: normal;
                }

                table.pollstableborder {
                border: 0px;
                margin: 0px;
                padding: 0px;
                }

                table.pollstableborder td {
                padding: 4px 0px;
                }


                td.sectiontableentry1 {
                color: #333333;

                }

                td.sectiontableentry2 {
                color: #333333;
                }

                tr.sectiontableentry1 td {
                padding-left: 4px;
                padding-right: 4px;
                }

                tr.sectiontableentry2 td {
                padding-left: 4px;
                padding-right: 4px;
                }

                .smalldark {
                font-size: 11px;
                color: #333333;
                text-decoration: none;
                font-weight: normal;
                }


                .pagenav {
                font-weight: bold;
                }

                .pagenavbar {

                }

                /* Content voting */
                .content_rating {
                font-weight: normal;
                font-size: 8pt;
                }

                .content_vote {
                font-weight: normal;
                font-size: 8pt;
                }

                /* Javascript Back button */
                .back_button {
                text-align: center;
                margin-top: 40px;
                margin-bottom: 10px;
                }

                strong {
                color: #333333;
                }

                Commentaire


                • #9
                  voici un générateur de couleur : http://www.toutimages.com/generateur_c.htm

                  les couleurs en héxadécimal commence toujours par #

                  ensuit il y a 6 caractères : ffffff pour le blanc et 000000 pour le noir

                  f est la valeur maxi en héxa et 0 la valeur mini et comme tu le sais (en tout cas depuis maintenant) le blance c'est toute les couleurs réunies (d'où les 6 f) et le noir c'est l'absence de couleur (d'où les 6 0)

                  Dans ton css tu modifies les endroits (un après l'autre) où il y a des #xxxxxx ou #xxx et tu upload à nouveau ton fichier css. comme ça tu peux voir où change les couleurs...

                  Le meilleur moyen pour trouver ou prendre des couleurs c'est la pipette de photoshop
                  Je vous remercie et vous invite à faire un tour sur creationphoto.ch

                  Commentaire


                  • #10
                    Merci pour ton aide!
                    je me suis lancé et j'ai reussi
                    Je suis tout content et j'ai même fait mieux, j'ai reussi à intégré une image en fond d'écrant en copiant une ligne de code du stylle :" url(../images/fondecran.jpg) repeat-y" après avoir ajouté un fond d'écran dans le dossier image du template.

                    Maintenant je cherche pour modifier la couleur des titres des menus ! hihihi

                    Donc pour le fond d'écran j'ai modifier la zone suvante :

                    #page_bg {
                    height: 100%;
                    background: #3333CC url(../images/fondecran.jpg) repeat-y;
                    padding: 0;
                    margin: 0;
                    border: 0;

                    Commentaire


                    • #11
                      Donne le lien de ton site...
                      Je vous remercie et vous invite à faire un tour sur creationphoto.ch

                      Commentaire


                      • #12
                        Voici le lien du site pour que vous voyez ce que ça donne.
                        J'ai aussi réussi à changer la couleur des titres des menus ! hihihi

                        http://anakine99.free.fr

                        Commentaire


                        • #13
                          HIhihi je viens de m'appercevoir d'un problème de taille ! hihi
                          Chez moi j'ai un écrant 15 pouces le fond d'écrant est de la bonne taille ne largeur, or sur un écrant 17 pouce c'est pas suffisant ce qui fait que l'on voit la couleur de fond initiale ! burk !

                          Il faut que je puisse trouver la commande pour répéter le fond en largeur également !

                          Donc si quelqu'un a une idée ?

                          avec la commende "repeat-y" le fond se recopie en verticale donc sur l'axe des ordonné ou "y"
                          est ce que la commande "repeat -x" existe ?
                          Mais peut être que je suis à côté de la plaque.

                          Commentaire


                          • #14
                            Après quelques echerche, il existe effectivement une commande "repeat-x"
                            A savoir si je peu la positionner directement à la suite de l'autre ou alors si je dois recréer une nouvelle ligne.

                            Commentaire


                            • #15
                              Après plusieurs essais, je n'ai pas réussi à répeter le fond d'écrant verticalement et horizontalement.
                              Du coup j'ai opté pour la solution de facilité, j'ai téléchargé un fond d'écran grand forma et le problème est partiellement résolu.

                              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