modifier positions modules avec php et css

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

  • [Problème] modifier positions modules avec php et css

    Bonjour,
    Mon template me semble plus compliqué que prévu. J'ai plusieurs modif' qui me font galérer étant novice.
    Tout d'abord, je voudrais réduire la longueur de ma barre de recherche.
    Ensuite je voudrais décaler mon logo RSS et le rapprocher des boutons sociaux.
    Cliquez sur l'image pour l'afficher en taille normale

Nom : header.jpg 
Affichages : 1 
Taille : 19,7 Ko 
ID : 1814729
    J'ai trouvé le fichier CSS du bouton de recherche:
    #ol-search label {display:none;}
    #ol-search { bottom: 1px; right: 1px;margin: 0; padding: 0; }
    #ol-search div.search { background: #888 url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 34px; }
    #ol-search .inputbox { color: #333; background-color: #fff; width: 90%; padding-left: 5px; border: solid 1px #cdccce; }
    #ol-textbig { font-size: 250%; }

    Comment la réduire?

    Merci bcp

  • #2
    Re : modifier positions modules avec php et css

    si c est le module de recherche standard, regardes dans les réglages du module et diminue le nombre de caratères. du champ. Ca le retrecieras directement.

    Et quand a ton logo rss.... recherche news dans ton fichier css. Et regardes si quelque chose reviens.Autrement clic droit avec firebug pour savoir les propriétés CSS associées.

    Commentaire


    • #3
      Re : modifier positions modules avec php et css

      salut,

      non ce n'est pas le module de recherche standard mais celui du template. il possède un style css pour le logo loupe et la bordure couleur.
      j'arrive à diminuer la longueur de la bande blanche mais la partie grise ne bouge pas. Il faut surement modifier quelque chose dans le template mais je ne sais pas quoi. Pour le module RSS je lui ai finalement changé de place.

      Merci

      Commentaire


      • #4
        Re : modifier positions modules avec php et css

        re,

        Personne ne sait comment réduire la taille d'un module ou sa position?
        Merci

        Commentaire


        • #5
          Re : modifier positions modules avec php et css

          tu as une image au fond.J irais voir la largeur de celle ci.
          #ol-search div.search { background: #888 url(../images/icon-search.gif) no-repeat left center; height: 25px;
          C est la chose la plus courante...

          #ol-search .inputbox { color: #333; background-color: #fff; width: 90%; padding-left: 5px; border: solid 1px #cdccce; }
          Et apres a la ligne en dessous tu as width:90%.
          Ca concernes le champ de recherche en lui meme
          Diminues et regardes si ca réduit.
          Dernière édition par lefabdu51 à 31/12/2011, 13h37

          Commentaire


          • #6
            Re : modifier positions modules avec php et css

            Merci de ton aide, ça n'a pas bien marché.
            J'ai finalement réussi après grosse réflexion mais quelle galère. J'ai rajouté width (dans inputbox) avec valeur en px pour qu'il ait la bonne taille.
            Il me reste un probème à régler un intitulé "readmore" qui s'affiche au lieu de "lire la suite"... dans un module ju quick article. à la base il est anglais.
            J'ai beau aller dans le fichier language qui lui correspond et changer readmore par lirelasuite. Rien ne se passe
            Pourtant j'ai réussi a modifier la fonction search par recherche
            si quelqu'un a une idée...

            Commentaire


            • #7
              Re : modifier positions modules avec php et css

              tu modifies le fichier situé dans fr-FR ou en-EN ?

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X