Code CSS pour l’intranet

Code CSS pour l’intranet

Le code CSS permet de modifier l’apparence des textes et des alertes dans Koha. Vous pouvez insérer ces différents codes dans la préférence système IntranetUserCSS.

1. Modifier l’apparence des messages sur la page d’accueil de l’intranet





.pending-info {
font-size:15px;
color: red;
}

Pour mettre une autre couleur, il modifier la variable « red » et si vous voulez mettre une police plus grosse, il faut modifier le nombre avant px.

2. Modifier l’apparence de l’alerte montrant le matériel d’accompagnement (952$3)




div#materials.dialog.message {
color:red;
font-size:15px;
}

3. Modifier la couleur du texte « Mémoriser pour cette session






.date-select {font-size:15px;color: red;}

4. Modifier le message lors d’un retour de document perdu





.problem {
font-size:15px;
color:red;
}

5. Modification de l’apparence des notes lors du retour d’une réservation





.dialog.message h4{
font-size:15px;
color:red;
}

6. Mettre en jaune le fond de toutes les alertes au retour


div.message {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%) repeat scroll 0 0;
    border: 1px solid #e0c726; 
    color: inherit; 
    text-align: center; 
    text-shadow: none;

7. Déplacer localisation sur une autre ligne dans le tableau des exemplaires (version 19.05)


/*pour localisation sur autre ligne*/

span.shelvingloc{display:block;}


8. Faire afficher bouton Traiter pour import (outil Préparation des notices Marc à l'import) qui disparait avec nouvelle version de Chrome


Avec la version 83 de Chrome (décembre 2020), le bouton Traiter pour import disparait, il faut réduire la fenêtre pour le voir apparaitre. C'est un bogue d'affichage dans le code de Koha qui genère ce problème dans Chrome (cela fonctionne pour les autres fureteurs).

Avec le code css suivant, le bouton reprend sa place d'origine sans avoir besoin de réduire la fenêtre

/*faire apparaitre bouton import probleme chrome*/
main {
    margin-bottom: 50px;
}

9. Faire afficher les boutons "Enregistrer" et "Annuler" (outil modification d'exemplaire par lots) qui disparaisent avec la nouvelle version de Chrome

/*faire apparaitre bouton enregistrer chrome*/
fieldset.action {
    margin: .9em 0 2em;
}



    • Related Articles

    • Code javascript pour l’intranet

      0. Configuration La préférence système intranetuserjs peut être utilisé pour activer du code java à l’intranet. Les codes qui sont listés ci-dessous doivent être inscrit entre ces deux balises en rouge (les balises ne doivent apparaître qu’une fois ...

    • Code CSS pour l’OPAC

      L'article suivant présente des codes CSS pouvant être utilisés pour personnaliser l'OPAC. 0. Configurations 0.1 Préférence OPACUserCSS Il faut ajouter les codes dans la préférence système OPACUserCSS. Les changements effectués par ces codes seront ...

    • Code javascript pour l’OPAC

      L'article suivant présente des codes Javascript pouvant être utilisés pour personnaliser l'OPAC. 0. Configurations 0.1 Préférence OPACUserJS Il faut ajouter les codes dans la préférence système OPACUserJS. Les changements effectués par ces codes ...

    • Ajouter un index Titre de revue

      Cet ajout permet de rechercher rapidement un Titre de revue en cherchant dans l'index Titre et en ajoutant un filtre sur le ou les types de documents correspondant à vos revues. Le code fonctionnel avec ElasticSearch est beaucoup plus complexe que ce ...

    • Créer des blocs dans les onglets Type de document, Collection et Localisation de la page Recherche avancée

      Voici les codes Javascript et CSS pour regrouper par blocs les critères de recherche dans les onglets de la recherche avancée de l'OPAC, comme dans la capture d'écran ci-dessous. Types de document, collections et localisations Afin de simplifier la ...