comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

[chaynouhmoya]

lorsque j'examine ma page je trouve le code suivant:
body.site {
border-top: 3px solid #08C;
background-color: #F4F6F7;
}
qui se trouve dans inline:108
où on peut retrouver cette ligne 108?

[lomart]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

Bonjour,

Il y a de fortes chances que ce code soit généré par le template. Il faut donc regarder dans ses paramètres.
S'il n'existe pas de possibilité de les modifier, il faut créer une règle CSS qui annule les propriétés définies inline
body.site[style] {
border-top: 0 !important;
background-color: red !important;
}
Le !important, n'est pas forcément nécessaire. Mais sans connaître le contexte, je préfère le mettre.

[Rajoz]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

Bonjour chaynouhmoya,

où on peut retrouver cette ligne 108?

Il doit s'agir du template Protostar. Ce template permet en particulier de sélectionner les paramètres :

• Couleur du template : défaut = #0088cc
• Couleur de fond : défaut = #f4f6f7

Ces deux paramètres sont utilisés "inline" dans templates/protostar/index.php (lignes 95-118) pour générer du CSS :

<?php if ($this->params->get('templateColor')) : ?>
<style type="text/css">
    body.site
    {
        border-top: 3px solid [COLOR=#ff0000]<?php echo $this->params->get('templateColor'); ?>[/COLOR];
        background-color: [COLOR=#ff0000]<?php echo $this->params->get('templateBackgroundColor'); ?>[/COLOR]
    }
    a
    {
        color: <?php echo $this->params->get('templateColor'); ?>;
    }
    .navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary
    {
        background: <?php echo $this->params->get('templateColor'); ?>;
    }
    .navbar-inner
    {
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
    }
</style>
<?php endif; ?>

Dans ce code les PHP suivants sont remplacés par les valeurs saisies dans les paramètres :

• <?php echo $this->params->get('templateColor'); ?> renvoie la valeur du paramètre "Couleur du template" (#0088cc)
• <?php echo $this->params->get('templateBackgroundColor'); ?> renvoie la valeur du paramètre "Couleur de fond" (#f4f6f7)

Ce qui donne pour le CSS body.site avec les valeurs par défaut :

body.site
{
    border-top: 3px solid [COLOR=#ff0000]#0088cc[/COLOR];
    background-color: [COLOR=#ff0000]#f4f6f7[/COLOR]
}

En pratique : pour changer ces deux valeurs de couleur il suffit d'aller dans les paramètres du template par Extensions > Gestion des templates > Protostar - Défaut > Paramètres avancés et de modifier les paramètres "Couleur du template" et "Couleur de fond".

Amicalement,
Rajoz

[chaynouhmoya]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

merci beaucoup pour votre aide

[chaynouhmoya]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

merci infiniment RAJOZ,
j'ai résolu le problème en passant par : Protostar - Défaut > Paramètres avancés

Bonjour chaynouhmoya,



Il doit s'agir du template Protostar. Ce template permet en particulier de sélectionner les paramètres :

• Couleur du template : défaut = #0088cc
• Couleur de fond : défaut = #f4f6f7

Ces deux paramètres sont utilisés "inline" dans templates/protostar/index.php (lignes 95-118) pour générer du CSS :

<?php if ($this->params->get('templateColor')) : ?>
<style type="text/css">
    body.site
    {
        border-top: 3px solid [COLOR=#ff0000]<?php echo $this->params->get('templateColor'); ?>[/COLOR];
        background-color: [COLOR=#ff0000]<?php echo $this->params->get('templateBackgroundColor'); ?>[/COLOR]
    }
    a
    {
        color: <?php echo $this->params->get('templateColor'); ?>;
    }
    .navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary
    {
        background: <?php echo $this->params->get('templateColor'); ?>;
    }
    .navbar-inner
    {
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
    }
</style>
<?php endif; ?>

Dans ce code les PHP suivants sont remplacés par les valeurs saisies dans les paramètres :

• <?php echo $this->params->get('templateColor'); ?> renvoie la valeur du paramètre "Couleur du template" (#0088cc)
• <?php echo $this->params->get('templateBackgroundColor'); ?> renvoie la valeur du paramètre "Couleur de fond" (#f4f6f7)

Ce qui donne pour le CSS body.site avec les valeurs par défaut :

body.site
{
    border-top: 3px solid [COLOR=#ff0000]#0088cc[/COLOR];
    background-color: [COLOR=#ff0000]#f4f6f7[/COLOR]
}

En pratique : pour changer ces deux valeurs de couleur il suffit d'aller dans les paramètres du template par Extensions > Gestion des templates > Protostar - Défaut > Paramètres avancés et de modifier les paramètres "Couleur du template" et "Couleur de fond".

Amicalement,
Rajoz

[webcrea]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

Résolu....

[lesoutier]

Re : comment modifier le body background en utilisant bootstrap dans joomla 3.4.1

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

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