modifier logo-nom du site

modifier logo-nom du site [Réglé]

herveduroy Membre non connecté

Booster Bazooka

Le 02/04/2016 à 23h59

Booster Bazooka
Voir le profil du membre herveduroy
Inscrit le : 09/01/2010
Groupes :

bonjour,
Le thème redaurora n'étant pas converti, je suis sous le thème de base de la version 5.0.3.

J'ai une image de 461 X 75 (affichée actuellement de façon partielle en logo 90 X 90), suivi du nom du site (La Galaxie des Enfants).

L'image utilisée ayant déjà en incrustation le nom du site, je voudrais qu'elle prenne la place du logo actuel <span style="text-decoration: underline;">et </span>du nom du site.

Disposition actuelle: <a href="http://www.lagalaxiedesenfants.fr"> voir le site </a>

Quelles sont les modifications à apporter ?
Merci

babsolune Membre non connecté

Equipe Développement Administrateur

Le 03/04/2016 à 00h58

#149956

Administrateur
Voir le profil du membre babsolune
Inscrit le : 16/05/2008
Site internet
Groupes :
Equipe Développement

plop

il ne faut pas utiliser le theme base mais une copie sinon tu perdras tes modifs lors d'une mise à jour impactant le theme base

ensuite il faut désactiver le cache css => administration=> outils=> cache => configuration, ce qui te permettra d'utiliser l'outil "examiner l'élément" de ton navigateur (clic droit sur l'emplacement que tu veux modifier ou f12 sous IE) et de voir quel fichier css modifier et à quelle ligne

Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site

bricodx Membre non connecté

Booster Bazooka

Le 03/04/2016 à 10h22

#149961

Booster Bazooka
Voir le profil du membre bricodx
Inscrit le : 15/09/2008
Site internet
Groupes :

La modification d'un thème est un travail assez long et nous ne pourrons certainement pas te donner toutes les solutions si tu ne connais pas un minimum le CSS et le html ( voir le php ).

Pour commencer, tu peux lire la page <a href="/wiki/personnaliser-un-theme">personnaliser-un-theme</a> qui va te donner quelques bases.

pour répondre à ta question, tu vas dans le répertoire /templates/LE-NOM-DE-TON-THEME/ et tu édites le fichier body.tpl . La partie que tu souhaites modifier pour ton logo, se trouve à partir de la ligne 3 dans le DIV top-headers.
tu peux ainsi remplacer le chemin du logo d'origine par le tien dans le DIV site-logo

Tu vas devoir ensuite éditer le fichier /templates/LE-NOM-DE-TON-THEME/theme/design.css et modifier la partie div#site-logo pour ajuster la position les marges ....

Fred

herveduroy Membre non connecté

Booster Bazooka

Le 03/04/2016 à 13h19

#149975

Booster Bazooka
Voir le profil du membre herveduroy
Inscrit le : 09/01/2010
Groupes :

Le nouveau logo est déjà en place, mais elle est en grande partie cachée par la zone "titre du site".
Or, le titre est obligatoire dans la configuration.
La première chose à faire pour y voir un peu plus clair, n'est-elle pas d'empêcher son affichage ? Mais comment ...
Hervé

janus57 Membre non connecté

Equipe Assistance Booster Fusée

Le 03/04/2016 à 13h31

#149976

Booster Fusée
Voir le profil du membre janus57
Inscrit le : 07/12/2007
Groupes :
Equipe Assistance

Bonjour,

cela se fait dans le template du thème de base.

Sinon @bricodx n'était pas loin c'est à la ligne 7

Code HTML :

<a id="site-name" href="{PATH_TO_ROOT}/">{SITE_NAME}</a>

où est affiché le titre du site.

Cordialement, janus57

babsolune Membre non connecté

Equipe Développement Administrateur

Le 03/04/2016 à 13h50

#149977

Administrateur
Voir le profil du membre babsolune
Inscrit le : 16/05/2008
Site internet
Groupes :
Equipe Développement

pour garder le titre dans la config mais ne pas l'afficher

Code CSS :

a#site-name {
...
position: absolute;
top: -5000px;
}

Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site

herveduroy Membre non connecté

Booster Bazooka

Le 03/04/2016 à 18h08

#150003

Booster Bazooka
Voir le profil du membre herveduroy
Inscrit le : 09/01/2010
Groupes :

- j'ai supprimé les lignes 6,7,8 et 9 dans le fichier body.tpl
- j'ai ensuite, dans le fichier design.css, en ligne 129, mis width: 461px au leu de width: 90px

Ca fonctionne (voir)

(j'ai conservé les fichiers d'origine quand même au cas où).

Merci,
Hervé

Édité par herveduroy Le 03/04/2016 à 18h11

Créations de Modules

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie