[RÉGLÉ] Modifier Protostar

[phelibre]

Bonjour,

J’administre ce site sous Joomla 3.6.5. Le template utilisé «*adm*» est en fait une copie personnalisée du template Prostar. Personnellement le design actuel du site commence à vieillir et plutôt que de changer complètement de template, j’ai peur d’avoir un peu trop de travail. Je préfèrerai dans un premier temps modifier l’existant.

J’aimerai modifier l’entête «*header*» donc pour qu’ils soit plus haut ce qui permettrait d’avoir plus d’espace entre le titre «*Artisans du monde La Rochelle*» et l’image dessous et de même entre l’image et les menus …

Je n’ai trouvé ou est déclaré la taille de ce block dans le template*?

Merci,

[ced1870]

Re : Modifier Prostar

salut
tous les css sont définis dans

http://www.admlarochelle.com/templates/adm/css/template.css

il faut utiliser Firebug ou la console du navigateur (F12 ou CTRL+SHIFT+K) pour inspecter ta page et les éléments
tu auras les règles et leur emplacement, tu pourras meme simuler des modifs
CEd

[phelibre]

Re : Modifier Prostar

Merci, Oui j'ai regardé le css mais rien de trouvé de clair au niveau du header ...
Oui je connais le mode debug des navigateurs :
<div class="body">
<div class="container">
<!-- Header -->
<header class="header" role="banner">
<div class="header-inner clearfix">
<a class="brand pull-left" href="/">
<img src="http://www.admlarochelle.com/images/LogoAdM2016animate.gif" alt="Artisans du Monde La Rochelle" /> </a>
<div class="header-search pull-right">

</div>
<div class="site-title">
<h1>
Artisans du Monde La Rochelle </h1>
</div>
</div>
</header>
Voilà la partie concernée mais cela me dit pas ou est défini le block en question ... Je sais que l'image défini pour la bannière est déclarée en ligne 6987 du css mais rien de plus

[ced1870]

Re : Modifier Prostar

ça c'est le code html que tu cites, pas le css
ligne 7432 tu peux essayer d'ajouter une marge négative sur le titre pour le remonter

div.site-title {
color: #6f0100;
display: inline-block;
margin-left: 20px;
margin-top: -20px;
}

c'est le plus simple à mon avis

[phelibre]

Re : Modifier Protostar

Oui effectivement cela décale un peu la bannière vers le bas j'essaye sur une copie du site en local et donc non visible pour vous.

Sans vouloir insister, j'aimerai savoir ou est définie le block de la bannière afin de pouvoir également mettre une image plus haute d'environ 50% ?

Merci,

[lefabdu51]

Re : Modifier Protostar

Si tu passe par le style pour mettre ton image, pas besoin de changer la hauteur.
Si tu met une image avec d'autres dimensions, il s adapte automatiquement.
La l'image est en background de la div id=header.

C'est la hauteur du logo de gauche qui determines la hauteur globale de l'entête......

Pour la marge entre l'entete et le fil d ariane
crées un fichier user.css et met ceci dedans :

.header {
    margin-bottom: 150px;
    background: url(../images/banniere-2016.png) repeat scroll right rgba(0, 0, 0, 0);
}

[phelibre]

Re : Modifier Protostar

Merci, c'est parfait

Pour finir, pour connaitre un peu plus sur l'organisation des templates et notamment le Protostar, vous me conseillez quoi ?

[chabi01]

Re : Modifier Protostar

Bonjour,
Si tu lis l'anglais : http://bj.zemplate.com/protostar-res.../customization
Tu as également web54 qui a fait plusieurs pages là dessus en partant de ces pages en anglais : https://www.web54.fr/tutoriels-frame...iel-protostar/

Cordialement,

[phelibre]

Re : Modifier Protostar

Merci à tous

[lesoutier]

Re : Modifier Protostar

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=230

[phelibre]

Re : Modifier Protostar

??? c'est ce que j'ai fait 14h53 !!!

[phelibre]

Re : Modifier Protostar

??? C'est ce que j'ai fait à 14h53 !!!

[phelibre]

Re : Modifier Protostar

Impossible de passer la file en Réglé !!!!

[lesoutier]

Re : Modifier Protostar

C'est bon, la discussion apparait bien en "Réglé"

Sinon http://forum.joomla.fr/announcement.php?f=230