Changement couleur police du menu + déplacement

[scarlabeboy]

Bonsoir, ayant essayé de trouver par moi même puis ensuite un peux parcouru le forum je n'es pas trouver de solution à ma modification.

Bonsoir,

Le mieux aurait été d'ouvrir un sujet séparé plutôt qu'un sujet déjà réglé et de mettre la feuille de style en pièce jointe car malheureusement nous ne connaissons pas tous les templates.

Voila c'est chose faite

Comme indiqué je cherche a modifier la couleur de la police du menu car avec mon thème adapté sur un autre le texte est devenu illisible.

J'aimerais aussi pouvoir déplacer le menu pour mieux adapter mon logo.

Merci d'avance pour l'aide apportée.

[Imaxine]

J'ai supprimé ton fichier à télécharger, d'une part pour qu'il ne soit pas disponible à tous (lien vers le créateur = Pub) et d'autre part parce que la feuille se style ne correspond pas à celle de ton site (pas de couleurs).

[Imaxine]

Pour la couleur des liens cela se trouve dans la feuille de style (stylesheet.css)

Code: Tout sélectionner

#header .links a {
   margin:12px 0 0 4px;
   padding:7px 7px 7px 7px;
   float: left;
   display: block;
   color: #333;
   text-decoration: none;
   font-size: 12px;
   background:url('../image/background-links.png') repeat-x;
   border: 1px solid #dedede;
   -webkit-border-radius: 7px 7px 7px 7px;
   -moz-border-radius: 7px 7px 7px 7px;
   -khtml-border-radius: 7px 7px 7px 7px;
   border-radius: 7px 7px 7px 7px;
}


Il te faut modifier la couleur à la ligne color:

Pour la hauteur de la zone où se trouve ton logo, cela se situe dans :

Code: Tout sélectionner

#header {
   margin:0 auto 0 auto;
   padding:0;
   width:980px;
   height: 150px;
   margin-bottom: 7px;
   padding-bottom: 4px;
   position: relative;
   z-index: 99;
}


à la ligne height:

[Imaxine]

Si tu désires aussi supprimer les liens pointant vers le concepteur du template, à savoir :

UA-32836830-1

Situé en haut à gauche dans le header ainsi que

Design:
Tworzenie stron internetowych
Naturstein

Situés en bas à gauche dans le footer.

Il te suffit de supprimer ces deux lignes de ton fichier header.tpl

Code: Tout sélectionner

$sys=base64_decode('PGRpdiBpZD0iYXV0b3IiPg0KCTxwPkRlc2lnbjogPGJyLz48YSBocmVmPSJodHRwOi8vd3d3LmRzd3d3LnBsLyIgdGl0bGU9IlR3b3J6ZW5pZSBzdHJvbiBpbnRlcm5ldG93eWNoIj5Ud29yemVuaWUgc3Ryb24gaW50ZXJuZXRvd3ljaDwvYT48L3A+DQogICAgICAgIDxwPjxhIGhyZWY9Imh0dHA6Ly93d3cubmF0dXJzdGVpbmUtZHMuZGUvIiB0aXRsZT0iTmF0dXJzdGVpbiI+TmF0dXJzdGVpbjwvYT48L3A+DQo8L2Rpdj4=');


Ligne 24

Code: Tout sélectionner

<?php echo $sys; ?>


Ligne 50

Pour infos : Le code

Code: Tout sélectionner

$sys=base64_decode

est la méthode utilisée par les hackeurs pour injecter des scripts sur les sites qu'ils désirent pirater.

[scarlabeboy]

Merci pour tes réponses Imaxine, tu m'est vraiment d'une aide précieuse.

Pour la hauteur de la zone où se trouve ton logo, cela se situe dans :

Code: Tout sélectionner

#header {
   margin:0 auto 0 auto;
   padding:0;
   width:980px;
   height: 150px;
   margin-bottom: 7px;
   padding-bottom: 4px;
   position: relative;
   z-index: 99;

Ce que je voulais faire c'étais décaler le menu vers la gauche mais grace a tes réponses j'ai pus comprendre le fonctionement et j'ai donc trouver, il fallait que je modifie la ligne "left" ici:

Code: Tout sélectionner

#header .links {
   position: absolute;
   left: 290px;
   bottom: 3px;
   font-size: 10px;
   padding-right: 10px;

Pour ceux qui est de la couleur c'est bon merci bon beaucoup c'est redevenu lisible en blanc

Si tu désires aussi supprimer les liens pointant vers le concepteur du template, à savoir :

UA-32836830-1

Situé en haut à gauche dans le header ainsi que

Design:
Tworzenie stron internetowych
Naturstein

Situés en bas à gauche dans le footer.

Il te suffit de supprimer ces deux lignes de ton fichier header.tpl

Code: Tout sélectionner

