dimanche 1 mars 2015

Style Genbib : changer les couleurs

Pour changer les couleurs du style Genbib :

- Choisir deux couleurs
Il faut sélectionner deux couleurs (une claire et une foncée) grâce au site web suivant :
http://html-color-codes.info/Codes-couleur-HTML/

Dans le texte suivant vous changerez 
#D0C6B4 par la couleur claire choisie
#58585C par la couleur sombre choisie

- Copier et modifier le texte suivant

Toujours dans l'onglet Administration, puis Outils, Paramètres et enfin Opac, vous devez coller le texte suivant dans default_style_addon :

body#pmbopac {
background-color : #D0C6B4;
}


#pmbopac, #intro #intro_bibli .p2 ul li, ul.search_tabs li, #onglets_list ul.list_tabs li,
#empr_onglet ul.empr_tabs li, input.bouton, input.boutonrechercher, #subs_form table td input,
.carroussel_bulletin .current_bull_carroussel, .carroussel_bulletin .active, th,
ul.empr_subtabs li, .authorities {
background-color : #D0C6B4;
}


#intro_message .p1 {
color : #D0C6B4;
}


#footer {
border-top: 8px solid #D0C6B4;
}


.notice-child {
border-bottom: 5px solid #D0C6B4;
}


ul#onglets_isbd_public, #categories-container ul, #actualites .bloc_actu {
border-bottom: 1px solid #D0C6B4;
}


#navigator, #search, #categories-container, #perio_a2z, #location-container, #last_entries,
#etagere-container,
input, select, textarea, .carroussel_bulletin, .current_bull_carroussel,
.carroussel_bulletin.active,
ul.empr_subtabs li, .listedescription {
border: 1px solid #58585c;
}


#intro #intro_bibli .p1, #facette h3, #bandeau #post_adress h3, #bandeau #accueil #lang_select,
.bg-grey, #visionneuseBackground {
background-color: #58585c;
}


body, #intro_message .p1 p, #main #search ul.search_tabs li#current, #onglets_list ul.list_tabs
li#current,
#empr_onglet ul.empr_tabs li#current a, a, input.login, input.password, input.subsform, select,
textarea,
.carroussel_bulletin, .current_bull_carroussel, #onglets_list ul.list_tabs li a.current,
#search_onglet ul.search_tabs li.current a {
color : #58585c;
}


Dernière étape, vous changer les couleurs selon les choix que vous avez effectuées.

Attention : Pour changer la couleur de l'arrière-plan, choisissez une troisième couleur que vous replacerez au début du texte (2e ligne) en changeant le code couleur (que j'ai mis en gras) :
background-color : #D0C6B4;

Aucun commentaire:

Enregistrer un commentaire

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.