[RÉGLÉ] modifications de la page

[bailaor]

bonjour,

j'ai plusieurs soucis sur ma page
1- j'ai une ligne bleu en haut que je n'arrive pas à supprimer
2- j'aimerais centré le bandeau publicitaire
3- raccourcir les menus "écrivains, thèmes et high tech, entre le body et le footer
4- quand je clique sur mon titre, il ne trouve pas la page, il faut que je rajoute /index.php pour que cela fonctionne

cdt

joomla 3.3.6

https://www.booketmysteres.fr

[lesoutier]

Re : modifications de la page

4- quand je clique sur mon titre, il ne trouve pas la page, il faut que je rajoute /index.php pour que cela fonctionne

Supprime le fichier index.html qui est à la racine de ton site, et ça ira nettement mieux.

[bailaor]

Re : modifications de la page

ok merci
je n'arrive pas à centrer la page d'accueil

cdt

[Rajoz]

Re : modifications de la page

Bonjour bailaor,

1- j'ai une ligne bleu en haut que je n'arrive pas à supprimer

Ajouter à la fin de templates/protostar/template.css :

body.site {
    border-top: none;
}

2- j'aimerais centré le bandeau publicitaire

Ajouter à la fin de templates/protostar/template.css :

.banneritem {
    margin: 0 auto;
    width: 800px;
}

3- raccourcir les menus "écrivains, thèmes et high tech, entre le body et le footer

Ajouter à la fin de templates/protostar/template.css :

ul.flyout-menu.text-left .menu-link {
    margin-right: 0;
}

Note : la marge droite était à 21px, dans le code je la propose à 0. Une valeur intermédiaire (ex: 10px) pourra aussi être utilisée en fonction du résultat souhaité.

Amicalement,
Rajoz

[bailaor]

Re : modifications de la page

bonjour,
je suis désolé mais aucun codes ne fonctionnent

[Rajoz]

Re : modifications de la page

Bonjour bailaor,

Je ne vois aucun des codes que j'avais indiqués à la fin du fichier templates/protostar/css/template.css. Y sont-ils toujours ?

Tu utilises le plugin JCH Optimize. As-tu penser à vider le(s) cache(s) pour qu'il prenne le nouveau template.css modifié ?

Quand je fais le test avec l'inspecteur de Chrome, les codes indiqués fonctionnent :


Oups en me relisant je me rends compte que j'avais indiqué templates/protostar/template.css (qui n'existe pas) au lieu de templates/protostar/css/template.css, recommence en modifiant ce dernier fichier.

Amicalement,
Rajoz

[bailaor]

Re : modifications de la page

bonjour,

je suis bien allé dans templates/protostar/css/template.css
quand j'ai vu que cela ne fonctionnait pas, je les ai supprimer
j'avais bien vidé le cache avec jch optimize

je vais remettre les codes, dis moi si tu les vois au bon endroit
par contre, je ne voulais pas raccourcir le menu, mais l'écart entre le pied de page et l'article

cdt
cdt

[bailaor]

Re : modifications de la page

la bannière est centrée, par contre le reste ne fonctionne pas

cdt

[Rajoz]

Re : modifications de la page

Bonjour bailaor,

je vais remettre les codes, dis moi si tu les vois au bon endroit
...
la bannière est centrée, par contre le reste ne fonctionne pas

Sur la page d'accueil :
Je ne vois toujours pas les codes dans la partie template.css du css créé par JCH Optimize.
D'ailleurs la page a toujours la ligne bleue en haut et la bannière n'est toujours pas centrée.

Sur la page Thèmes :
Les codes sont bien dans template.css, la banière est centrée.

A noter qu'entre ces deux pages ce ne sont pas les mêmes références des css créés par JCH.

Bon il s'agit de WIP (Work in Progress = travail en cours) puisque maintenant le css de la page d'accueil a disparu. Je regarderai à nouveau quand se sera stabilisé.

3- raccourcir les menus "écrivains, thèmes et high tech, entre le body et le footer
...
par contre, je ne voulais pas raccourcir le menu, mais l'écart entre le pied de page et l'article