$sys=base64_decode('PGRpdiBpZD0iYXV0b3IiPg0KCTxwPkRlc2lnbjogPGJyLz48YSBocmVmPSJodHRwOi8vd3d3LmRzd3d3LnBsLyIgdGl0bGU9IlR3b3J6ZW5pZSBzdHJvbiBpbnRlcm5ldG93eWNoIj5Ud29yemVuaWUgc3Ryb24gaW50ZXJuZXRvd3ljaDwvYT48L3A+DQogICAgICAgIDxwPjxhIGhyZWY9Imh0dHA6Ly93d3cubmF0dXJzdGVpbmUtZHMuZGUvIiB0aXRsZT0iTmF0dXJzdGVpbiI+TmF0dXJzdGVpbjwvYT48L3A+DQo8L2Rpdj4=');


Ligne 24

Code: Tout sélectionner

<?php echo $sys; ?>


Ligne 50

Décidément tu lis dans mes pensées... je comptais ouvrir un autre sujet pour demander cela!
J'ai bien supprimé les 2 lignes que indique mais ceci dit les lignes

Design:
Tworzenie stron internetowych
Naturstein

on bien disparues mais pour ce qui est de

UA-32836830-1

il est toujours affiché tu aurais une autre idée stp?

Pour infos : Le code

Code: Tout sélectionner

$sys=base64_decode

est la méthode utilisée par les hackeurs pour injecter des scripts sur les sites qu'ils désirent pirater.

Ce qu'il veux dire qu'il fait le supprimer? Je n'es pas retrouvé ce code... ou doit-il se trouver normalement?
Peut-être a-t-elle déjà était supprimée?

Tant que nous y sommes j'avais une autre demande, j'aimerais aussi déplacer le Copyright ainsi que

Développé Par OpenCart
Propulsé Par OpenCart France

(pour ces 2 lignes les déplacer uniquement si elles sont obligatoires) dans la partie des menu de bas de page dans leur arrière plan coloré (en bas des menu "information, service client, extras, mon compte") de façon a ce que la fin de la page en bas s’arrête sur ce menu avec l'arrière plan coloré et non cette zone blanche ou se trouve le copyright.
Désolé pour cette explication un peux longue mais j'ai essayer de faire au plus compréhensible...

Voici le code de "footer.tpl":

Code: Tout sélectionner

</div></div>
<div id="footer">
<div class="footer">

  <div class="column">
    <h3><?php echo $text_information; ?></h3>
    <ul>
      <?php foreach ($informations as $information) { ?>
      <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
      <?php } ?>
    </ul>
  </div>
  <div class="column">
    <h3><?php echo $text_service; ?></h3>
    <ul>
      <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
      <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
      <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
    </ul>
  </div>
  <div class="column">
    <h3><?php echo $text_extra; ?></h3>
    <ul>
      <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>

      <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
    </ul>
  </div>
  <div class="column">
    <h3><?php echo $text_account; ?></h3>
    <ul>
      <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
      <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
      <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
      <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
    </ul>
  </div>
</div>
</div>
<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->
<div id="powered"><?php echo $powered; ?></div>
<!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->

</body></html>

Merci d'avance encore une fois.

[Imaxine]

Tant que nous y sommes j'avais une autre demande, j'aimerais aussi déplacer le Copyright ainsi que

Développé Par OpenCart
Propulsé Par OpenCart France

(pour ces 2 lignes les déplacer uniquement si elles sont obligatoires) dans la partie des menu de bas de page dans leur arrière plan coloré (en bas des menu "information, service client, extras, mon compte") de façon a ce que la fin de la page en bas s’arrête sur ce menu avec l'arrière plan coloré et non cette zone blanche ou se trouve le copyright.

Etant donné que tu utilises un template, il serait souhaitable que tu publies dans ta réponse, le fichier catalog/view/theme/xxx/template/common/footer.tpl

[scarlabeboy]

Etant donné que tu utilises un template, il serait souhaitable que tu publies dans ta réponse, le fichier catalog/view/theme/xxx/template/common/footer.tpl

Voila j'ai édité et rajouté le code dans mon message précédent.

Merci d'avance.

[Imaxine]

Dans le fichier footer.tpl, il faut supprimer cette ligne :

Code: Tout sélectionner

<div id="powered"><?php echo $powered; ?></div>


et insérer ces lignes :

Code: Tout sélectionner

  <div class="column">
    <h3><?php echo $text_account; ?></h3>
    <ul>
      <li><div id="powered"><?php echo $powered; ?></li>
    </ul>
  </div>

après la ligne 37, soit avant ces lignes :

Code: Tout sélectionner

</div>
</div>
<!--


[scarlabeboy]

Merci pour ta réponse Imaxine.

Avec les changements que tu m'a proposer ça donne ça:

changement.jpg (38.61 Kio) Consulté 12699 fois

Pas très concluent lol j'ai donc chercher un peux et j'ai seulement modifier dans stylesheet.css les valeurs du code a cet endroit pour déplacer le "powered/copyright" en entier:

Code: Tout sélectionner

#powered {
   margin-top: -90px;
   text-align: Center;
   clear: both;
}

Ce qui m'a donner le résultat que je voulais:

deplacement.jpg (37.75 Kio) Consulté 12699 fois

Cependant j'ai toujours un problème avec la petite marge blanche en bas en dessous des menu et du "powered/copyright"...

J'ai essayer de supprimer ces lignes qui sont les dernieres de stylesheet.css et de mettre la "margin-bottom" à "Opx" mais rien n'y fait cette marge blanche ne veux pas disparaître...:

