Présentation des news

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

  • Présentation des news

    Bonjour,

    Jusque la j'avancais bien en suivant les conseils de ce forum ainsi que du merveilleux site joomladraft

    Pour un de mes loisirs, on ma demandé de créer un site pour promouvoir une guilde au sein d'un jeu multijoueur en ligne (dofus)

    Le site : http://etoileprotectrice.free.fr (en construction bien evidemment)

    J'aimerais pouvoir syntaxé et présenter mes news de la manière suivante :


    Comme vous pouvez le voir, j'ai deja quelques notions php et css, mais qui reste au stade "larvaire".

    Je sais qu'il me faut créer un top, un background et un footer mais je ne sais pas qu'elle classe utiliser !

    Je vous remercie par avance pour votre aide.

    Cordialement, Furious.
    Dernière édition par PacaConseil.com à 12/11/2006, 22h51
    PacaConseil.com - WebConsulting

  • #2
    aie ! j'aurais penser que papounet saurais me répondre !

    Dommage, j'espere qu'un autre sauras m'épauler.
    PacaConseil.com - WebConsulting

    Commentaire


    • #3
      euh c'est pas très clair ton truc...

      Avec joomla, tu as toujours un header et footer...

      Tu souhaites crée un template en entier ? dans ce cas modifie ton index.php .

      tu veux modifier les couleurs ? c'est dans ton template_css.css
      mais il faut que tu precise un peu si tu veux une modification précise.

      tu peux detail ce que tu veux?

      Commentaire


      • #4
        Humm apparement les images ne restent pas chez l'hebergeur mezimages !

        voici donc en image ce que je souhaite faire :

        http://etoileprotectrice.free.fr/ima...e/template.jpg


        J'aiemrais donc présenter mes news de cette manière. Pour mieux comprendre joeur au jeu des 7 différences entre le site et le screen que je vous donne

        Je parle d'un header et d'un footer pour les news ! (il suffisait pourtant d'allé voir le site et de lire le titre du sujet pour comprendre :s)

        Pour rappel, le site est deja en place, je n'ai plu qu'a mettre ne palce le design des news
        Dernière édition par PacaConseil.com à 12/11/2006, 22h53
        PacaConseil.com - WebConsulting

        Commentaire


        • #5
          ouais desole

          bon sur ce :
          pour le titre tu gère ca dans componentheading de ta feuille de style.

          et sinon, euh pour modifier la place du nom de l'auteur et la date je sais plus ou c'est... regarde dans les fichier includes.

          je sais plus trop

          Commentaire


          • #6
            Merci je vois mieux ou me diriger !

            .contentheading, .componentheading {
            font-family : Arial, Verdana, Helvetica, sans-serif;
            font-size : 12px;
            font-weight : bold;
            color : #525252;
            text-align : left;
            padding: 0px;
            margin:0px;
            }
            Voici la ligne en question. Cependant je me demande comment distinguer le titre, le corps et le footer de la news.
            PacaConseil.com - WebConsulting

            Commentaire


            • #7
              salut furious,

              ton template est super,
              tu l'as concu de a à z, ou tu as utilisé un template existant ?

              Commentaire


              • #8
                Le template est celui la : The-template-shop.com

                j'ai changé pas mal de truc dessus, mais le code de base viens de ce template !


                Bon revenons au sujet principal !

                Je patine énormément !

                .contentheading, .componentheading {
                font-family : Arial, Verdana, Helvetica, sans-serif;
                font-size : 12px;
                font-weight : bold;
                color : #525252;
                text-align : left;
                background:transparent url(../images/contenttop.jpg) no-repeat;
                width: 537px;
                height: 38px;
                padding: 0px;
                margin:0px;
                }
                j'ai bien rajouté l'image du haut, mais apres ? comment organiser les autres ?
                Deplus l'image ne s'affiche pas correctement !

                Je suis perdu !!!! Help !

                EDIT :
                .contentheading {
                font-family : Arial, Verdana, Helvetica, sans-serif;
                font-size : 12px;
                font-weight : bold;
                color : #525252;
                text-align : left;
                background:transparent url(../images/contenttop.jpg) no-repeat top;
                padding: 0px;
                margin:0px;
                }

                .componentheading {
                font-family : Arial, Verdana, Helvetica, sans-serif;
                font-size : 12px;
                font-weight : bold;
                color : #525252;
                text-align : left;
                background:transparent url(../images/contentmid.jpg) repeat-y;
                padding: 0px;
                margin:0px;
                }
                Voila ce que j'ai encore tenter ... mais ca ne marche tjs pas !!

                (les boules ...)
                Dernière édition par PacaConseil.com à 13/11/2006, 13h57
                PacaConseil.com - WebConsulting

                Commentaire


                • #9
                  tu peux essaye ca pour ta partie haute :
                  dans a.contentpagetitle:link, a.contentpagetitle:visited {
                  font-family: Arial, Verdana, Helvetica, sans-serif;
                  font-size: 12px;
                  font-weight: bold;
                  color: #ff9900;
                  text-align:left;
                  text-decoration: underline;
                  padding-left:20px;
                  }

                  a.contentpagetitle:hover {
                  font-family: Arial, Verdana, Helvetica, sans-serif;
                  font-size: 12px;
                  font-weight: bold;
                  text-align:left;
                  color: #666666;
                  text-decoration: none;
                  font-weight: bold;
                  padding-left:20px;
                  }

                  et
                  .contentheading {
                  font-family : Arial, Verdana, Helvetica, sans-serif;
                  font-size : 12px;
                  font-weight : bold;
                  color : #525252;
                  text-align : left;
                  padding-top:-10px;
                  padding-left:-10px;
                  height : 30px;

                  background:transparent url(../images/contenttop.jpg) no-repeat top;
                  padding: 0px;
                  margin:0px;
                  }

                  Bon je dis pas que tout va rentrer dans l'ordre mais si tu rajoute ce qui est en bleu, ca peut ameliore, c'est pas sur.

                  Sinon pour ton pied de page :
                  va dans components => com_content => content.html.php => ligne environ 870 (fonction ReadMore)
                  tu peux le gérer a cette endroit.

                  j'espere t'avoir un peu aide.

                  Commentaire


                  • #10
                    En réponse au message privé d'aldo31 :
                    salut,

                    je trouve ton template super,
                    j'aimerai comprendre comment il est foutu

                    est-il possible de voir le contenu du fichier index.php du template ?

                    aussi j'aimerai savoir quel composant as-tu utilisé pour faire le forum de ton site ?


                    merci d'avance
                    Aldo
                    Je trouve condamnable ta demande pour récupérer ce fichier afin d'avoir, un template a la base payant, gratuitement ! (pour explication, le fichier index.php est le seul qui reste irrécupérable via le navigateur) Je suis très déçu d'une telle attitude, qui se rapproche du vol manifeste, et préfère la dévoiler publiquement afin que personne ne ce fasse avoir ...


                    Revenons au sujet de ce topic !

                    Grâce à schum j'ai pu bidouiller le css pour faire apparaitre le header des news. Mais le corps de la news ne s'affichent toujours pas, Quel variable du css dois je modifier pour afficher, en repeat y, le milieu de la news, puis le pied de la news de maniere à obtenir une présentation finale ?

                    En vous remerciant par avance. Cordialement, Furious.
                    PacaConseil.com - WebConsulting

                    Commentaire


                    • #11
                      J'ai du mal àcroire que perosnen en sache présenter des news avec 3 parties, exactement comme les modules !

                      Bon voila ce que j'ai tenté, mais ca ne fonctionen tjs pas ! :
                      Code:
                      .contentheading, .componentheading {
                        font-family      : Arial, Verdana, Helvetica, sans-serif;
                        font-size        : 12px;
                        font-weight      : bold;
                        color            : #525252;
                        text-align       : left;
                        padding-top:-10px;
                        padding-left:-10px;
                        height : 38px;
                        padding: 0px;
                        margin: 0px;
                      }
                      
                      .componentheading table.moduletable {
                      	background:transparent url(../images/contentmid.jpg) repeat-y top left;
                      	}
                      
                      .componentheading table.moduletable th {
                      	background:transparent url(../images/contenttop.jpg) repeat-y top left;
                      	height:44px;
                      	color:#ffffff;
                      	padding:15px 0 0 0px;
                      	text-indent:40px;
                      	}
                      
                      .componentheading table.moduletable td {
                      	padding:0px 4px 10px 12px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }
                      
                      .componentheading table.moduletable td {
                      	padding:0px 4px 0px 5px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }
                      
                      
                      .componentheading table.moduletable  table td {
                      	padding:0px 4px 10px 12px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }
                      
                      .contentheading table.moduletable {
                      	background:transparent url(../images/contentmid.jpg) repeat-y top left;
                      	}
                      
                      .contentheading table.moduletable th {
                      	background:transparent url(../images/contenttop.jpg) repeat-y top left;
                      	height:44px;
                      	color:#ffffff;
                      	padding:15px 0 0 0px;
                      	text-indent:40px;
                      	}
                      
                      .contentheading table.moduletable td {
                      	padding:0px 4px 10px 12px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }
                      
                      .contentheading table.moduletable td {
                      	padding:0px 4px 0px 5px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }
                      
                      
                      .contentheading table.moduletable td {
                      	padding:0px 4px 10px 12px;
                      	text-align:justify;
                      	background:transparent url(../images/leftbottom.jpg) no-repeat bottom left;
                      }

                      Totu n'est aps a la bonen taille etc, mais rien ne s'affiche ! Je suis perdu !!!

                      Help !!!!
                      Dernière édition par PacaConseil.com à 17/11/2006, 15h56
                      PacaConseil.com - WebConsulting

                      Commentaire


                      • #12
                        J'avais commencer a regarder ton problème, mais je n'ai pas le temps de pousser mes recherches. J'en suis desole, mais j'ai pas beaucoup de temps à moi.

                        Il faut que tu repère exactement ce que tu veux modifier. C'est à dire, est ce que tu veux modifier l'apparence de tes news seulements. Veux-tu changer l'apparence des news en page d'accueil...

                        Ensuite ton but est de trouver dans le core de joomla la partie, qui s'occupe de l'affichage de tes news. Et une fois que tu as trouve exactement ce que tu cherchais tu va vite comprendre ou et comment faire les modifications.

                        La avec les méthodes que tu as testé et les méthode que je t'ai donné on ne modifie que l'apparence graphique, c'est à dire les couleurs, les roll-over... mais on ne modifie pas l'architecture de la présentation de tes news, et ce que tu veux modifier toi c'est ca.

                        Il faut donc trouver cette architecture, et la modifier a ta guise.

                        Ce n'est pas infaisable, pas forcément très compliquer, mais ce qui est sur c'est que cela va prendre du temps.

                        Bon courage.

                        PS: Moi j'avais commencer a regarder le composant com_content, tu y trouvera une partie de la réponse.

                        Commentaire


                        • #13
                          Ah tres bien ! J'ai une driection vers ou me diriger grace a toi maintenant !

                          Je pensais pas qu'il fallait directement modifier le corps de joomla ! Je vais donc regarder cela !

                          Encore merci, je vosu tiens au courant pour la suite
                          PacaConseil.com - WebConsulting

                          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