A la lecture du "3 raccourcir les menus écrivains, thèmes et high tech", j'avais compris que tu voulais raccourcir la largeur des liens de menu écrivains, thèmes et high tech qui ont une marge de droite nettement plus importante que celle de gauche.

S'il s'agit dans les pages Themes, Ecrivains et High Tech de raccourcir l'espace entre le corps de la page et le bas de page (à partir du commentaire) il faudra modifier la façon dont le corps de page est construit.

Pour les trois pages, le corps est constitué d'un iFrame dont voici le code (j'ai remplacé la fin du lien par des .....):

<iframe src="http://astore.amazon.fr/....." width="100%" [B]height="4000"[/B] frameborder="0" scrolling="no"></iframe>

Cet iFrame a une hauteur codée à 4000px, même si l'iFrame est totalement vide, la suite de la page ne viendra qu'au bout des 4000 pixels.
D'après mes essais avec l'Inspecteur de Chrome, une hauteur de 1000px devrait suffire. Mais je recommande de voir avec Amazon quelle est la hauteur nécessaire pour ces iFrames.

Amicalement,
Rajoz

[bailaor]

Re : modifications de la page

pour les iframe, c'est ok

par contre j'ai bien placé mes codes pour la ligne bleu et le centrage de la page d'accueil comme les codes de la bannière

les 4 dernières lignes du fichiers template.css
}

.search span.highlight {

background-color: #FFFFCC;

font-weight: bold;

padding: 1px 4px;

}

body.site {

border-top: none;

}

.banneritem {

margin: 0 auto;

width: 800px;

}

ul.flyout-menu.text-left .menu-link {

margin-right: 0;

}


cdt

[Rajoz]

Re : modifications de la page

Bonsoir bailaor,

Je vois maintenant les codes dans le template.css qui est regroupé avec les autres css dans le fichier de JCH Optimize.

JCH Optimize comme les autres options de compression sont intéressantes en production pour les aspects performance, mais en développement ça complique un peu les choses.

1) Pour la ligne bleue
Il y a un code dans index.php (ligne 99) de Protostar qui prend la main sur celui mis dans template.css.

Pour que le code de template.css devienne prioritaire il faut modifier le code en ajoutant !important :

[COLOR=#3E3E3E]body.site {[/COLOR]
[COLOR=#3E3E3E]    border-top: none !important;[/COLOR]
[COLOR=#3E3E3E]}[/COLOR]

2) Pour le menu
Si tu veux toujours réduire la largeur des liens de menu (bien que ce ne soit pas ta demande initiale), le problème est que dans le fichier regroupé par JCH Optimize, le fichier flyout.css du menu cinch vient après template.css et donc écrase le code de ce dernier.

Comme pour la ligne bleue, il faut modifier le code de template.css pour qu'il soit prioritaire (ajout de !important) :

ul.flyout-menu.text-left .menu-link {
    margin-right: 0 !important;
}

Amicalement,
Rajoz

[bailaor]

Re : modifications de la page

cool cela fonctionne!!!! merci
une dernier problème, j'aimerais centrer les articles qu'il y a en page d'accueil

[Rajoz]

Re : modifications de la page

Bonjour bailaor,

L'article de la page d'accueil ne comporte q'un iframe qui affiche des produits.

Pour centrer cet affichage, il faut modifier l'article d'accueil et mettre l'iframe dans les div suivants :

<div class="text-center">
    <iframe ..... ></iframe>
</div>

Amicalement,
Rajoz

[bailaor]

Re : modifications de la page

cela fonctionne
un grand merci pour tes codes et le temps passé

cdt

[bailaor]

Re : modifications de la page

bonjour,

j'ai un big soucis, sur firefox on dirait qu'il n'y a plus de css et sur IE, j'ai la ligne bleu qui ré-apparaît
j'ai vidé le cache du site, de firefox, IE, mais rien n'y fait

https://www.booketmysteres.fr

cdt