[RÉGLÉ] Aide pour modifier template Protostar sous Joomla 3x

[AlexBarmy]

Bonjour,

J'ai besoin d'aide pour modifier mon template:

- Mettre une image sur le fond de mon site.
- Mettre toutes les parties "blanche" en semi transparence pour voir l'image de fond.
- Changer la couleur du texte "noir" par defaut dans une autre couleur.

Merci

[lomart]

Re : Aide pour modifier template Protostar sous Joomla 3x

Bonjour,

Les 2 premiers points sont résolu par mon module bgmax
Pour le 3ème, plusieurs solutions:
1 - modifier la couleur du texte dans le fichier variable.less de protostar. L'idéal mais le plus compliqué
2 - ajouter la règle "body {color:#???;}" au fichier template.css de protostar. Attention, il ne faut plus utiliser less après
3 - ajouter "body {color:#???;}" dans le code complémentaire du module bgmax. Le plus simple

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

ok, je vais essayer et je vous tient au courant. Merci

[lomart]

Re : Aide pour modifier template Protostar sous Joomla 3x

En dehors de choisir l'image, avec le template protostar il suffit de définir .container comme sélecteur de contenu et d'indiquer le niveau de transparence.

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

Je viens d'installer le module et dans la documentation je lis ceci :

"le module bgmax est activé et publié en position debug (ou une autre position située en fin de votre template si la position debug n'existe pas)."

Comment on fait pour publié en position debug ?

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

J`ai réussi

Mais il certain module qui ont encore un fond blanc comme le module de conneciion ou le fil de navigation par exemple :/

J'aimerais aussi changer la couleur des boutons et des autres éléments de protostar...

[lomart]

Re : Aide pour modifier template Protostar sous Joomla 3x

Bonjour,

Il faut t'aider d'un inspecteur de code tel que firebug sous Firefox

Dans le cas du module connexion, on s’aperçoit que la couleur de fond est gérée par la classe well.
A partir de là, 2 possibilités:
1- l'inclure dans les sélecteurs de contenu en ajoutant son nom séparé par une virgule à la classe .container: .container, .well
Cette façon de faire va lui donner un coefficient de transparence identique au container mais moins transparent puisque 50% + 50%

2- ajouter cette ligne dans le code complémentaire: .well {background-color: transparent;}
Comme cela, il n'aura que les X% de container

Pour les boutons, l'idéal serait de modifier les variables less. Mais je n'ai pas l'impression que cela va t'être facile pour l'instant
Donc une solution est d'ajouter dans le code complémentaire de bgmax la ligne suivante en adaptant les couleurs
.btn-primary {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #0044cc);
border-color: #0044cc #0044cc #002a80;
}


Même principe pour les autres éléments

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

Merci celà fonctionne

J'ai un autre soucis, je n'arrive pas a centrer le titre de mes articles :/

edit : Je ne trouve pas non plus pour changer la couleur du texte du fil de navigation...

En tout cas bravo pour Bgmax, c'est un module vraiment utile

[electrocity]

Re : Aide pour modifier template Protostar sous Joomla 3x

Bonjour,
Pour modifier en direct ou voir le CSS de votre page, il suffit d'appuyez sur F12 dans firefox ou chrome (ie fonctionne mais c'est pas top).
A droite dans l'onglet styles, en cliquant entre une balise css, vous pouvez éditer le CSS, il faut juste un peu apprendre le CSS avant.
Après un p'tit copier/coller dans votre feuille CSS et le tour est joué.

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

Merci pour toutes les explications, je vois plus clair à présent.

Maintenant je voudrais que la colonne de gauche de mon site a les même paramètres que la colonne de droite. Même dimensions, même écart, ...

[electrocity]

Re : Aide pour modifier template Protostar sous Joomla 3x

Normalement dans bootstrap (protostar utilise bootstrap); il y a un system de grille qui permet d'avoir les mêmes dimensions., si on a pas magouillé le css et bien balisé ses colonnes.
Le principe est de diviser 12 collones et d'utilisé une classe différente selon le nombre de collonne(span1 à span12).
dans protostart les colonnes sont en class span3 et la partie central en span6, donc pas de soucis de largeur.
Si cela ne fonctionne plus, c'est que vous avez certainement modifier cela.
donc pour avoir des colonnes symétrique il faut toujours que le total fasse 12.
En se basant plus ou moins sur protostar et une division 3/6/3 par exemple :

<div class="row-fluid">
	<div id="sidebar" class="span3"> 
		contenu HTML de gauche
	</div>
	<div id="content" role="main" class="span6"> 
		contenu principal
	</div>
	<div id="aside" class="span3"> 
		contenu HTML de droite
	</div>
</div>

mais rien empéche d'utiliser span2/span8/span2 ... tant que le total fait 12.

[AlexBarmy]

Re : Aide pour modifier template Protostar sous Joomla 3x

Merci

[rb1jlo]

Re : Aide pour modifier template Protostar sous Joomla 3x

Bonjour,
Pour modifier en direct ou voir le CSS de votre page, il suffit d'appuyez sur F12 dans firefox ou chrome (ie fonctionne mais c'est pas top).
A droite dans l'onglet styles, en cliquant entre une balise css, vous pouvez éditer le CSS, il faut juste un peu apprendre le CSS avant.
Après un p'tit copier/coller dans votre feuille CSS et le tour est joué.

N'y-a-t-il pas de pb de sécurité si n'importe qui peut accéder au détail du template à partir du site frontal.
Y-a-t-il un moyen de verrouiller cet affichage ?
D'avance merci.

[fyleos]

Re : Aide pour modifier template Protostar sous Joomla 3x

Bonjour,

Il n'y a pas de problème de sécurité et je ne pense pas que ce soit possible de verrouiller ça car le navigateur affiche simplement ce qu'il lit (et c'est impératif pour pouvoir afficher le site ).
Tu peux tester cette manip sur tout les sites, tu verra que tu as accès à tout les CSS et structure HTML concerné par la page.