Home

documentation complète

1. 23 B 7 Affichage du libell des items de sous menu modifier le style div drop down menu p 23 Comment modifier l apparence de la ligne de rappel des crit res 7 24 Arri re plan et les bordures 24 C 1 Arri re plan et bordure du rappel des crit res modifier le style reguete 24 2006 06 23 page 1 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 C 1bis Tableau de pr sentation des crit res de recherche modifier le style requete requete 24 Police de caract re 24 C 2 Libell du rappel des crit res modifier le style requete p 44 24 C 3 Dimensions de l image espace modifier le style requete img 25 C 4 Police pour les termes recherch s modifier le style requete requete d 25 C 5 Police pour le libell des crit res de recherche modifier le style requete b intitule 26 Comment modifier l apparence de la ligne d informations sur les r sultats 26 Arri re plan bordures et polices C 6 Arri re plan et bordure des informations de recherche modifier le style result menu 26 C 6 Choix de la police modifier le style result ET E 27 C 7 Dimensions de l image espace gauche et droite modifier le style result menu td 27 C 8 Choix de la couleur de l arri re plan et de la police de la liste d roulante modifier le
2. Choix de la couleur de l arriere plan de la rubrique survolee Choix de la bordure epaisseur couleur S div top level menu hover div top level menu a visited background slateblue border lpx solid darkslateblue color white B 4bis Affichage des libelles de premier niveau Les libelles sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa decoration ba div top level menu a font size DCS font weight bold color white text decoration none B 4bis Affichage des libelles survoles de premier niveau Les libelles sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa decoration ae Modifications de l apparence d une application Pleade 2006 06 23 page 45 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org div top level menu a hover font size 1005 font weight bold color white text decoration none VEE EE ur rue r er rs B 5 Affichage du bloc des sous menus Choix de la couleur de l arriere plan des rubrigues Choix de la bordure epaisseur couleur Choix de la couleur de la police de sa graisse de sa taille aad div drop down menu background dcdfe2 border width lpx lex lpx lpx border style solid border color darkslateblue Color whi
3. a external text decoration underline background beige a internal Modifications de l apparence d une application Pleade 2006 06 23 page 81 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org text decoration underline overline a ead link Color bDladk a hover titreCh a hover titreTh text decoration underline overline a hover underline eo Poe td underline border width lpx 0px Ipx lpx border style inset td underline td underline border left 0px solid underline font weight 400 S EEK KKK KKK K K kK kK K k K K K K K k K K K K K K K K K K K K K K K K K K K K K K K K K K K K K k K k K k K k K K K k k k k k k KE Autres styles KKKKKKKKKKKKKK KK ZA A KA A KA A K A XK A ZX A KKK KKK KKK KKK KKK KKK KKK KKKKKKKKKKKKKEK div index EE EE Ehe e table index margin bottom e P ead controlaccess Mode grille presentation du document ead pd grille sunitid font weight strong td geille unitid td grille other Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 page 82 K PLEADE http pleade org EE oe ee vertical aligna Cop padding Cop Spx padding left 5px padding right Spx pad
4. Modification de l apparence d une application Pleade Version du document 1 Date 23 juin 2006 Table des mati res Mode d emploi 3 Les CSS field n minette dite ardain 3 Emplacement des CSS 3 Role des CSS nestriesteserseeneenntes 3 Structure des pages HTML eeeeeeeeeeennnn 4 Habillage de l application Pleade 4 Pr sentation d un document EAD 5 Document EAD avec fragmentation 5 Document EAD sans fragmentation 5 Structure des CSS 6 ul 6 UE TT 6 A Banni re 6 B Menu g n ral PLEADE 7 C Rappel des crit res et informations sur la ee Ee EE 8 D Lignes de r sultats 9 E Pied de page 9 F Administration 10 G Contenu des pages 10 H Liste des couleurs utilis es 11 CAMPlCaAde CSSiiesssesesceteccceceatiessnsactwoaescecdeassusenteee 13 I Titre et recherche eee 13 J Table des matieres 14 K Le contenu du document EAD les styles les plus utlses eenean 15 L o Rh 18 Comment modifier l apparence de l en t te d une page 2 ss sccssseessssnrvessssennse 18 Comment modifier le logo 7 18 A 1 Logo Modifier le style logo 18 Arri re plan 18 A 2 Image et couleur d arri re plan de la banni re modifier le style background 18 Police de caract re 19 Modifications de l apparence
5. Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em Modifications de l apparence d une application Pleade 2006 06 23 page 27 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras C 9 Liens pour la navigation modifier le style result menu a Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu La police de caract re se modifie en changeant la valeur de l attribut font family Par
6. border width 0px 0px lex 0px border style solid border color 555505 DEE K1 16 Paragraphe Unite de contenu GE p ead p colors DIOD font weight normal margin Potton pt VE K1 17 Bloc Unite de contenu E div unit content margin Bottonm MOP border width Opx Upx lpx 1px border style solid border color 555555 u EE ee E S ee ee eee eee eee eS K1 18 Bloc Unite de contenu ay div bloc i margin bottom 10pt P Ve K1 20 Cellule gauche Unite de contenu y div ead c td label Modifications de l apparence d une application Pleade 2006 06 23 page 77 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org K PLEADE border width Opx 0px lpx Opx border style solid border color DEDEDE vertical align COP padding bottom 15px padding left 5px padding right Spx padding bottom Spx lt label Color DO font weight bold E es See eee eee ee u ert eee eee Kiwi gt Cellule droite Unite de contenu a div cad c Ed content 4 border width Opx Opx lpx Opx border style dotted border color 7999999 vertical align top padding left 10px padding bottom 15px padding left 5px padding right Spx padding bottom 2PX Eeg Fh ct Fh content color 555555 font weight normal td content span label color 44444
7. creativecommons org licenses by 2 0 http pleade org div debug page 56 K PLEADE http pleade org The page header Dr div page header margunk Opx 0px Opx Opx The page contents sy div page content margin 40px Styles par defaut des niveaux de titr EN hl background color DCDFE2 Color Black border lpx solid 7999999 h2 colors black border width 0px 0px lex Px border style solid border color darkslateblue Ho color slateblue border width ps ps lpx Ups border style lt solad border color darkslateblue border width 50 h4 color darkslateblue he 4 color slateblue Root title lal root margin top Oem background color E6D9E6 colors black 7 Eerore SE ha ercon Modifications de l apparence d une application Pleade 2006 06 23 page 57 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org Styles par defaut des liens a aivisited Colors mediumorchid a hover color e000a0 color dodgerblue a nav visited color dodgerblue underline underline background FFFFCC Les champs de texte les listes et les boutons Styles par defaut des input Z Bouton radio case cocher fichier Bae input type radio input type checkbox input type file background transparen
8. pleade local skin pictures et la d clarer dans l attribut background image Son nom doit tre modifi dans le chemin et le lien vers cette image background image url pleade local skin pictures votreImage ext La modification de l attribut background color permet de changer la couleur de l arri re plan Si l image du logo est plac e dans ce style il faut renseigner les attributs width et height du style logo pour viter le recouvrement par le formulaire de recherche de la partie de l image correspondant au logo Police de caract re A 5 Police de caract re modifier le style div common search form La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en
9. border width 0px 0px Ipx 0px border style solid border color 5555557 KR KR KK KKK IK KKK X kk I I RK KK A I RK KI kkk k kkk k RK k kk k k J Table des matieres KKKKKKKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK A ZA KKK KKK KKK KKK KKK KA Z Zk La table des matieres ne s affiche que lorsque les documents sont fragmentes Elle s affiche dans un frame a gauche et sous le frame Modifications de l apparence d une application Pleade 2006 06 23 page 70 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org de titre du document La page de la table des matieres est definie avec la balise bodyetdm JU La table des matieres est divisee en deux parties un menu div menu J 2 le contenu de la table div toc J 4 Le menu est un tableau divis en plusieurs cellules qui forment des onglets pour permettre d afficher une table des matieres des MIS lt a es cellules ou onglets ont trois etats contenu de la table des mati res ou de l index affich td actuel J 3 contenu de la table des mati res on de Iandex mon ott1che EE 4 contenu de la table des mati res ou de l index non affich et survol td navover J 5 e bloc gui affiche le contenu div toc J 6 contient un tableau divise en autant de cellules qu il est necessaire pour afficher les differents niveaux de profondeur du documen
10. darkslateblue bleu fonce mediumorchid parme Lien dodgerblue gt cian Lien red rouge Span admin green vert Span admin darkblue gt bleu nuit Span admin whitesmoke gris tres clair Arrieres plan Couleurs Equilavence Usage Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 page 63 EDEDED gris clair Bloc table E6D9E6 gris clair rose Titre dede gris moyen Bloc table FFFFCC jaune paille Span blanc pilang Bloc table slateblue bleu moyen Bloc table darkslateblue bleu fonce 2 Blog beige beige Bloc table whitesmoke Gris tres clair Table floralwhite gris jaune paille Table lavender gris bleu clair Bio c lightsteelblue gris bleu Bloc Bouton orangered orange 7 Bouton Bordures Couleurs Equilavence DDD gris fonce 2999919 N E black MODE slateblue bleu moyen darkslateblue bleu fonce Liste des couleurs html pour information http www cross browser com talk color charts html KKKKKKKKKKKKKKK A ZA A KA A KA A K A X KZ A ZX A X A AZ A AZ KZ A AZ ZA AKA XZ A KA XK A KA KK ZK K Styles supprimes XKXKKXXkXkXkDocuments LLLLE XAKKKXKEXKXEXEX EX KK KK div part title p font weight bold color 7996699 font size SPC Subsets div subse
11. sans serif La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge Modifications de l apparence d une application Pleade 2006 06 23 page 28 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign Comment modifier l apparence des r sultats de recherche Arri re plan bordures et police de caract re D 1 Arri re plan et bordure du tableau de r sultats result La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width 1px 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel droite 1 pixel en bas et 1 pixel gauche Modifier l attri
12. 73 81 82 span result context 30 span result identification 30 table result sant nr iii 8 9 48 51 table result menu 8 48 ee DE 33 Ve Ve E 33 Ve Ve E 33 gee E E E O ed tint less 21 30 A 2 EE EE A Kask nie svahu E ne nn 18 B 2 i sid kakan saka kuad sKa vuk E ER 19 Ee 14 33 71 72 VAMI E 10 54 55 administration 10 54 55 lee TEE 15 73 75 elle 16 74 77 common search form 6 19 41 42 43 Content 16 59 74 78 Belt GE 15 73 74 context link eee eee nenene 15 73 Modifications de l apparence d une application Pleade http pleade org Re Eet Lu e DEE 10 54 56 did content 16 73 76 did label 16 73 76 Beer E 15 73 75 drop down menu 7 22 23 44 46 47 ed author 13 33 69 70 80 ead C 15 16 17 73 75 77 78 81 82 e E 16 73 76 Ead p 16 17 74 77 79 80 tel TE 9 31 32 53 54 tele E E 32 footer a viele 32 POOLE ds hate des AKA AKA 31 IMPAI ses eee 9 29 51 52 83 84 MINING uronio 15 16 73 77 Jntttule aeae eeena nenea 8 26 47 48 49 Attlee 13 32 68 69 70 Jabel EE
13. A POE OR EA 9 31 53 EE 31 Ee 9 32 53 Ey PRESS a Lars 10 54 EE 10 54 55 OF PR O tec 10 54 55 FA 10 54 55 Ee 10 54 E EKO AO VERE RK O 10 54 55 SA PVE PT a eee 10 54 56 ER SEP PO E E 10 54 56 DM M o 13 32 68 69 E rz a aes 13 68 Eeer 13 32 68 69 2006 06 23 page 90 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 S NO OKO EE ee eee EE RE Dee Es PR O 13 RS O 13 33 68 CN P O 14 E E NEC EN EE 14 33 NE RR set beer 14 33 AE V ene een O ee Ehe 14 33 N a te eC K Ed MRSN O EP PC ace E OE E eE 14 AR POE MVE 14 15 KA Th 15 16 e eves ete ang ce 15 16 K D KEE Ve To PRKEN S RO taunts 15 E ROSE O ee ee Modifications de l apparence d une application Pleade 71 72 71 72 http pleade org e EC B tase nn 16 73 Uerteel ee 16 73 KT Es sh his catherine 17 74 USE ES PER ennan aa 17 74 KG TR NN ARR 16 17 74 KINT EE 16 17 74 E iireamh 16 74 CSS ER Re 16 74 KT 2 asset nana eared zub 15 73 K 20 E 16 74 KE ER Rd oo ok 16 74 KIS EE 15 73 KT 4 sn seda dok been babka hubne 15 73 EE NOR O 73 KIABI S riin eaa 15 KED te re 2 15 16 17 73 E E 15 73 K1 7 E 15 73 KEB Res RTA P est trees 15 73 ASE EE 16 73 background 6 15 16 17 19 41 42 73 74 backgroundFrameContenu 15 16 17 34 73 74 ele E 3 6 18 19 41 42 2006 06 23 page 91 20
14. Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org render sub ront size Clore vertical align sub render super font size 70 vertical align super render underline text decoration underline S table subset path border bottom lpx solid DDDDDD subset path td vertical align top subset path p white space nowrap color back font size 95 subset path a font sizes 955 subset path span color 55595557 font size 95 Gestion des guillemets Ne fonctionne pas sur IE 4 a IE 6 render singlequote LANG fr render boldsinglequote LANG fr render doubleguote LANG fr render bolddoublequote LANG fr quotes M OVDAB M n OOBR 2099200 render singlequote LANG en render boldsinglequote LANG en render doublequote LANG en render bolddoublequote LANG en QUOLESS 6 tu v v we we LL LL Tu Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 page 85 K PLEADE http pleade org render singlequote before render doubleguote before render boldsinglequote before render bolddoublequote before COnECKES EE rende
15. Frame Bloc de titre et recherche modifier le style div page header div ir title 32 l 3 NoFrame Bloc de titre et recherche modifier le style div re 32 l 9 Frame Nom de l auteur modifier le style div page header Dead author 33 Arri re plan bordures et police de caract re de la table des mati res 33 J 1 Arri re plan de la page de la table des mati res modifier le style body dm 33 J 3 Onglet actif modifier le style td actuel 33 J 4 Onglet inactif masqu modifier le style Ve Ve zz trees ere J 5 Onglet inactif survol masqu modifier le style td navover 33 Arri re plan bordures et police de caract re du cadre de contenu 34 K1 1 Frame Arri re plan du frame de contenu modifier le style FbackgroundFrameContenu 34 Les e 35 il 35 E TE 38 Gadbleade CSS wisi ssiatensicascennedersinesshancontennseeunneteds 65 E CSS iiccciisssnncnacccccncasaisantanaamnersisaechtnndasenan 87 2006 06 23 page 2 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Mode d emploi Cette documentation est divis e en quatre grandes parties la structure des pages HTML la structure des CSS un tutoriel et les quatre CSS Un index est plac en fin de document II contient les noms des l ments utilis s dans cette documen
16. K1 1 framefbackgroundFrameContenu div page content WS pleade css rm cc 2 na CO o VEE PPR COMO xt WE S MO SU OM lo K1 4bis a context link link Sad ends o REO So ASO EE K1 7 span inline ead unittitle K1 9 div ead did CRE GIS ES EE Er mea aneb S ral A ta did content inline ead unitid REY p K1 13 p inline ead unitdate K1 13 p inline ead origination KI 13 p inline ead 4 4 s eten Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 r En realite on ne les retrouve jamais ensembles La plupart du temps page 73 http pleade org GET ev text ploc ead SCOOPEO lsd S 222225565555 S555 S555 als sm 5 p text bloc ead scopecontent inline p ead p inline ESET PB tel iko An tee E ale o K1 dy oll OC Se 5 375575 K1 19 table bloe ss sss ss s K1 20 td label bloc ead scopecontent 2 td content bloc ead scopecontent Determine l arriere plan de la page Ce style s applique uniquement au frame dans leguel s affiche le contenu d un document apres fragmentation de celui ci La valeur de l attribut background perm
17. Modifications de l apparence d une application Pleade 2006 06 23 page 48 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org La bordure est supprimee la couleur d arriere plan aussi a requete requet background transparent border width 0px border style solid border color 999999 C 2 Libelle du rappel des criteres ay requete p Color black font weight bold font size 100 One fama llys oy padding margane La valeur des attributs width et height est prioritaire sur la taille definie en html a requete img width lps height lex requete requete td color 935555 font weight font size D 8em font tam padding margin requete b intitule color darkslateblue font weight bold font family Arial Helvetica sans serif font size 1005 Modifications de l apparence d une application Pleade 2006 06 23 page 49 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org padding margin mak result menu 1 background dcdfe2 Color black border width 1px 0px lpx Opx border style solid border color 79999997 o o emu o ee ee S C 6 Choix de la police SE result menu td colors font weight font size y font ramillys 7 La valeur des attributs w
18. NoFrame kkkxkxkxkxkkxkkxkxkxkkxkxkxkkkkxkkkkxkxkkkkkxkkkkxkkkkxkxkkkkkxkkkkxkxkkkxkxkxkkkkxkkkkxkkxkx k Les documents ead ne sont pas toujours fragmentes Ils sont alors presentes dans une seule page sans frame ni table des matieres Certains styles de la css sont destines a ce type d presentation des documents ead et sont reperes avec le term NoFrame Banniere cf pleade css PE Ee t recherch SE Rappel des criteres cf pleade css FM Informations sur la recherche cf pleade css K Contenu du document EAD xxx x Pied de page cf pleade css S Banniere Ce bandeau horizontal affiche le logo de l institution gui publie les documents ead ainsi qu un formulaire de recherch La feuille de style associee a cette partie du document est la css pleade css SG Rappel des criteres Ce bandeau horizontal s affiche en haut de page suite a une recherche avancee Modifications de l apparence d une application Pleade 2006 06 23 page 67 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE k KK K Ce bandeau contient le rappel des cr La feuill Ka css associee a cette de styl pleade css Informations sur la recherch Ce b http pleade org iteres de recherch partie du document est andeau horizontal s affiche en haut de page suite a un Ce bandeau conti
19. d une application Pleade http pleade org A 5 Police de caract re modifier le style div common search form 19 Comment modifier l apparence du menu horizontal 2 ssseveress eesreiente 19 Arri re plan du menu et les bordures 19 B 2 Affichage de la bande horizontale du menu g n ral modifier le style table top level HIED eegene landes meneur 19 Arri re plan des items de premier niveau du menu et bordures 20 B 4 Affichage des rubriques de premier niveau modifier le style div top level menu 20 B 4 Affichage des rubriques de premier niveau survol es modifier le style div top level ETH e EE 20 B 4bis Affichage des libell s de premier niveau Modifier le style div top level menu a 21 B 4bis Affichage des libell s survol s de premier niveau 21 Comment modifier les items des sous menus 22 B 5 Affichage du bloc des sous menus arri re plan et bordure modifier le style div drop down menu 22 B 6 Affichage du bloc d un item dans un sous menu arri re plan et bordure modifier le style div submenu separator 22 B 6bis Affichage des libell s dans un sous menu Modifier le style div submenu separator a 22 B 6bis Affichage des libell s survol s dans un sous menu modifier le style div submenu Separator a hover
20. de la couleur et ou de l image ou du remplissage avec une image papier peint d l arriere plan de la banniere Dans ce cas l image du logo est placee dans le repertoire pleade local skin pictures Modifications de l apparence d une application Pleade 2006 06 23 page 41 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org L attribut background permet de renseigner le chemin la repetabilite de l image du logo ainsi que ses marges exterieures Les attributs width et height permettent de definir les dimensions de l espace reserve au logo pour qu il ne soit pas recouvert par les elements du formulaire de recherch tt logo background color dcdfe2 background image url pleade local skin pictures logo png background position 5px 5px background repeat no repeat widths GS Sse height 90px Ce style occupe la totalit du fond de la banni re Permet de donner une couleur de l arriere plan et ou de remplir avec une imag n papier peint et ou de placer l image du logo dans le cas ou le logo est integre a une image qui couvre la totalit du fond de la banniere L image du papier peint est placee dans le repertoire pleade local skin pictures L attribut background permet de renseigner le chemin la repetabilite de l image papier peint ainsi ses marges exterie
21. exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign C 9 Liens survol s pour la navigation modifier le style result menu a hover Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police
22. fait avec K PLEADE Contact webmasterevotresite com copyright etc Illustration 2 Document EAD avec fragmentation et table des mati res Titre et recherche En en t te une banni re avec le titre du document le nom de l auteur un formulaire pour effectuer des recherches dans le document et un acc s a un formulaire de recherche avanc e J Table des mati res Permet la navigation dans un document EAD fragment K Contenu du document EAD Le contenu Document EAD sans fragmentation Emplacement Pour votre logo Recherche a Recherche simple Rechercher zmcge 1 Formulaire 2 Rechercher Titre de l instrument de recherche Document EAD de test pour PLEADE O Rechercher dans ce document Test des fonctionnalit s de PLEADE Les unit s PLEADE Pr sentation du Les unit s PLEADE sont utilis es pour la recherche l affichage et la table des contenu mati res Pour en savoir plus consulter la documentation Dans cette partie du document EAD nous allons d finir des niveaux de description qui permettront de tester l identification des unit s PLEADE la V fois pour la table des mati res La recherche et l affichage Illustration 3 Document EAD sans fragmentation Modifications de l apparence d une application Pleade 2006 06 23 page 5 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licen
23. gras Comment modifier l apparence du menu horizontal Arri re plan du menu et les bordures B 2 Affichage de la bande horizontale du menu g n ral modifier le style table top level menu Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifications de l apparence d une application Pleade 2006 06 23 page 19 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width lpx lpx 1px 1px affiche un cadre de 1 pixel en haut 1 pixel droite 1 pixel en bas et 1 pixel a gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour changer la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge table top level menu background slateblue border width px 0px lex 0px border style solid border color darkslateblue Arri re plan des items de premier niveau du menu et bordures B 4 Affichage des rubriques de premier niveau modifier le style div top level menu Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blu
24. kikikikikikikikikikikikikikik k k k k k k k kk General CSS for a PLEADE Web site Kk k kk kk X kk X kk kk kk X k X kk kk X k kk X k X kk k X k X k k X kk X k Importing basic CSS properties from PLEADE system files import pleade system web css pleade css Modifications de l apparence d une application Pleade 2006 06 23 page 87 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Modifications de l apparence d une application Pleade 2006 06 23 page 88 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 Index lexical bloc 6 7 13 14 16 17 22 37 41 44 46 55 56 61 68 71 73 74 77 Bloc 11 12 32 54 55 56 64 69 76 77 86 87 body page header 32 eu D 33 ele E 32 div page header div ir title 32 div page header p ead author 33 ead origination 16 73 ead scopecontent 16 17 74 79 eacd unttdate 16 73 eacd unttid 16 73 ead le er ARR 15 73 indent 15 16 17 73 75 76 83 ale EE 75 inline 15 16 17 73 74 77 81 od p ia E hh 76 link 13 15 55 56 61 62 68
25. la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign B 7 Affichage du libell des items de sous menu modifier le style div drop down menu p Choix de la police de sa couleur de sa graisse de sa taille La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras Modifications de l apparence d une application Pleade 2006 06 23 page 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Comment modifier l apparence de la ligne de rappel des crit res Visible apr
26. la valeur de l attribut padding Par exemple padding 1px Opx 2px lem affiche une marge int rieure d un bloc de 1 pixel en haut 0 pixel a droite 2 pixels en bas et 1 em a gauche La marge ext rieure d un bloc se modifie en changeant la valeur de l attribut margin Par exemple margin lem lem 10px 0 3em affiche une marge ext rieure au bloc de 1em en haut 1em a droite 10 pixels en bas et 0 3em a gauche Comment modifier l apparence de la ligne d informations sur les r sultats Arri re plan bordures et polices C 6 Arri re plan et bordure des informations de recherche modifier le style result menu Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width 1px 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel a droite 1 pixel en bas et 1 pixel a gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour changer la couleur de la bordure Par exemple border Modifications de l apparence d une application Pleade 2006 06 23 page 26 2006 AJLSM Anaph
27. pas etre modifiee Les modifications de styles doivent etre faites dans la css pleade local skin css website css Pour modifier une regle css faites en une copie depuis la css par defaut par exemple html css puis collez la regle a modifier dans la css website css Vous pouvez ensuite modifier la regle css et enregistrer VOS AO Caw rons Les regles modifiees dans website css sont prioritaires Modifications de l apparence d une application Pleade 2006 06 23 page 35 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org par rapport aux regles definies dans les feuilles d style par defaut de Pleade Pour toutes informations complementaires a propos de l utilisation des styles ccs http www w3 org TR REC CSS2 Cette feuille de style peut etr cine avec un editeur d texte de type JEdit http www jedit org Dans cette feuille de style plusieurs attributs de style n ont pas de valeur Ils heritent du style parent Lors d une modification d une des regles suivantes dans la css pleade local skin css website css l ajout d une valeur a ses attributs permet de la particulariser R RR KR kk kk kk k kk kk k kk k kk k kk k kk kK k kk k X KK X KX kk k X Kk kK k k k k k Types d elements KKK KKK KKK K ZA A KAZ A AZ ZA A AZ AXA K ZA A X ZA ZX A AX Z X A ZZ A A X ZA Z
28. 06 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0
29. 16 74 77 78 link to mainpage 13 68 M NUR a Eas 7 14 44 71 menu bar nenene 7 44 INICIO ESS ches canes eel ieeteinnsleeeeteiwadentls 14 71 72 Bulle TN 14 15 71 72 ANAVOUN 2 dam ia Sb deems nada upak 14 33 71 72 Ee VE 14 33 71 72 page content 15 16 17 57 73 PAGE OOLEF een 10 54 55 page header 13 32 33 57 68 69 70 e TEE 9 31 51 53 83 84 present context 15 73 75 MOQUETTE 8 24 25 26 47 48 49 requete requete d 26 requete b intitule 26 POQUOTS IMG PRESS S RS R P 25 El Elle D se genee e see ege 25 result zad te nee zeta nak tete ten 29 LS RU LLC PRA EE EE T R T 29 30 2006 06 23 page 89 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 result context 9 30 51 52 result identification 9 30 51 52 53 result menu eee eee een 26 27 result menu a 28 result menu abover 28 29 result menu mg 27 result menu select 28 result menu td 27 Subdoc link 15 73 81 SUDAOC D ss seen di ie oktan 15 73 76 submenu separator 7 22 23 44 46 47 submen
30. 23 page 40 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org D Lignes de resultats RR KR KK KK kk kk kk k kk X kk kk kk K kA kA X k KX X KA kK k kA X KA X k k kok A Banniere KKKKKKKKKKK KKK KKK KKK KKK KKK KKK A Z X A ZA ZZ A A ZA ZK A AZ KA ZK A ZK A ZK A ZK A Z KA K La banniere affiche le logo de l organisation gui publie des documents avec Pleade ainsi gue des formulaires de recherch La banniere est un tableau constitue d une ligne A 2 tr background arriere plan de la banniere t de 2 cellules A 1 td logo espace reserve au logo A 3 td common search form placement du formulaire de recherche Le bloc A 4 div common search form permet de positionner le A 5 tableau contenant le formulaire de recherche dans la cellule td common search form verticalement ou horizontalement br bale RO One 2 Se td logo A 1 tableau pour formulaire de recherche input select submit A 5 AS lhege A 1 Ce style permet au logo de ne pas etre recouvert par les elements du formulaire de recherche zones de texte listes et boutons Il s apligue a la premi re cellule du tableau de la banniere L espace dans lequel il s inscrit doit etre defini avec les attributs width et height L image du logo peut etre distincte
31. 4 font weight bold y p title subdoc 4 font weight bold font size 90 border width 0px 0px lpx Ox 7 border width Opx Opx lpx 0px border style solid border color 555555 padding bottom Spx padding lert Dop margin left WP background color br ead lb margin bottom Zoe Modifications de l apparence d une application Pleade 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 2006 06 23 page 78 K PLEADE http pleade org ead bioghist ead acqinfo ead scopecontent ead appraisal ead arrangement ead accessrestrict ead odd ead processinfo ead persname color 43535335 ead date color 3333323 EE div title page p ead eadid font size 70 text align right margin bottom SPx div ead eadheader margin bottom l0px border width 1px Ipx Ipx 1px border style solid border color 7999999 padding 0px j div ead filedesc background color whitesmoke Modifications de l apparence d une application Pleade 2006 06 23 page 79 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE p ead titleproper font size 110 font weight bold font family verdana Arial background color dcdfe2 border width pox Ipx Ipx
32. 5 contient un bloc div submenu separator B 6 qui contient un paragraphe p B 7 C est dans le paragraphe que se trouve le libelle du sous menu B memu oo nu B stale 1op Lovel menn B 3 td top level menu Table td Ee as B 4 div top level menu B 4bis a B 4 div top level menu B 4bis a B 4bis a B 4 div top level menu B 5 div drop down menu B 6 div submenu separator B 6 div submenu separator Permet de definir la couleur du fond du menu ainsi que ses bordures s table top level menu background slateblue Modifications de l apparence d une application Pleade 2006 06 23 page 44 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org border width px Opx Ipx Opx border style solid border color darkslateblue SE u eo eo B 4 Affichage des rubrigues de premier niveau Choix de la couleur de l arriere plan de la rubrique et de la couleur de la rubrigue survolee Choix de la bordure epaisseur couleur Choix de la couleur de la police de sa graisse de sa taille SS div top level menu padding 2px 0 7em 2px 0 7em margin Opx 0 3em Opx 0 3em background darkslateblue border 1px solid slateblue ront sizes 100 font weight bold color white position relative Ne pas modifier
33. ADE Recherche par date Des dates sp cifi es par des sous unites second intervalle og K1 1 framefbackgroundFrameContenu div page content Mer pleadeess c EN EE GE EE EE Geer Rigi ed dad 1abe BU L2 NE die contente inline ead unitid m p K1 13 p inline ead unitdate K 13 p inline ead origination KI pian kine Cadm aes SLO Modifications de l apparence d une application Pleade 2006 06 23 page 16 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org ontexte de cette unit de description est des fonctionnalit s de PLEADE Les liens avec Navimages D claration des droits de l homme et du citoyen oo K1 14 Pr sen K115 du contenu ora F an qe verbau des ances de Assembl e nationale 30 septembre CERE conforme l original par nous pr sident et secr taires de l Assembl e e ersailles Le trente septembre 1789 et ont sign Mounier pr sident ES D meunier le vicomte de Mirabeau Bureaux de Pusy Faydel l v que de et l abb dEymar secr taires Sign par Louis XVI apr s la mention Accept pour tre ex cut Contresign par de Saint Priest une phrase afficher dans l interface PLEADE Emplacement d objet num rique K1 1 framefbackgroundFrameContenu Gabe aS content Ci aS Si aeaa a j ee Sale obden Sa a HO by
34. ADE http pleade org span result identification color font size font weight bold Sige maly background floralwhite KR KR KK kk kk kk kk k kk X kk kk kk K k X k kA KA X KA X KA KA KA RK X k kk E Pied de page KKKKKKKKKK AAA KA A KA A KA A KA Z KA ZK A ZK A ZX A Z X A ZA ZZ A AZ KKK KKK KKK KKK KKK KKKKKKKEK Le pied de pag st un tableau table footer E 1 dans leguel sont affichees les informations de contact de copyright et de credits Mea fea H 2 text HOMME NN text Fearn ESS a img Z deer e E 1 L arriere plan et la bordure du pied de page Le footer border width se Upx px 0px border style solid border color darkslateblue background color slateblue ae ea a a eee ee eee See a ee ea ESSE E 2 Police de caractere rae footer td color dcdfe2 font sizes y font weight font ami ieee See ea E eee ae ea Se as ee ae es tS ee ee ee ee ee Sea E 3 Les liens Modifications de l apparence d une application Pleade 2006 06 23 page 53 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org E Footer a visited 4 color whitesmoke footer a color whitesmoke KR KR KK kk kk kk kk kkk kk kkk kkk kk kkk kkk kk kK KX X k kkk k kkk kkk kkk kkk kkk k kK F Administration kkkkkkkkkkkkkkkkkkkkkkkkkkkk
35. E K PLEADE Illustration 9 E Pied de page Modifications de l apparence d une application Pleade 2006 06 23 page 9 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org F Administration Les informations suivantes ne sont affich es que pour les personnes autoris es administrer l application Pleade Cependant l l ment qui les contient div administration F 2 est vu par tous les utilisateurs Cette documentation ne d taille que ce point F 1 F 3 F 1 F3 Es E des documents E Lister tous les documents EAD E FO ppimer tous les documents Lister les unit s documentaires publi s z Blees toutes les unit s ke res Illustration 10 F Administration RA EE E room gto ER WB OY Octet aa a nn Ga S aloe EE F 4 Cables Edta Eet Sek ta F 5 table T table Eea ieg jed ea o eG input text input text text F 9 a G Contenu des pages Voici la liste des regroupements des styles dans la css pleade css pour la mise en forme du contenu des pages Modifications de l apparence d une application Pleade 2006 06 23 page 10 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org e Formatage g n ra
36. EES k n v a midi background lavender border px solid black padding 2px Margin bottom 2px Modifications de l apparence d une application Pleade 2006 06 23 page 72 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org RR KR KK KKK kk KK k kk X kk RR I RR KK RK RK KK k kK K Contenu du document ead KKKKKKKKKK KKK KKK KKK KKK KK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKKKKKKK 11 s agit de la restitution du document ead Il y a plusieurs manieres de publier un document ead Les styles suivants tiennent compte de ces differentes restitutions fragmentee tabulaire grille etc et permettent une mis n forme tres precis RR KR KR KKK KK KR KK k kk I I RR RK RK KR KK RK kkk KK KK K1 Les styles les plus utilises KKKKKKKKKKK KKK KKK KKK KKK KKK KKK KKK KKK KKK A ZA KKK KKK KK KK KKK KKK KKK KKKKKKKK Les schemas ci dessous presentent les cas les plus frequemments rencontres Le schema C1 1 a C1 17 presente les differents assemblages de bloc de titre suivi en fonction du contexte de blocs de liens de text d unite de contenu etc Pour eviter les redites tous les blocs sont ici representes dans le meme bloc div ead c indent les blocs ont un titre puis du texte ou un titre puis une unite de Contenu etc Il s agit ici de permettre d identifier comment utiliser les styles
37. Input input button 4 background lightsteelblue font weight bold j div admin input supprimer div subsetparam input supprimer background orangered Modifications de l apparence d une application Pleade 2006 06 23 page 55 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 E div user margin Cop 5px margin left 40px margin cignt A0px padding 2pE border width ix lpx lpx lpx border style solid solid dotted solid border color darkslateblue background color dcdfe2 font size pt color black SEA debug into margin left 40px margin right 40px margin bottom SEX padding Spt border width 0px ox lpx Up border style solid border color darkslateblue background color dcdfe2 font size 9pt font weight normal color black div debug into a div debug info a visited divy debug intoe a hover info emk color black font weight normal ROR KR KK kk kk kk kk k kk X kk k kk kk K kk k I kkk KX KX k kk kk X k X kk G Contenu des pages KKK KA KA X k X Kk X kk X kk kk kk K kk kA kA KA KK AX KA KA KA RK k k See eee eee eee ee ae eee es ae ee eee ee ee ee Formatage general des pages ay body font family Trebuchet MS Trebuchet Arial sans serif Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http
38. KA A ZX A KZ ZA Z ZA Z K KKK K af Hemi i margin Oem Oem Oem Oem margin Opx padding Opx Br ee a a margine 0 font size 9pt ol ul margin lem 0 lem 2em wi A margin 0 br clear both pre margin 0 667em 0 0 667em 2em font family monospace text align lett D se Modifications de l apparence d une application Pleade 2006 06 23 page 36 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE Titres hile ey ee hel hor Meor Nr NS Eon display block margin top Zem margin bottom lem padding 0 3em font weight bold font family Verdana Arial sans serif GO margin top Oem font size 100 es 4 font size 100 Dee font size 100 h4 1 font size 0 Gem PS font size 0 9em h6 font size 0 8em Ve Tableaux EE table ta 4 letter spacing 0 02em font size 905 tr display table rowpl j col display table column Modifications de l apparence d une application Pleade 2006 06 23 http pleade org page 37 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org colgroup display table column group L lz display table cell padding 0 2em Eext aligns T aoe ee eee ee eee eee u ee eee eee Liens oe a hover text decoration under
39. P img C 5 b intitule text Les informations sur les resultats d une recherche sont affichees dans un tableau table result menu C 6 qui contient 7 cellules La premiere et la derniere cellul contiennent une image C 7 transparente qui permet de regler l espace a gauche et a droite Le nombre de resultats est affiche dans la deuxieme cellul Le nombre de page et la page en cours sont affiches dans la troisieme cellule Dans la quatrieme cellule des liens permettent de naviguer entre les pages de resultats ou d aller a la page suivante ou a la page precedente La cinquieme cellule contient un tableau avec une liste deroulante pour selectionner le nombre de resultats a afficher par page C 8 Si une recherche trouve plusieurs documents ce tableau permet la navigation parmi les documents EAD trouves Des liens C 10 places a gauche et a droite permettent de voir le document precedent ou le document suivant Eel eel ea ea EI ES _ehabieo ka EN text text pes text ee jeme mms me jes eo ca es E 10 va s n EE m a eee eS C 1 Arriere plan et bordure du rappel des criteres Bn pte EE EEGENEN requete background beige border width Opx Opx Opx Opx border style solid border color 999999 C lbis Tableau de presentation des criteres de recherch
40. ace Sue S307 Boston MA 0207 USA Or M SONS TOR http www fsf org copyleft gpl html a Imports basie HIME formatting lt 7 Qimport html css S EEKE KKK K K K K K K K kK K K K k K k K k K k K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K Table des matieres de la feuille de style pleade css KKKKKKKKKKKKKKK A ZA A KA A ZA AK A XK A ZK A ZA AZ A AZ A AZ ZA AKA A ZA A KA AA KA kk k Precautions d emploi Trame d une page html dans Pleade Banniere Menu general PLEADE Rappel des criteres et informations sur la recherche Lignes de resultats Pied de page Administration Contenu des pages Formatage general des pages Les niveaux de titr Les liens Les champs de texte les listes et les boutons Tableaux publication de documents admin et formulaire de recherch Uploading documents admin Language information Does Affichage sur 1 ou 2 colonnes Affichage sur 1 colonne Affichage sur 2 colonnes H Liste des couleurs utilisees ad Ee I SE RR KR KK KKK KR KK RK KR KR KKK I RK OK KK RK kK k kkk k 1 Precautions d emploi KREREKEREKRERERERERERERERERERERRERERERERERERERERERERERERERERERERRERERERE Modifications de l apparence d une application Pleade 2006 06 23 page 39 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org ASO AD R E VED a DAS Atte
41. age de l application Pleade en t te formulaires de recherche r sultats de recherche etc eadPleade css Styles pour les documents EAD affich s dans l application Pleade Feuille de style modifiable website css Feuille de style pour personnaliser l habillage de l application et l affichage des documents EAD Modifications de l apparence d une application Pleade 2006 06 23 page 3 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Structure des pages HTML Habillage de application Pleade Les nomenclatures suivantes sont utilis es dans les commentaires des CSS et plus loin dans cette m me documentation Elles permettent de situer pr cis ment l endroit o s appliquent les r gles CSS Cet habillage utilise les CSS html css et pleade css empacomen echerche pour votre logo Ir Recherche simple Rechercher Formulaire 2 Rechercher B eil Explorer Aide Votre o 5 Pap recherche Texte libre fonctionnalit s j 2 R sultats de recherche page 1de 1 20 per page 1 Document EAD de test pour PLEADE Test des fonctionnalit s de PLEADE D 2 Document EAD de test pour PLEADE gt Test des fonctionnalit s de PLEADE Formats d affichage gt Pu blier des documents gt Lister tous les documents EAD F gt l identification Supprimer tous les do
42. ativecommons org licenses by 2 0 K PLEADE http pleade org pee See eee Sree eee ee eee ee eee eee eee eee a eee eee K1 8 Bloc et liens vers les sous documents E posubdoc p 4 font weight bold border width Opx Opx lpx Opx border style solid border color 555555 margin left Opt Meere indent Opr margin tope Seite margin bottom pt padding left Spx V P V EE K1 9 Bloc En tete d une unite de contenu E div ead did background color F1EEDB padding top 0px padding bottom Opce border width 0px lox lex 0px border style solid border color 43550357 ca dad labell 3 Colors 3333351 font weight bold padding left 5px padding right SPx padding bottom 2PX ay tbd did content colors 555555 font weight normal padding lert Spx padding right Spx padding bottom Spx V s E ah E aaa p ln n PA Modifications de l apparence d une application Pleade 2006 06 23 page 76 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org inline display inline E S eo ee eee ee eee eee KIIA gt Presentation du texte neoule Unite de contenu B div text margin bottom 10pt padding Spt ae SE T Eu umu ee eee RLE gt Presentation du texte nroule Unite de contenu B ab bene p text 4 color 444444 font weight bold font size 90
43. but border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour changer la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge D 2 Arri re plan de la ligne impair impair Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu D 3 Police du tableau de r sultat result td La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge Modifications de l apparence d une application Pleade 2006 06 23 page 29 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changea
44. ckground border color border style border width font weight font size 4 common search form input background border color border style border width Colors y font weight font size r r r r r type text r common searmch torm select background border color border style border width color y font weight font Size y r r KOR KR KK kk kk kk kk X kk X k kk kk K k X k k kkk k kkk k kkk kkk Kk kkk RK KKK Kk kK Modifications de l apparence d une application Pleade B Menu general PLEAD Ea 2006 06 23 page 43 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org KKKKKKKKKK KKK KKK KKK KKK KKK KK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKK KKKKKKKEK Le menu general permet d acceder aux differentes rubriques de l application Il est compose de menus et de sous menus Ce menu est horizontal et il est place sous la banniere Il est compose d un bloc div menu bar B 1 qui contient un tableau table top level menu B 2 avec 3 cellules et des blocs div drop down menu B 6 pour les sous niveaux La cellule centrale du tableau B 3 td top level menu B 3 contient un autre tableau de 3 cellules Chaque cellule correspond a une rubrique de premier niveau div top level menu B 4 Chacun des sous menus div drop down menu B
45. cuments gt Lister les unit s documentaires x D connexion publi s illustr es 1 Lister toutes les unit s documentaires 127 0 0 1 Groupe s admins Version de SDX 2 3 rc1 2006052301 DX E Contact webmaster votresite com copyright etc fait avec x PLEADE Illustration 1 Habillage de l application Pleade A Banni re L en t te des pages avec le logo de l organisation et un formulaire de recherche Bandeau pr sent sur toutes les pages B Menu g n ral navigation dans les diff rentes rubriques de l application a l aide du menu et des sous menus Bandeau pr sent sur toutes les pages C Rappel des crit res Suite une recherche avanc e zone o sont affich s les crit res et les termes recherch s Informations sur la recherche Suite une recherche zone o sont affich s le nombre de r sultats de recherche la page affich e le nombre de pages de r sultats et les pr f rences d affichage D Lignes de r sultats Les r sultats d une recherche pr sent s en ligne E Pied de page Les informations de contact de droits d utilisation le logo de Pleade Bandeau pr sent sur toutes les pages F Administration Visible et utilis uniquement par les personnes responsables de l administration de l application Regroupe les fonctionnalit s de publication et d administration de l application Pleade G Contenu de la page Les pages de contenu et toutes les
46. dant le contexte est le m me div page content K1 1 ontexte de cette unit de description ki3 2 O t des fonc s de PLEADE K1 4BIS e auf voir les effets de ces liens hypertexte il f rable de fragmenter les unit s de recherche elon le nom de l l ment g kant le param tre Ic Ainsi toutes les units l ege seront des unit s de recherche L identifiant de cette ible dki 22 hyper est essai01 Elle pourra servir de cible dK1 22n hypertexte interne ou externe K1 8 rs d autres unit s de description du m me instrument de rec qpAutre unit identifi e explicitement Lien vers un autre document div page content K1 1 framefbackgroundFrameContenu MAO Te ICL VEN EI ont Nera PAL STO S S eo S o EE ASSET eo le oh a a ee ee ee VBL Popresehit context EE K1 4BIS a context link link za EE Ma e EE K1 7 span inline ead unittitle Kl pusubdoc p sss Ss SSS 5S TS H a subdoc link link Modifications de l apparence d une application Pleade 2006 06 23 page 15 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org Cale EE Ee EE Kl 19 table blogasSsSsSsSsSSS esse SShasSssssSeasSsssss5 K1 20 td label bloc cad scopecontent I aI td content bloc ead scopecontent ontexte de cette unit de description est des fonctionnalit s de PLE
47. de 2006 06 23 page 8 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org D Lignes de r sultats Il s agit des r sultats de recherche Chaque r sultat correspond une ligne avec son num ro son contexte et son identification Les r sultats sont affich s dans un tableau table result D 1 Les lignes sont diff renci es alternativement tr impair D 2 tr pair D 6 Chaque ligne compte 4 cellules D 3 Dans la deuxi me cellule s affiche le num ro du r sultat Dans la troisi me cellule s affiche le r sultat sur deux lignes La premiere ligne donne le contexte du r sultat span result context D 4 la deuxi me ligne identifie le r sultat span result identification D 5 02 1 Document EAD de test pour PLEADE gt Test des fonp 4 nnalit s de PLEADE gt Les A ES liens avec Navimages D claration des droits de l homme et d oyen liens avec Navimage Album de photographie ei Document EAD de test pour PLEADE gt Test des forip 4pnnalit s de PLEADE gt Les Document EAD de test pour PLEADE gt Test des fonctionnalit s de PLEADE gt Les Illustration 8 D Lignes de r sultats E Pied de page Le pied de page est un tableau table footer E 1 dans leguel sont affich es les informations de contact de copyright et de cr dits EB Contact webmaster B resite com copyright et E 3 QU
48. ding bottom Spx p indent0 p indentl margin left 20px p indent2 margin left 40px Prindenes margin left 60px p indent4 margin left g0px poandent5 margin left 100px EE SR EE background whitesmoke Be impair background whitesmoke Pol f background blanchedalmond Er imparri 4 background blanchedalmond Ere parr2 background cornsilk Ere impair 4 background cornsilk Ere parro background mintcream Er impairs 4 background mintcream Modifications de l apparence d une application Pleade 2006 06 23 page 83 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org rs pada background oldlace tr impair4 background oldlace ems Peake q background papayawhip EE background papayawhip render bold font weight bold render bolddoublequote font weight bold render bolditalic font weight bold Boje Sse lesba iezbahe render boldsinglequote font weight bold render boldsmcaps font weight bold font variant small caps render boldunderline font weight bold text decoration underline render italic font style itallie render nonproport font family serif render smcaps font variant small caps Modifications de l apparence d une application Pleade 2006 06 23 page 84 2006 AJLSM
49. e Le rappel des crit res de recherche s affiche dans un tableau table requete C 1 de 3 cellules Le libell de ce rappel est un paragraphe C 2 gui s affiche dans la premi re cellule La 3 me cellule contient un tableau table requete C 1 dans lequel est pr cis le crit re de recherche b intitule C 5 et un texte correspondant aux termes cherch s EES gene Illustration 6 C Rappel des crit res Les informations sur les r sultats d une recherche sont affich es dans un tableau table result menu C 6 qui contient 7 cellules La premi re et la derni re cellule contiennent une image C 7 transparente qui permet de r gler l espace gauche et droite Le nombre de r sultats est affich dans la deuxi me cellule Le nombre de pages et la page en cours sont affich s dans la troisi me cellule Dans la quatri me cellule des liens permettent de naviguer entre les pages de r sultats C 9 ou d aller la page suivante ou la page pr c dente La cinqui me cellule contient une liste d roulante pour s lectionner le nombre de r sultats afficher par page les pr f rences d affichage C 8 Si une recherche trouve plusieurs documents ce tableau permet la navigation parmi les documents EAD trouv s Des liens C 10 plac s gauche et droite permettent de voir le document pr c dent ou le document suivant cs EIERE ele eee c7 Modifications de l apparence d une application Plea
50. e affiche un fond bleu Modifier l attribut border pour changer la l paisseur l aspect et la couleur de la bordure Par exemple border 1px dotted yellow affiche une bordure continue de 1 pixel d paisseur avec un filet en pointill et une couleur jaune div top level menu padding 2px 0 7em 2px 0 7em margin Opx 0 3em Opx 0 3em background darkslateblue border lpx solid slateblue tont size 10077 font weight bold color white position relative Ne pas modifier W B 4 Affichage des rubriques de premier niveau survol es modifier le style div top level menu hover Choix de la couleur de l arri re plan de la rubrique survol e et choix de la bordure paisseur couleur Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifier l attribut border pour changer l paisseur l aspect et la couleur de la bordure Par exemple border 1px dotted yellow affiche une bordure continue de 1 pixel d paisseur avec un filet en pointill et une couleur jaune div top level menu hover div top level menu a visited background slateblue border lpx solid darkslateblue color white Modifications de l apparence d une application Pleade 2006 06 23 page 20 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org B 4bis Affichage des l
51. e contexte du resultat span result context D 4 la deuxieme ligne identifi resultat span result identification D 5 Dal table result ODE M RIM oa ee men ne ee me ee men Bee B5003 E c td D 4 span result context D 5 span result identification a Modifications de l apparence d une application Pleade 2006 06 23 page 51 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org D 4 span result context D55 span result identification a E ee eee o EE eee ee eo ee eo D 1 Arriere plan et bordure du tableau de resultats E result 4 Color black border width px Ipx lox lpx border style solid border color T9999997 WEE D 2 Arriere plan de la ligne impair GE impair background whitesmoke UE D 3 Police du tableau de resultats PU result ed color black font weight font sizes one rail Ge D 4 Police pour le contexte d un resultat S span result context color 666666 font size 90 font weight mone tam R n E E S ho m E eee a er ee D 5 Police pour l identification d un resultat ay Modifications de l apparence d une application Pleade 2006 06 23 page 52 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLE
52. eighe bold text align left padding auto background white margin bottom auto color slateblue border width 0px Ups lpx Opx border style solid border color darkslateblue colsl subset links li Opx solid 999999 Opx solid 999999 Cols l asoubsets lusit 1i border bottom border right padding auto font S70 colsl subset links margin top background TOPR white Modifications de l apparence d une application Pleade 2006 06 23 page 62 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org border Opx solid black colsl subset forms colsl subset results margin top 0px background white border Opx solid 999999 cols 2 tcontenu 4 background color white Boat rigat width 68 background white cols2 navigation padding 0px margin Ops T3 20px Opx background white top Opx i S EEKE KKK K K K kK K k K k K K K K K K K k K K K K K k K K K k K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K K H Liste des couleurs KKKKKKKKKKKKKK KK KKK KKK KKK KKK KKK KKK KKK KKK KKK A AKA XZ A KA KK A KA KA A ZK KK Les couleurs utilisees dans pleade css Polices Couleurs Eguilavence Usage DODO gris fonce 666666 gris fonce 000a0 magenta Lien dcdfe2 gris bleu pale Titre white blanc black noir
53. ent les informations recherch sur la recherche nombre de resultats nombre de pages La Bell est la css d style associee a cette pleade css Pied de pag Ce bandeau horizontal Ce bandeau contient les informations t type d affichage partie du document s affiche en bas de page de contact et de copyright ba feur Li est la css de style associee a cette pleade css partie du document EAk kkk kkk kk kk kk k kk X kk k kk kk KK kk kK kk kk k kkk k kkk k kkk k k kk k k kk KK k k ae t r cherch KKKKKKKKKKKKKKK A ZA A KA A ZA A KA KK A ZK A ZAZ A Z KA AZ A AZ ZA AKA AX ZA KA KK A KA KA K K La banniere affiche un formulaire pour une recherche dans le document ainsi que le tire du document et le nom de l auteur Un lien permet de fermer la fenetre du document Frame l arriere plan de la page est defini avec la balise body page header I 1 Un bloc div page header 1 2 permet de contextualiser le bandeau de titr Frame et NoFrame Le bandeau de titr St un ploc divir title 1 3 Contient tableau avec un formulaire de recherche 1 4 un lien pour fermer la fenetre du document I 6 et I 7 le titre 1 8 et le nom de I auteur 19 I 1 body page header EE EE EE T 4 ebe EE EE I 5 input ISSN input man M See BATE oo SERRES I 77 span a ESA peire kelene Modifications de l apparence d une appl
54. er la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu E 2 Police de caract re modifier le style footer td La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras Modifications de l apparence d une application Pleade 2006 06 23 page 31 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org E 3 Les liens modifier le style footer a visited La couleur de la police de caract re se modifie en c
55. et de gerer l arriere plan Lorsqu un document n est pas fragmente c est l element body qui determine l arriere plan A backgroundFrameContenu background K1 2 Contexte hierarchique de l IR document fragmente div context margin top 0px border lpx solid black padding Spx background ghostwhite Modifications de l apparence d une application Pleade 2006 06 23 page 74 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org K1 3 Contexte hierarchigue de l IR document fragmente eve p present context border width Opx Opx lpx Opx border style solid border color 555555 font weight bold K1 4 Contexte hierarchique de l IR document fragmente R K1 4bis Contexte hierarchique de l IR document fragmente GES K O na aaa a naen KI 5 Indentation 8 indent margin left 440p ee OAE ee de feu KI Unite de contenu ay div ead c margin top 0px border width ps ps 0px 1px border style solid border color DEDEDE nl aoe ik ls d font weight bold border width 0px Opx lpx 0px border style solid border color 555555 padding bottom Spx padding left 3px margin bottom 0px background color transparent Modifications de l apparence d une application Pleade 2006 06 23 page 75 2006 AJLSM Anaphore Diffusion et d rivation autoris es http cre
56. et sa d coration Modifications de l apparence d une application Pleade 2006 06 23 page 22 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign B 6bis Affichage des libell s survol s dans un sous menu modifier le style div submenu separator a hover Les libell s sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa d coration La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La graisse de
57. hangeant la valeur de l attribut color Par exemple color red affiche la police en rouge footer a visited color whitesmoke 3 footer a color whitesmoke Comment modifier les arri re plans en pr sentation avec cadres frames Cette section permet de comprendre comment modifier les arri re plans du document EAD dans une pr sentation fragment e Frame ou non fragment e NoFrame Arri re plan bordures et police de caract re de l en t te I 1 Frame Arri re plan du frame de titre modifier le style body page header Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu body page header background whitesmoke 1 3 Frame Bloc de titre et recherche modifier le style div page header div ir title Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu div page header div ir title background whitesmoke border width ps ps lpx Ups border style solid padding 4px border color 555555 1 3 NoFrame Bloc de titre et recherche modifier le style div ir title Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Oz ae le Bee background border lpx solid black padding 5px Modifications de l apparence d une a
58. i res ou de l index non affich et survol td navover J 5 Le bloc gui affiche le contenu div toc J 6 contient un tableau divis en autant de cellules gu il est n cessaire pour afficher les diff rents niveaux de profondeur du document Les titres de chaque partie et sous partie du document sont des liens a midi0 J 8 qui permettent d afficher la partie du document correspondant dans le frame contenu C Apr s un clic sur un lien celui ci change d aspect pour que l utilisateur puisse situer le fragment du document affich dans la table des mati res a midi1 J 9 J 1 J 2 matres Es IN m ake r liminaires DE d SBS J g halit s de PLEA res BE unit s PLEADE HExemple pour les titres EHFormats d affichage Illustration 12 J Table des mati res Modifications de l apparence d une application Pleade 2006 06 23 page 14 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org sing sing me S T K Le contenu du document EAD les styles les plus utilis s Les trois sch mas ci dessous repr sentent les cas les plus fr quemment rencontr s lls d pendent du mode de publication choisi au moment de l indexation fragmentation ou non mode tabulaire textuel etc Par exemple div text K1 10 n est visible que lorsque le document a t publi en version textuelle plut t qu en version tabulaire Cepen
59. ibell s de premier niveau Modifier le style div top level menu a Les libell s sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa d coration La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign B 4bis Affichage des libell s survol s de premier niveau Les libell s sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa d coration La police de caract re se modifie en changeant la valeur de l attrib
60. ication Pleade 2006 06 23 page 68 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org body page header background whitesmoke div page header div ir title background whitesmoke border width 0px 0px lpx 0px border style solid padding 4px border color 40505354 div ir title background border lpx solid black padding 5px div page header p ir title font weight bold font size 110 color black background DCDFE2 border width lpx Ipx Ipx Jess border style solid padding 4px border color 555555 Modifications de l apparence d une application Pleade 2006 06 23 page 69 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org B pear title font weight bold font size WWO color black background DCDFE2 border width 0px px lpx lpk border style solid padding 4px border color 555555 div page header p ead author per tell ng border width lpx Opx Opx Opx background white border style solid border color 49550359 margin top Opx margin bottom Opx padding 3px SCH div page header p ead subtitle background white border width ps 0px lpx Ups border style solid padding 4px border color 40505359 text align left SEH present ir title font weight bold
61. idth et height est prioritaire sur la taille definie en html SCH result menu img nidth 1px hergbt Lex Choix de la couleur de l arriere plan et de la police a result menu select background border color font weight font size y font familys y Modifications de l apparence d une application Pleade 2006 06 23 page 50 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Choix de la police SS result menu a color font weight font sizes Fome an se text decora Lion y c rsoripointer Choix de la police GE result menu a hover Color 7 font weight font size bone fama lys 7 text decoration KK AK KKK A K K K K K K K K K K K k K K K K K K K K K K K K K k K k I K K K K K k K k K k K I k I ek D Lignes de resultats KKKKKKKKKKKKKK KKK KKK KKK KKK A X KZ A ZX A ZA AZ A AZ KA A ZA AKA XZ A AKA AKA A KA KA A ZK KK 11 s agit des resultats de recherche Chaque resultat correspond a une ligne avec son num ro son contexte et son identification hes resultats sont affiches dans un tableau table result D 1 Les lignes sont differenciees alternativement tr impair D 2 pe M6 Chaque ligne compte 4 cellules D 3 Dans la deuxieme cellul s affiche le numero du resultat Dans la troisieme cellule s affiche le resultat sur deux lignes La premier ligne donne l
62. ieure d un bloc se modifie en changeant la valeur de l attribut margin Par exemple margin lem lem 10px 0 3em affiche une marge ext rieure au bloc de 1em en haut 1em a droite 10 pixels en bas et 0 3em a gauche C 3 Dimensions de l image espace modifier le style requete img On utilise une image transparente pour r gler la largeur des marges a gauche et a droite du tableau La largeur de l image se modifie en changeant la valeur de l attribut width Par exemple width 100px affiche une image dont la largeur fait 100 pixels La valeur des attributs width et height est prioritaire sur la taille d finie en HTML C 4 Police pour les termes recherch s modifier le style requete reguete td La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras La marge interne d un bloc se modifie en changeant la
63. informations r sultant de la navigation du site ou d une recherche Modifications de l apparence d une application Pleade 2006 06 23 page 4 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Pr sentation d un document EAD Cet habillage utilise les CSS html css pleade css et eadPleade css Les documents EAD peuvent tre publi s de diff rentes facons avec ou sans fragmentation avec ou sans table des mati res en format texte ou en format grille Voici les deux principaux mod les de pr sentation r sultant de ces diff rentes facons de les publier Document EAD avec fragmentation Rechercher dans ce document Recherche avanc e Fermer cette fen tre Document EAD de test pour PLEADE AJLSM Table des mati res Contexte de cette unit de description Test des fonctionnalit s de PLEADE Les unit s PLEADE Page de titre Pr liminaires Test des fonctionnalit s de PLEADE hes unit s PLEADE Un niveau fonds Pr sentation du contenu Mot rechercher niveaufonds K pUN niveau sous fonds N p Un second niveau sous fonds Un niveau sous fonds Un second niveau sous fonds Un niveau 03 Exemple pour les titres Formats d affichage Recherche par date Essais avec des liens hypertexte Les liens avec Navimages Toc construite avec displayToc
64. kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk Les informations suivantes ne sont affichees que pour les personnes autorisees a administrer l application Pleade Cependant l element gui les contient div administration F 2 est vu par tous les utilisateurs Cette documentation ne d taille gue ce point BS div page EO we a ee Ss Sa a ae ee Se A p ea geet HT Pe RO tn lt ttc Ee Ek Ee taka eek pec d RD Eko cmsmnna n R wed ee Dee Ke Ke IEC NEGT inputi text Pe text ESO o o o p n text Ee text F 9 a SH WEE F 1 Bloc pied de page Modifications de l apparence d une application Pleade 2006 06 23 page 54 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org a div page footer clear both Ne pas modifier top Oe margin W0Px Opx 20px 0px background lavender div administration 4 margin 10px jas MIE Opx border width lpx Ups Opx 0px border style solid border color darkslateblue div admin margin top SPX background color lavender font size Opt font weight bold color Black div admin a div admin a visited div admin a hover div admin a link color darkslateblue font weight bold font size LS ay div admin input indexer background lightsteelblue div admin
65. l des pages e Les niveaux de titre Les liens e Les champs de texte les listes et les boutons e Tableaux publication de documents admin et formulaire de recherche e Uploading documents admin e Langage information e Docs e Affichage sur 1 ou 2 colonnes e Affichage sur 1 colonne e Affichage sur 2 colonnes H Liste des couleurs utilis es Les couleurs utilis es dans pleade css Couleurs Equivalence Usage Polices 555555 EN gris fonc 666666 EN gris fonc e000a0 magenta Lien tdcdfe2 gris moyen Titre white blanc black c darkslateblue bleu fonc mediumorchid parme Lien dodgerblue DE cyan Lien red rouge Span admin green a ver Span admin darkblue be nuit Span admin whitesmoke gris tr s clair Arri res plan EDEDED gris clair Bloc table E6D9E6 gris clair rose Titre tdcdfe2 gris moyen Bloc table EFFECC jaune paille Span blanc blanc Bloc table slateblue EE bleu moyen Bloc table darkslateblue bleu fonc Bloc Modifications de l apparence d une application Pleade 2006 06 23 page 11 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Couleurs guivalence Usage beige beige Bloc table whitesmoke gris tr s clair Table floralwhite gri
66. l plac sous la banni re Le menu g n ral permet d acc der aux diff rentes rubriques de l application Il est compos d un menu et de ses sous menus C est un bloc div menu bar B 1 qui contient un tableau table top level menu B 2 de 3 cellules et des blocs masqu s par d faut div drop down menu B 6 pour les sous niveaux La cellule centrale du tableau B 3 td top level menu B 3 contient un autre tableau de 3 cellules Chaque cellule correspond a une rubrique de premier niveau div top level menu B 4 Chacun des sous menus div drop down menu B 5 contient un bloc div submenu separator B 6 qui contient un paragraphe p B 7 C est dans le paragraphe que se trouve le libell du sous menu Explorer Types d instruments de noe Rubrique n niveaux Illustration 5 B Menu g n ral de l application Pleade Modifications de l apparence d une application Pleade 2006 06 23 page 7 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org C Rappel des crit res et informations sur la recherche Le rappel des crit res de recherche ne s affiche qu apr s une recherche avanc e II contient le ou les termes utilis s pour chague crit re de recherche employ Les informations sur la recherche affichent le nombre de r sultats le nombre de pages de r sultats ainsi gue le r glage du nombre de r sultats par pag
67. line a visited VSA POE au text decoration none E Formulaires SE textarea textfield border lpx inset background FFFFFF font size 1005 input Ab padding 2px font size 0 9em select padding 2px font size 0 em pleade css PE PLEADE Free platform for viewing and searching XML EAD finding aids Copyright C 2003 AJLSM Anaphore AJLSM Ly ue Vital Carles 33000 Bordeaux France info ajlsm com Anaphore SARL Modifications de l apparence d une application Pleade 2006 06 23 page 38 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org 3 ter chemin de la fontaine 13570 Barbentane France louis colombani arkheia net a This program is free software you can redistribute it and or modify it under the terms of the GNU General Public License as published by the Free Software Foundation either version 2 of the License or at your option any later version result menu This program is distributed in the hope that it will be useful but WITHOUT ANY WARRANTY without even the implied warranty of MERCHANTABTEUPY Or FITNESS FOR A PARTICULAR PURPOSE See the GNU General Public License for more details You should have received a copy of the GNU General Public License along with this program if not write to the Free Software Foundation Inc 59 Temple Pl
68. ll Modifier l attribut border color pour changer la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge Police de caract re C 2 Libell du rappel des crit res modifier le style requete p Choix de la police de sa couleur de sa graisse de sa taille Modifications de l apparence d une application Pleade 2006 06 23 page 24 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras La marge interne d un bloc se modifie en changeant la valeur de l attribut padding Par exemple padding 1px Opx 2px lem affiche une marge int rieure d un bloc de 1 pixel en haut 0 pixel a droite 2 pixels en bas et 1 em a gauche La marge ext r
69. lle Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width 1px 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel droite 1 pixel en bas et 1 pixel gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour changer la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge B 6 Affichage du bloc d un item dans un sous menu arri re plan et bordure modifier le style div submenu separator Choix de la bordure des marges et de l espace dans le bloc Modifier l attribut border bottom pour changer l paisseur l aspect et la couleur de la bordure sup rieure Par exemple border bottom 1px dotted yellow affiche une bordure sup rieure de 1 pixel d paisseur avec un filet en pointill et une couleur jaune B 6bis Affichage des libell s dans un sous menu Modifier le style div submenu separator a Les libell s sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille
70. lue affiche un fond bleu Pde navout 4 border width Opx Opx 0px Opx border style solid border color black background 3 5 Onglet inactif survol masqu modifier le style td navover Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu td navover border width Opx 0px 0px Opx border style solid border color black Modifications de l apparence d une application Pleade 2006 06 23 page 33 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org T is a 5 Miu Arri re plan bordures et police de caract re du cadre de contenu K1 1 Frame Arri re plan du frame de contenu modifier le style backgroundFrameContenu D termine l arri re plan de la page Ce style s applique uniquement au frame dans lequel s affiche le contenu d un document apr s fragmentation de celui ci La valeur de l attribut background permet de g rer l arri re plan Lorsqu un document n est pas fragment c est l l ment body qui d termine l arri re plan Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifications de l apparence d une application Pleade 2006 06 23 page 34 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org license
71. men ban OVS rc Boh a ee al oe Ge be bloc ead soopecontent EE Boh o ce ce GIS 6 p text bloc ead scopecontent inline p ead p inline Modifications de l apparence d une application Pleade 2006 06 23 page 17 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 xK PLEADE http pleade org Tutoriel Mise en garde Les CSS html css pleade css et eadPleade css sont les feuilles de style par d faut de l application Pleade Elles ne doivent pas tre modifi es Les modifications de styles doivent tre faites dans la CSS pleade local skin css website css Pour modifier une r gle CSS faites en une copie depuis la CSS par d faut par exemple pleade css puis collez la regle a modifier dans la CSS website css Vous pouvez ensuite modifier la regle CSS et enregistrer vos modifications dans website css Les r gles modifi es dans website css sont prioritaires par rapport aux r gles d finies dans les feuilles de style par d faut de Pleade Comment modifier l apparence de l en t te d une page Comment modifier le logo A 1 Logo Modifier le style logo Ce style s applique a la premi re cellule du tableau de la banni re Les attributs permettent de renseigner le chemin la r p tabilit de l image du logo ainsi que ses marges ext rieures L image du logo peut tre distincte de la couleu
72. nt la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras D 4 Police pour le contexte d un r sultat span result context La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras D 5 Police pour l identification d un r sultat span result identification La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana o
73. ntion E R T TEE N La css pleade css est une des feuilles de style par defaut de l application Pleade Elle ne doit pas etre modifiee Les modifications de styles doivent etre faites dans la css pleade local skin css website css Pour modifier une regle css faites en une copie depuis la css par defaut par exemple pleade css puis collez la dans la css website css Vous pouvez ensuite modifier la regle css et enregistrer vos modifications Les regles modifiees dans website css sont prioritaires par rapport aux regles definies dans les feuilles d style par defaut de Pleade Pour toutes informations complementaires a propos de tilisation des styles ces http ww w3 org IR REC CSS27 Cette feuille de style peut etr dit avec un editeur d texte de type JEdit http www jedit org Dans cette feuille de style plusieurs attributs de style n ont pas de valeur Ils heritent du style parent Lors d une modification d une des regles suivantes dans la css pleade local skin css website css l ajout d une valeur a ses attributs permet de la particulariser S EEK KKK KKK K K K Ie K I K K K K K K K K K K K K K K K K K K k K K K K K K K k K K K K K k k K K k K K K k K K K k k 2 Trame d une page html dans Pleade kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk Modifications de l apparence d une application Pleade 2006 06
74. ore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org couleur red affiche un cadre de couleur rouge C 6 Choix de la police modifier le style result menu td La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras C 7 Dimensions de l image espace gauche et droite modifier le style result menu td Permet de faire varier la marge int rieure gauche et droite du tableau La valeur des attributs width et height est prioritaire sur la taille d finie en HTML C 8 Choix de la couleur de l arri re plan et de la police de la liste d roulante modifier le style result menu td
75. pplication Pleade 2006 06 23 page 32 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org 1 9 Frame Nom de l auteur modifier le style div page header p ead author Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu div page header p ead author text align right border width lpx ps Ups Opx background white border style solid border color 555556 margin top Opx margin bottom Upx padding 3px Arri re plan bordures et police de caract re de la table des mati res J 1 Arri re plan de la page de la table des mati res modifier le style body tdm Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu body tdm background color whitesmoke J 3 Onglet actif modifier le style td actuel Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu td actuel border width Opx 0px Opx Opx border style solid background color lavender border color darkslateblue 3 4 Onglet inactif masqu modifier le style td navout Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background b
76. px border style solid border color 999999 margin borcom 20x padding 3px p ead subtitle color 666666 font weight bold font size 90 text align center p ead author text align center border width lIpx 0px lpx 0px border style dotted border color 909999 margin tops lop margin bottom i Sips padding px p ead sponsor font size 805 text align right Margin bottom Spx colors 9399997 p ead edition p ead publisher text align center background color dcdfe2 pedding cp color 666666 margin top SPX p ead date font size 90 font weight bold text align center padding 3px color 666666 background color dcdfe2 margin bottom Spx Modifications de l apparence d une application Pleade Helvetica http pleade org sans serif 2006 06 23 page 80 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org span ead addressline display inline color 6606666 p ead num color 666666 p ead creation font weight bold color 666666 p ead langusage color 666666 p ead descrules color 666666 p ead edition div ead change I span ead date font weight normal p ead item subdoc link P a link visited color mediumorchid a link hover color e000a0 aa Link f color dodgerblue
77. r et ou de l image ou du remplissage avec une image papier peint de l arri re plan de la banni re Dans ce cas l image du logo est plac e dans le r pertoire pleade local skin pictures et elle est d clar e dans l attribut background image Son nom doit tre modifi dans le chemin et le lien vers cette image background image url pleade local skin pictures votreLogo ext Ce style permet aussi au logo de ne pas tre recouvert par les l ments du formulaire de recherche zones de texte listes et boutons L espace dans lequel il s inscrit doit tre d fini avec les attributs width et height Arri re plan A 2 Image et couleur d arri re plan de la banni re modifier le style background Ce style occupe la totalit du fond de la banni re Il permet de donner une couleur de l arri re plan et ou de remplir avec une image en papier peint et ou de placer l image du logo dans le cas o le logo est int gr une image qui couvre la totalit du fond de la banni re L attribut background permet de renseigner le chemin la r p tabilit de l image papier peint ainsi que ses Modifications de l apparence d une application Pleade 2006 06 23 page 18 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org marges ext rieures Dans le cas d une image a papier peint placer l image dans le r pertoire
78. r singlequote after render doublequote after render boldsinglequote after render bolddoublequote after content close quote Deplacement des styles non EAD vers pleade css S EEKE K KK K K K AK kK A K K K k K K K I A A I I A K K A A K K a A K K A K K ae L Liste des couleurs KKKKKKKKKKKKKK KK KKK KKK KK KKK KKK KKK KKK KKK KZ A AZ A AKA AKA AKA AKA A KA KA A ZK KA Les couleurs utilisees dans pleade css Polices Couleurs Eguilavence Usage DDD i gris fonce 666666 2 gris fonce 000a0 magenta Lien dcdfe2 gris moyen Titre white plane black SNORE darkslateblue bleu fonce mediumorchid parme Lien dodgerblue cian Lien red rouge Span admin green pivert Span admin darkblue bleu nuit Span admin whitesmoke gt gris tres clair Arrieres plan Couleurs Equilavence Usage EDEDED gris clair Bloc table E6D9E6 gris clair rose Titre dcdfe2 gris moyen Bloc table FFFFCC jaune paille 2 Span blanc plane Bloc table slateblue bleu moyen Bloc table darkslateblue bleu fonce gt Bilog beige beige gt Bloc table whitesmoke gris tres clair Table floralwhite gris jaune paille Table Modifications de l apparence d une application Pleade 2006 06 23 page 86 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE h
79. res EE E t recherch J Table des matieres K Contenu du document ead L Liste de couleurs utilisees S KR RR KK KK KK KK KK I RK I A kkk k kkk kkk I kk kK kk kK k kkk k 1 Precautions d emploi KKKKKKKKKK KKK KKK KK A KA KKK KKK KKK KKK KKK KKK KKK KKK KKK KK KKK KKK KKK k k Hee eee re ETES Ee AtCEen elon LA ELA EPA AN A ENS ARE La css eadPleade css est une des feuilles de style par defaut de l application Pleade Elle ne doit pas etre modifiee Les modifications de style doivent etre faites dans la css pleade local skin css website css Pour modifier une regle css faites en une copie depuis la css par defaut par exempl adPleade css puis collez la dans la css website css Modifications de l apparence d une application Pleade 2006 06 23 page 65 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Vous pouvez ensuite modifier la regle css et enregistrer wos medii ications Les regles modifiees dans website css sont prioritaires par rapport aux regles definies dans les feuilles d style par defaut de Pleade Pour toutes informations complementaires a propos de IMueilrsation des styles ces htepi meme org TR REC CSSA Cette feuille de style peut etr dat avec un editeur d texte de type JEdit http www jedit org Dans ce
80. s es http creativecommons org licenses by 2 0 K PLEADE http pleade org background white border 1px solid darkslateblue font size 0 9em font family Arial Helvetica sans serif tablefieldset tr content td border bottom lpx solid slateblue tablefieldset tr legend td background dcdfe2 color 555555 font weight normal span upload added color green font weight bold span upload failure color red font weight bold span upload replaced color darkblue font weight bold div ui languages ront sizer JE span hilite background FFFFCC color black cols cols2 Modifications de l apparence d une application Pleade 2006 06 23 page 60 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org position relative padding 0 0 lem 0 margin Ops Opx 0 0 Une liste a subsets list Marine top OP background EDEDED border lpx solid black le titre de la liste SCH h3 subsets list presentation h3 subsets links presentation presentation h3 subsets results presentation border right lpx solid 555555 border bottom lpx solid 555555 font size 10 margin top Opx font weight bold text align center padding 3px background slateblue color DCDFE2 Ma rdin Dok Lom Ups p subset actions name margin MP
81. s by 2 0 K PLEADE http pleade org Les CSS html css p PLEADE Free platform for viewing and searching XML EAD finding aids Copyright C 2003 AJLSM Anaphore AJLSM IM rue Vital Carles 33000 Bordeaux France info ajlsm com Anaphore SARL 3 ter chemin de la fontaine 13570 Barbentane France louis colombani arkheia net F This program is free software you can redistribute it and or modify it under the terms of the GNU General Public License as published by the Free Software Foundation either version 2 of the License or at your option any later version This program is distributed in the hope that it will be useful but WITHOUT ANY WARRANTY without even the implied warranty of MERCHANTABILITY or FIINE Ss FOR A PARTICULAR PURPOSE See the GNU General Public License for more details You should have received a copy of the GNU General Public License along with this program if not write to the Free Software Foundation Inc 59 Temple Place Suite 330 Boston MA 02111 1307 USA OB Conmeee EO http www fsf org copyleft gpl html S EEK KKK KKK K K K k K K K K K K K K K K K K K k K K K K K K K K K k K K K K K K K k k k k k k k k k kk Precautions d emploi KK KK KK KK D D D k A AK k k k k K k DE D ee KE k k k k k k k Xe k Eed Attention ee LEE EE La css html css est une des feuilles de style par defaut de l application Pleade Elle ne doit
82. s jaune paille Table lavender gris bleu clair Bloc lightsteelblue gris bleu Bloc Bouton orangered orange Bouton Bordures 555555 o gris fonc 999999 DE gris black Re ci slateblue DEE bleu moyen darkslateblue bleu fonc Liste des couleurs HTML pour information http www cross browser com talk color_charts html Modifications de l apparence d une application Pleade 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 2006 06 23 page 12 K PLEADE http pleade org eadPleade css Cette CSS contient les styles pour la mise en forme d un document EAD II existe plusieurs modes de restitution d un document EAD dont deux sont les plus repr sentatives document EAD fragment c est dire avec un en t te et une table des mati res ou non fragment un document sans coupure sur une page Pour une meilleure compr hension les explications qui concernent les documents fragment s sont pr c d es du terme Frame et les explications concernant les documents non fragment s sont pr c d es du terme NoFrame Titre et recherche J Table des mati res K Contenu du document EAD I Titre et recherche La banni re affiche un formulaire pour une recherche dans le document ainsi que le titre du document et le nom de l auteur Un lien permet de fermer la fen tre du document Frame l arri re plan de la page est d fini a
83. s une recherche avanc e uniquement Arri re plan et les bordures C 1 Arri re plan et bordure du rappel des crit res modifier le style reguete Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width lpx 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel a droite 1 pixel en bas et 1 pixel a gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour changer la couleur de la bordure Par exemple border couleur red affiche un cadre de couleur rouge C 1bis Tableau de pr sentation des crit res de recherche modifier le style reguete BEE ENEE La bordure est supprim e la couleur d arri re plan aussi Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width 1px 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel a droite 1 pixel en bas et 1 pixel a gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointi
84. ses by 2 0 K PLEADE http pleade org Structure des CSS html css Pas de structure particuli re Cette CSS contient des styles tr s succincts pour les types d l ments la page les titres les listes etc pleade css La structure de cette feuille de style reprend la structure des pages HTML A Banni re B Menu g n ral PLEADE C Rappel des crit res et informations sur la recherche D Lignes de r sultats E Pied de page F Administration G Contenu des pages H Liste des couleurs utilis es A Banni re La banni re permet d afficher le logo de l organisation qui publie des documents avec Pleade ainsi que des formulaires de recherche La banni re est un tableau constitu d une ligne A 2 tr background arri re plan de la banni re et de 2 cellules A 1 td logo espace r serv au logo A 3 td common search form placement du formulaire de recherche Le bloc A 4 div common search form permet de positionner le A 5 tableau contenant le formulaire de recherche dans la cellule td common search form verticalement ou horizontalement ka pour votre logo mj Illustration 4 A Banni re de l application Pleade Modifications de l apparence d une application Pleade 2006 06 23 page 6 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org B Menu g n ral PLEADE Menu horizonta
85. style MOSUMNEMONU AG isnin annta 27 C 9 Liens pour la navigation modifier le style Tesult menu 28 C 9 Liens survol s pour la navigation modifier le style result menu ahover eeeeeees 28 Comment modifier apparence des r sultats de recherche site deve EEN 29 Arri re plan bordures et police de caract re 29 D 1 Arri re plan et bordure du tableau de r sultats result 29 D 2 Arri re plan de la ligne impair impair 29 D 3 Police du tableau de r sultat result td 29 D 4 Police pour le contexte d un r sultat span result context 30 D 5 Police pour l identification d un r sultat span result identification 30 D 6 Arri re plan de la ligne pair modifier le Style Pall 355x rer innranet 31 Modifications de l apparence d une application Pleade http pleade org Comment modifier l apparence du pied de page Ee EE EN Arri re plan bordures et police de caract re 31 E 1 L arri re plan et la bordure du pied de page modifier le style Jooter 31 E 2 Police de caract re modifier le style Bel Ce DEE EN E 3 Les liens modifier le style footer a visited 32 Comment modifier les arri re plans en pr sentation avec cadres frames 32 Arri re plan bordures et police de caract re de l en t te 32 l 4 Frame Arri re plan du frame de titre modifier le style body page header 32 l 3
86. t margin left LOpt margin top 20 pit j Giv subset p 4 margin top E margin bottom 2pt p subset name font weight bold font family Verdana font size e Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org page 64 K PLEADE http pleade org ES eadPleade css CSS Document EAD PLEAD El S EEK KKK K K K K K K k K k K k K K K k K K K K K k K K K K K K K K K K K K K K K K K K K K K K K K K K K K kk kk k Notes Pour toutes informations complementaires a propos de I utilisation des styles ccs http www wN3 0rg TR REC 0592 feuille de style peut etr ait t modifiee avec un ur de texte de type JEdit http www jedit org Ginna Dans cette feuille de style plusieurs attributs de style n ont pas de valeur Ils heritent des styles parents L ajout d une valeur a ces attributs permet de les peneteula sem KKkkkk k k k k k k k k k k kik k k k k k kik k k kiki k k k kk k Table des matieres de la feuille de styl adPleade css kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk 1 Precautions d emploi 2 Trame d une page html pour un document ead avec frame et table des matieres 3 Trame d une page html pour un document ead non decoupe et sans table des matie
87. t Les titres de chaque partie et sous partie du document sont des liens a midi0 J 8 qui permettent d afficher la partie du document correspondant dans le frame contenu C Apres un clic sur un lien celui ci change d aspect pour que l utilisateur puisse situer le fragment du document affiche dans la table des matweres a midil J 9 gS body edm I2 EE ll das zad accrue J 4 td navou t J 5 td navover O ey Oe o o ee eu 5 2 E wabe SS td tds ltd os ed imo n aimee J 8 a midi0 td Ba ideas fed ime same aime J 9 a midi td td tas jb ame mg aime J 8 amd Modifications de l apparence d une application Pleade 2006 06 23 page 71 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org body tdm background color whitesmoke rea td actuel border width Opx Ups Opx Opx border style solid background color lavender border color darkslateblue E ta navout border width Opx Ups Opx 0px border style solid border color black background td navover border width ps Opx 0px Opx border style solid border color black background EE J 8 Etat du lien avant navigation DEE k ma aig padding top i S5SpxX padding bottom 5px ee J 9 Etat du lien avec 1 fragment en cours d affichage ER 2 G
88. t border color border style border width color p font weight font size 10027 Bouton valider annuler y input type submit input type reset input type button background lightsteelblue border color Modifications de l apparence d une application Pleade 2006 06 23 page 58 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org border style border width eolior black font weight bold font size 1005 Zone de texte SE input type text border color darkslateblue border style border width Colors y font weight font size 1005 Listes TE select border 1px solid darkslateblue colors y font weight font size 100 V P M EE Tableaux publication de documents admin et formulaire de recherch EE fieldset background DCDFE2 border 1px solid darkslateblue font size 0 9em font family Arial Helvetica sans serif legend border 1px solid darkslateblue background slateblue padding 2px color white tr legend background dcdfe2 color 555555 font weight bold table search background white tre content background whitesmoke tablefieldset fieldset Modifications de l apparence d une application Pleade 2006 06 23 page 59 2006 AJLSM Anaphore Diffusion et d rivation autori
89. tation ainsi que le num ro de la ou des pages concern es Pour faciliter l utilisation de la documentation les styles sont toujours pr c d s d un num ro par exemple A 1 td logo Ils peuvent ainsi tre retrouv s dans les quatre parties Cette num rotation est aussi une entr e d index Les CSS CSS Cascading Style Sheet ou feuilles de style en cascade Selon le W3C il s agit d un langage de feuille de style qui permet aux auteurs et aux lecteurs de lier du style aux documents structur s pages HTML Tout ce qui concerne l apparence et la mise en forme des documents couleur arri re plans bordures polices de caract re peut tre d fini dans une CSS Cela permet de modifier l apparence des pages HTML sans avoir a modifier les documents HTML eux m me ni application qui les g n re L application Pleade utilise plusieurs CSS Emplacement des CSS Les diff rentes CSS sont plac es dans deux r pertoires distincts de l application Pleade e pl pleade system web css html css eadPleade css pleade css Ce sont les feuilles de style par d faut de l application Pleade e pl pleade local skin css website Ces Cette feuille de eal est destin e a la personnalisation de application Pleade R le des CSS Feuilles de style par d faut html css Styles pour les types d l ments HTML la page un titre un paragraphe une liste etc pleade css Styles pour l habill
90. te padding Opx margin 0px 0px Opx 2px line height lem letter spacing 0 02em visibility hidden Ne pas modifier position absolute Ne pas modifier overflow hidden JSNe pas modifier Choix de la bordure des marges et de l espace dans le bloc Ne div submenu separator padding Opx 0 3em Opx 0 3em margin Opx border bottom lox solid darkslateblue Choix de la couleur de la police Choix de l arriere plan a div submenu separator hover color black background white B 6bis Affichage des libelles dans un sous menu Les libelles sont des liens Modifications de l apparence d une application Pleade 2006 06 23 page 46 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Ce style permet de choisir la couleur de la police sa graisse sa taille et sa decoration SZ div submenu separator a ront size 1005 font weight bold color plack text decoration none B 6bis Affichage des libelles survoles dans un sous menu Les libelles sont des liens Ce style permet de choisir la couleur de la police sa graisse sa taille et sa decoration er div submenu separator a hover font size 1005 font weight bold color black text decoration none B 7 Affichage du libelle des items de sous menu Choi
91. tte feuille de style plusieurs attributs de style n ont pas de valeur Ils heritent du style parent Lors d une modification d une des regles suivantes dans la css pleade local skin css website css l ajout d une valeur a ses attributs permet de la particulariser KK HK AK K K K kK K kK K K K K K K K K K K K K K K K K K K K K K K K K K K K K K k K K I I I I I I k k k K 2 Trame d une page html pour un document ead avec frame et table des matieres Frame KKKKKKKKKKKKKK KK KA A KA A KA KA KAZ A ZX A X A AZ AZ AKA AZ A AKA XZ A KKKKKKKKKKKKKKKK Les documents ead peuvent etre fragmentes puis parcourus a l aide d une table des matieres Ils sont alors presentes dans un jeu de cadres ou frames Certains styles de la css sont destines a ce type de presentation des documents ead et sont reperes avec le terme Frame I Maas t r cherch SE Rappel des criteres cf pleade css ska Informations sur la recherche cf pleade css J Table des K Contenu du document EAD Matieres Modifications de l apparence d une application Pleade 2006 06 23 page 66 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org Pied de page cf pleade css EAk kkk k kkk kkk kkk kkk kkk kkk kk kk X Kk kkk kk kkk kkk k kkk k kk k k kk k k kk k k k k k 3 Trame d une page html pour un document ead non decoupe et sans table des matieres
92. ttp pleade org lavender 1 gris blew clair 2 BIOG lightsteelblue gris bleu Bloc Bouton orangered orange Bouton Bordures Couleurs Eguilavence 555995 1 gris fonce OOO 2 gtis black nod slateblue bleu moyen darkslateblue bleu fonce Liste des couleurs html pour information http www cross browser com talk color charts html website css PLEADE Free platform for viewing and searching XML EAD finding aids Copyright C 2003 AJLSM Anaphore AJLSM I rue Vital Carles 33000 Bordeaux France info ajlsm com Anaphore SARL 3 ter chemin de la fontaine 13570 Barbentane France louis colombani arkheia net This program is free software you can redistribute it and or modify it under the terms of the GNU General Public License as published by the Free Software Foundation either version 2 of the License or at your option any later version This program is distributed in the hope that it will be useful but WITHOUT ANY WARRANTY without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE See the GNU General Public License for more details You should have received a copy of the GNU General Public License along with this program if not write to the Free Software Foundation Inc 59 Temple Place Suite 330 Boston MA 02070 OB COMECE CO http www fsf org copyleft gpl html A KKkkkk k k k k k kik k
93. u Separator a 23 submenu separator a hover 23 SAT E 14 33 71 72 AT TAEA T E T T 15 17 38 74 77 title subdoc 15 73 78 e 14 top level menu 7 19 20 21 44 45 46 op level menu a 21 top level menu a hover 21 unit content 16 17 74 77 SO PR deene 10 54 56 EAR DEE 6 18 41 AST Stu SR ein ee maine 18 EE 6 18 41 42 AES Mee 6 41 A E 6 41 42 A PRO O TY 6 19 41 43 EAR 7 44 BAA PA S dee SEENEN 7 19 44 ES EE 7 44 Bises tees scudeeias scaceddjetocetinsasden 7 20 44 45 B 4 eeneg ee 20 BADIS Jonie nln 7 21 44 45 E P O OY 7 22 44 46 E 7 22 44 46 B Gbis 7 22 23 44 46 47 B ObIS 255 anini REEE TA 23 Modifications de l apparence d une application Pleade http pleade org Eeer 7 23 44 47 C POP OMR eee re 8 24 47 48 HN PER NO NR eatin O OV L 8 48 CU E 24 C 2 DE 8 24 47 48 49 Giese tenets 8 25 48 49 CO V SROP R ROVNO 8 25 48 49 e PEPR AE ste eae ARO CE R tu io 25 CHB E 8 26 47 48 49 COS 5 PR eini aea a n a 8 26 27 48 50 CT eee ner ee oo 8 27 48 50 a 8 27 48 50 GE a 27 SE MAME REP Pen ee SPT 28 ES SOP A E eee n 9 29 51 52 nn 9 29 51 52 e E ta R 29 SEC do radon onu 9 29 51 52 DM as Aines 9 30 51 52 DA EN 20 EE 9 30 51 52 DSa 30 EE 9 31 51 53 EDR 9 31 53
94. u bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras Modifications de l apparence d une application Pleade 2006 06 23 page 30 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org D 6 Arri re plan de la ligne pair modifier le style pair Modifier l attribut background pour changer la couleur de l arri re plan Par exemple background blue affiche un fond bleu Comment modifier l apparence du pied de page Arri re plan bordures et police de caract re E 1 L arri re plan et la bordure du pied de page modifier le style footer Modifier l attribut border width pour changer la pr sence et l paisseur de la bordure Par exemple border width 1px 1px 1px 1px affiche un cadre de 1 pixel en haut 1 pixel a droite 1 pixel en bas et 1 pixel a gauche Modifier l attribut border style pour changer l aspect de la bordure Par exemple border style dotted affiche un cadre en pointill Modifier l attribut border color pour chang
95. ures Si l image du logo est placee dans ce style il faut renseigner les attributs width et height du style logo pour eviter le recouvrement par le formulaire de recherche de la partie de l image correspondant au logo Important La valeur des attributs width et height est prioritaire sur la taille definie en html 27 background background color dcdfe2 background image url pleade local skin pictures pxfie png beckground position leit top background repeat repeat width y height a E A m ae ee a S S A 4 Positionnement du formulaire de recherch Permet de positionner precisemment le formulaire de recherch Sc div common search form padding 0em 0em 0em 0em Modifications de l apparence d une application Pleade 2006 06 23 page 42 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 http pleade org champ de texte liste et boutons Les styles suivants permettent de particulariser si necessaire la police de caractere type taille et graisse ainsi que les elements du formulaire de recherch Zone de texte boutons et liste d roulante pour la banniere s div common search form td o eM font size 0 oem color black font weight common search form input type submit common search form input type reset common search form input type button ba
96. ut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La couleur de la police de caract re se modifie en changeant la valeur de l attribut color Par exemple color red affiche la police en rouge La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras L aspect d un lien hypertexte se modifie en changeant la valeur de l attribut text decoration Par exemple text decoration underline affiche le lien hypertexte soulign Modifications de l apparence d une application Pleade 2006 06 23 page 21 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org Comment modifier les items des sous menus B 5 Affichage du bloc des sous menus arri re plan et bordure modifier le style div drop down menu Choix de la couleur de l arri re plan des rubriques Choix de la bordure paisseur couleur Choix de la couleur de la police de sa graisse de sa tai
97. valeur de l attribut padding Par exemple padding lpx Opx 2px lem affiche une marge int rieure d un bloc de 1 pixel en haut 0 pixel a droite 2 pixels en bas et 1 em gauche La marge ext rieure d un bloc se modifie en changeant la valeur de l attribut margin Par exemple margin lem lem 10px 0 3em affiche une marge ext rieure au bloc de 1em en haut 1em droite 10 pixels en Modifications de l apparence d une application Pleade 2006 06 23 page 25 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org bas et 0 3em a gauche C 5 Police pour le libell des crit res de recherche modifier le style requete b intitule La police de caract re se modifie en changeant la valeur de l attribut font family Par exemple font family Verdana Arial sans serif affiche si elle est disponible sur l ordinateur de l utilisateur la police Verdana ou bien la police Arial ou si aucune des polices pr c dentes n est disponible une police sans serif La taille de la police de caract re se modifie en changeant la valeur de l attribut font size Par exemple font size 0 7em affiche la police avec une taille de 0 7 em La graisse de la police de caract re se modifie en changeant la valeur de l attribut font weight Par exemple font weight bold affiche la police en gras La marge interne d un bloc se modifie en changeant
98. vec la balise body page header l 1 Un bloc div page header 1 2 permet de contextualiser le bandeau de titre Frame et NoFrame Le bandeau de titre est un bloc div ir title l 3 Il contient un tableau avec un formulaire de recherche 1 4 un lien pour fermer la fen tre du document 1 6 et 1 7 le titre 1 8 et le nom de l auteur 1 9 al m Recherche 1 5 ans ce document Fermer d l 7 fen tre eg AM Illustration 11 Titre et recherche Modifications de l apparence d une application Pleade 2006 06 23 page 13 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org J Table des mati res La table des mati res ne s affiche que lorsque les documents sont fragment s Elle s affiche dans un frame a gauche et sous le frame de titre du document La page de la table des mati res est d finie avec la balise body tdm J 1 La table des mati res est divis e en deux parties un menu div menu J 2 le contenu de la table div toc J 4 Le menu est un tableau divis en plusieurs cellules qui forment des onglets pour permettre d afficher une table des mati res des index Les cellules ou onglets ont trois tats contenu de la table des mati res ou de l index affich td actuel J 3 contenu de la table des mati res ou de l index non affich td navout J 4 contenu de la table des mat
99. x font size 60 gt color 666666 un div pour un item de la liste xy subsets list li subset links li border bottom 1px solid 999999 border right 1121505999999 padding i10ps font size 70 subsets list ul subset links ul f list style none padding Opx margin Opx 0 0 0 subsets list li a fsubset links li a display block subsets list span fsubset links span margin left 5px display block subset links margin top LOPx background EDEDED Modifications de l apparence d une application Pleade 2006 06 23 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 ho subsets tosms page 61 K PLEADE border tox solid blacks subset forms subset results margin top 0px background white border Ipx solid 999999 http pleade org E eee ee Our eee eee Affichage sur 1 colonne ae COls1 tcontenu 4 background color white margin 0px Opx 20px Opx float Clear background white colsi navigation padding 0px margin Oise 0px 20s 0px background white top Op colsl subsets list margin top lOp background white border 0px solid black colsl h3 subsets list presentation colsl h3 subsets links presentation colsl h3 subsets forms presentation colsl h3 subsets results presentation font size auto margin top WP Font w
100. x de la police de sa couleur de sa graisse de sa taille SC div drop down menu p one rami lys F font size 0 8em font weight bold padding 5px cursor pointer KK AK AK K K K I K K K I K K K k K K K K K K K K K K K k K k I I I I K k K k k I I k ch C Rappel des criteres et informations sur la recherche KKKKKKKK KKK KKK KKK KKK KKK KKK KKK A ZK A ZX A Z X A ZA ZZ A AZ ZA ZK A Z KA ZK A KA ZK KKKKKEK Le rappel des criteres de recherche ne s affiche gu apres une recherche avancee Il contient le ou les termes utilises pour chaque critere de recherch mploy Les informations sur la recherche affichent le nombre de resultats le nombre de page de resultats ainsi que le reglage du nombre de resultats par page Le rappel des criteres de recherche s affiche dans un tableau table requete C 1 de 3 cellules Le libelle de ce rappel est un paragraphe C 2 qui s affiche dans la premiere cellul La 3eme cellule contient un tableau table requete C 1 dans lequel st precise le critere de recherche b intitule C 5 et un texte Modifications de l apparence d une application Pleade 2006 06 23 page 47 2006 AJLSM Anaphore Diffusion et d rivation autoris es http creativecommons org licenses by 2 0 K PLEADE http pleade org correspondant aux termes cherches Ga Gamle meguete S ES See ba ed ed o oko ne oboje C 2 C 3 Mecce cel eq ase

documentation complète

Contents

Download Pdf Manuals

Related Search

Related Contents

documentation compl&egrave;te

Contents

Download Pdf Manuals

Related Search

Related Contents

documentation complète