Code CSS pour l’intranet

Code CSS pour l’intranet

Les codes du présent article permettent de changer l'apparence d'alertes et de textes à différents endroits dans l'Intranet.

0. Configurations

Il faut ajouter les codes dans la préférence système IntranetUserCSS. Les changements effectués par ces codes seront visibles à tout moment et pour tout les utilisateurs dans l'Intranet.

1. Prêts

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

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

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


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

2. Retours

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


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

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


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

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

Quote
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;

3. Outils

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

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

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


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


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


4. Notices

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

Quote
/*pour localisation sur autre ligne*/
span.shelvingloc{display:block;}

5. Page d'accueil

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

Avant :

Après :

Quote
.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.


    • Related Articles

    • Code javascript pour l’intranet

      0. Configurations Les codes suivant doivent être inscrits dans la préférence système IntranetUserJS. Ils doivent également être inscrit entre ces deux balises en rouge (les balises ne doivent apparaître qu’une fois dans la préférence système que vous ...

    • 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 ...