Code: Tout sélectionner

/* banner */
.banner div {
   text-align: center;
   width: 100%;
}
.banner div img {
   margin-bottom: 20px;
}

Aurais tu une idée stp pour la supprimer?
(lien du site dans ma signature pour mieux te faire une idée de ce dont je parle)
Merci.

EDIT: En fait c'est bon j'ai trouvé j'ai changer le "height" dans stylesheet.css a cet endroit:

Code: Tout sélectionner

#footer {
   clear: both;
   overflow: hidden;
   min-height: 120px;
   height:160px;
   padding: 20px;
   background:url('../image/footer.png') repeat-x;
   overflow:hidden;
}

[scarlabeboy]

J'aimerais revenir sur 2 modifs' que tu m'a proposer plus tôt...

Si tu désires aussi supprimer les liens pointant vers le concepteur du template, à savoir :

UA-32836830-1

Situé en haut à gauche dans le header ainsi que

Design:
Tworzenie stron internetowych
Naturstein

Situés en bas à gauche dans le footer.

Il te suffit de supprimer ces deux lignes de ton fichier header.tpl

Code: Tout sélectionner

$sys=base64_decode('PGRpdiBpZD0iYXV0b3IiPg0KCTxwPkRlc2lnbjogPGJyLz48YSBocmVmPSJodHRwOi8vd3d3LmRzd3d3LnBsLyIgdGl0bGU9IlR3b3J6ZW5pZSBzdHJvbiBpbnRlcm5ldG93eWNoIj5Ud29yemVuaWUgc3Ryb24gaW50ZXJuZXRvd3ljaDwvYT48L3A+DQogICAgICAgIDxwPjxhIGhyZWY9Imh0dHA6Ly93d3cubmF0dXJzdGVpbmUtZHMuZGUvIiB0aXRsZT0iTmF0dXJzdGVpbiI+TmF0dXJzdGVpbjwvYT48L3A+DQo8L2Rpdj4=');


Ligne 24

Code: Tout sélectionner

<?php echo $sys; ?>


Ligne 50

J'ai bien supprimé les 2 lignes que indique mais ceci dit les lignes

Design:
Tworzenie stron internetowych
Naturstein

on bien disparues mais pour ce qui est de

UA-32836830-1

il est toujours affiché tu aurais une autre idée stp?
---------------------------------------------

Pour infos : Le code

Code: Tout sélectionner

$sys=base64_decode

est la méthode utilisée par les hackeurs pour injecter des scripts sur les sites qu'ils désirent pirater.

Ce qu'il veux dire qu'il fait le supprimer? Je n'es pas retrouvé ce code... ou doit-il se trouver normalement?
Peut-être que cette ligne à déjà était supprimée?

Merci.

[Imaxine]

Pour ce qui concerne cette ligne :

Code: Tout sélectionner

UA-32836830-1

Elle concerne Google Analitycs, c'est le code qu'ils t'ont fourni, que tu as inscrit sur la boutique et qui se trouve dans admin > Système > Paranétres > {Boutique] > Onglet (Serveur] > Code de Google Analytics.
Le supprimer serait un tort.

J'ai surement été trop rapide dans ma réponse comme de coutume quand je veux aider les personnes qui suivent les règles de ces forums.

En ce qui concerne ce code

Code: Tout sélectionner

$sys=base64_decode

Dont panic, tu l'as déjà supprimé sur la modification que je t'ai donné ultérieurement.

Désormais, je pense que ton sujet est résolu et t'invite à mettre l'icône de résolution dans le titre initial de ton sujet, ce qui sera une première pour toi et ainsi tu auras assimilé toutes les règles principales de ces forums (hormis les règles générales), à savoir la signature et l'icône de résolution.

[scarlabeboy]

Merci pour toute ton aide apportée.

Au sujet de google analitycs je ne sais pas vraiment a quoi ça sert...
C'est vraiment utile?

Si OUI, je n'est pas copier le code qu'il demande de copier car je ne sais pas ou le copier:

2. Paste this code on your site
Copy the following code, then paste it onto every page you want to track immediately before the closing </head> tag.

Code: Tout sélectionner

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32836830-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Ou placer ce code, dans quel fichier?
Merci.

[Imaxine]

Ou placer ce code, dans quel fichier?

Relis ma réponse précédente.

[scarlabeboy]

Ou placer ce code, dans quel fichier?

Relis ma réponse précédente.

Ok je viens juste de comprendre...
Parce que a la base j'avais juste coller

UA-32836830-1

pour google analitycs à l'endroit que tu cite...
C'est pour cela que ça ne marchait pas!
J'ai quand même réussi a la faire marcher en copiant le code dans header.tpl mais finalement j'ai effacer pour copier le code a l'endroit prévu "Paranétres > {Boutique] > Onglet (Serveur]".

Et du coup je ne n'est plus le

UA-32836830-1

afficher en haut a gauche de ma page et google analytics fonctionne Parfait!
Même si je ne sais toujours pas trop a quoi il sert lol...?

Sinon merci beaucoup pour ton aide