Skip to Content

Changes for page 1. Graphisme

Last modified by DecalogExploitation on 2025/08/16 12:57
From version 3.1
edited by portail
on 2021/06/16 07:12
Change comment: There is no comment for this version
To version 36.1
edited by lvangheluwe
on 2021/07/27 13:46
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.portail
1 +xwiki:XWiki.lvangheluwe
Content
... ... @@ -1,201 +1,194 @@
1 -[[image:http://portail.doc.decalog.net/xwiki/bin/download/FAQ/G%C3%A9n%C3%A9ralit%C3%A9s/WebHome/1521473689751-647.png?width=18&height=18||alt="1521473689751-647.png" height="18" width="18"]][[(% class="monospace" %)Retour FAQ>>doc:FAQ.WebHome]]
1 +[[image:http://portail.doc.decalog.net/xwiki/wiki/portail/download/FAQ/G%C3%A9n%C3%A9ralit%C3%A9s/WebHome/1627311670758-699.png?width=39&height=35&rev=1.1||alt="1627311670758-699.png" height="35" width="39"]](% class="monospace" %) [[Retour à la page de présentation de la FAQ>>doc:FAQ.WebHome]]
2 2  
3 +----
3 3  
4 -(% class="box successmessage" %)
5 -(((
6 -__Sommaire :__
5 +__Table des matières__
7 7  
8 -[[Quelles sont les recommandations concernant le bandeau ?>>doc:||anchor="recommandations"]]
7 +{{toc/}}
9 9  
10 -[[​Comment ajouter une image au bandeau de son portail ?>>doc:||anchor="bandeau"]]
9 +----
11 11  
12 -[[Comment ajouter un logo à son portail ?>>doc:||anchor="logo"]]
11 += __Quelles sont les recommandations concernant le bandeau __? =
13 13  
14 -[[Comment ajouter une couleur au thème de son portail ?>>doc:||anchor="couleur"]]
13 +* Le bandeau doit être composé d'images au format JPEG ou PNG.
14 +* Il doit être d'une hauteur fixe de 250 pixels et d'une longueur de 1920 pixels.
15 +* Il ne doit pas dépasser le poids de 1 Mo.
15 15  
16 -[[Comment ajouter un nom au portail ?>>doc:||anchor="nom"]]
17 -)))
17 += __Comment ajouter une image au bandeau de son portail__ ? =
18 18  
19 19  
20 -(% class="box" id="H200BQuellessontlesrecommandationsconcernantlebandeau3F" %)
21 -(((
22 -**{{id name="recommandations"/}}​__Quelles sont les recommandations concernant le bandeau ?__**
23 -)))
20 +(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
24 24  
25 -* Le bandeau doit être composé d'images au format JPEG ou PNG.
26 -* Il doit être d'une hauteur fixe de 250 pixels et d'une longueur de 1920 pixels.
27 -* Il ne doit pas dépasser le poids de 1 Mo.
28 28  
29 -(% class="box" id="H200BCommentajouteruneimageaubandeaudesonportail3F" %)
30 -(((
31 -**{{id name="bandeau"/}}__Comment ajouter une image au bandeau de son portail ?__**
32 -)))
23 +~1. Se connecter en tant que Gestionnaire.
33 33  
34 -(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
35 35  
26 +(% start="2" %)
27 +2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
36 36  
37 -~1. Accédez à la page d'accueil de votre portail.
38 38  
30 +(% start="2" %)
31 +3. Accédez à la page d'accueil de votre portail.
39 39  
40 -2. Cliquez sur l'icône [[image:2017-06-28_12h27_49.png||height="20" width="27"]] pour ajouter un contenu.
41 41  
34 +(% start="2" %)
35 +4. Cliquez sur l'icône [[image:1627390679870-250.png]] pour ajouter un contenu.
36 +
37 +
42 42  (% style="text-align:center" %)
43 -[[image:2017-06-23_13h53_41.png||height="355" width="378"]]
39 +[[image:1627390700365-259.png]]
44 44  
45 45  
46 -3. Sélectionnez le type de contenu "Diapositive (Diaporama)".
47 47  
43 +5. Sélectionnez le type de contenu "Diapositive (Diaporama)".
44 +
45 +
48 48  (% style="text-align:center" %)
49 -[[image:2017-06-23_13h43_42.png||height="277" width="296"]]
47 +[[image:1627390733782-943.png]]
50 50  
51 51  
52 -4. Saisissez le titre de la diapositive.
50 +6. Saisissez le titre de la diapositive.
53 53  
54 54  (% style="text-align:center" %)
55 -[[image:1498218478926-793.png||height="299" width="547"]]
53 +[[image:1627390768808-761.png]]
56 56  
57 57  
58 -5. Au niveau de la zone "//Charger une image//", cliquez sur [[image:1498651042523-287.png||height="16" width="58"]] et recherchez, sur votre l'ordinateur, l'image que vous souhaitez ajouté au bandeau.
56 +7. Au niveau de la zone "//Charger une image//", cliquez sur [[image:1627390809285-928.png]] et recherchez, sur votre l'ordinateur, l'image que vous souhaitez ajouté au bandeau.
59 59  
58 +
60 60  (% style="text-align:center" %)
61 -[[image:1498218454507-305.png||height="249" width="455"]]
60 +[[image:1627390789524-824.png]]
62 62  
63 63  
64 -6. Dépliez l'onglet "//Affichage//" et dans "//Zone de publication//", choisissez dans le menu déroulant "//Centre de la page, en haut//".
63 +8. Dépliez l'onglet "//Affichage//" et dans "//Zone de publication//", choisissez dans le menu déroulant "//Centre de la page, en haut (bandeau)//".
65 65  
65 +
66 66  (% style="text-align:center" %)
67 -[[image:2017-06-23_13h48_29.png||height="193" width="596"]]
67 +[[image:1627390851596-614.png]]
68 68  
69 69  
70 -7. Cliquez enfin sur le bouton [[image:1498645120185-865.png||height="26" width="76"]] .
71 71  
72 -(% style="text-align:center" %)
73 -[[image:1498218643230-437.png||height="270" width="593"]]
71 +9. Cliquez enfin sur le bouton [[image:1627390865623-383.png]] .
74 74  
75 75  
76 -(% class="box" %)
77 -(((
78 -**__{{id name="logo"/}}Comment ajouter un logo à son portail ?__**
79 -)))
74 += __Comment ajouter un logo à son portail__ ? =
80 80  
81 81  
82 -(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
77 +(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
83 83  
84 84  
85 -1. Se connecter en tant que Gestionnaire.
80 +~1. Se connecter en tant que Gestionnaire.
86 86  
82 +
87 87  (% start="2" %)
88 -1. Cliquez sur les boutons [[image:1525685658323-702.png||height="19" width="66"]] et [[image:1525685666119-954.png||height="19" width="85"]] .
84 +2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
89 89  
90 -(% class="CxSpMiddle" style="text-align:center" %)
91 -[[image:1525685672786-689.png||height="201" width="155"]]
92 92  
93 -
94 94  (% start="3" %)
95 -1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
88 +3. Cliquez sur l’entrée d’administrateur « //Mise en page //».
96 96  
97 -(% start="4" %)
98 -1. Au niveau de la zone « //Logo //», cliquez sur le bouton « //Parcourir// ».
99 99  
100 100  (% style="text-align:center" %)
101 -[[image:1525685725522-756.png||height="117" width="598"]]
92 +[[image:1627391158437-738.png]]
102 102  
103 103  
104 -(% start="5" %)
105 -1. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur.
95 +(% start="2" %)
96 +4. Au niveau de la zone « //Logo //», cliquez sur le bouton [[image:1627391378082-407.png]].
106 106  
107 -(% start="6" %)
108 -1. Au niveau de la zone « Logo », cliquez sur le bouton « Parcourir ».
109 109  
110 -(% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
111 -(((
112 -(% class="Miseenavant" style="margin-left:0cm" %)
113 -(% style="background:#badff0" %)Afin que vous modifications soient prises en compte, pensez à cliquer sur le bouton [[image:1525685747691-180.png||height="17" width="158"]](% style="background:#badff0; font-family:~"Times New Roman~",serif; font-size:12pt" %) (% style="background:#badff0" %).
114 -)))
99 +(% style="text-align:center" %)
100 +[[image:1627391353721-364.png]]
115 115  
116 116  
103 +5. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur.
117 117  
118 -(% class="box" %)
119 -(((
120 -{{id name="couleur"/}}
121 121  
122 -**__Comment ajouter une couleur au thème de son portail ?__**
123 -)))
106 +(% id="cke_bm_2158S" style="display:none" %) (%%)6. Cliquez enfin sur le bouton [[image:1627391437180-696.png]] .
124 124  
125 -1. Cliquez sur le bouton [[image:1525685825956-167.png||height="18" width="17"]] au niveau de la page d’accueil du portail.
126 126  
127 -(% style="text-align:center" %)
128 -[[image:1525685849622-828.png||height="219" width="792"]]
109 += __Comment ajouter une couleur au thème de son portail__ ? =
129 129  
130 -(% start="2" %)
131 -1. Dépliez l’onglet « //Affichage// »
132 132  
133 -(% class="CxSpFirst" style="text-align:center" %)
134 -[[image:1525685877928-583.png||height="104" width="753"]]
112 +~1. Cliquez sur le bouton [[image:1627393067497-358.png]] au niveau de la page d’accueil du portail.
135 135  
136 136  
137 -(% start="3" %)
138 -1. À partir de la zone « //Couleur principale du thème //», choisissez la couleur à appliquer.
115 +[[image:1627393085952-858.png]]
139 139  
140 -[[image:1610978579920-609.png||height="273" width="1251"]]
141 141  
118 +2. Dépliez l’onglet « //Affichage// »
142 142  
143 -(% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
144 -(((
145 -(% class="Miseenavant" style="margin-left:0cm" %)
146 -(% style="background:#badff0" %)Afin que vous modifications soient prises en compte, pensez à cliquer sur le bouton [[image:1525685747691-180.png||height="17" width="158"]](% style="background:#badff0; font-family:~"Times New Roman~",serif; font-size:12pt" %) (% style="background:#badff0" %).
147 -)))
148 148  
121 +(% style="text-align:center" %)
122 +[[image:1627393122115-338.png]]
149 149  
124 +
125 +3. À partir de la zone « //Couleur principale du thème //», choisissez la couleur à appliquer.
126 +
127 +
128 +(% style="text-align:center" %)
129 +[[image:1627393151183-582.png]]
130 +
131 +
132 +4. Cliquez enfin sur le bouton [[image:1627391437180-696.png]] .
133 +
134 +
150 150  (% class="CxSpMiddle" %)
151 151  **__Rendu en interface :__**
152 152  
153 -(% class="CxSpMiddle" %)
154 -[[image:1610978741320-302.png||height="569" width="1317"]]
155 155  
139 +(% style="text-align:center" %)
140 +[[image:1627393219312-978.png]]
156 156  
142 +
157 157  **Remarque** : le portail permet aussi de disposer d'une couleur de thème différente selon la rubrique. Pour cela, il suffit d'éditer la rubrique puis de suivre la procédure détaillée ci-dessus à partir du point 2.
158 158  
159 159  
160 -(% class="box" %)
161 -(((
162 -**__{{id name="Nom"/}}{{id name="nom"/}}Comment ajouter un nom au portail ?__**
163 -)))
146 += __Comment ajouter un nom au portail__ ? =
164 164  
165 -(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
166 166  
149 +(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
167 167  
151 +
168 168  (% class="CxSpFirst" %)
169 169  **__En interface :__**
170 170  
171 -(% class="CxSpMiddle" style="text-align:center" %)
172 -[[image:1610984374623-704.png||height="294" width="1342"]]
173 173  
156 +(% style="text-align:center" %)
157 +[[image:1627392993215-200.png]]
174 174  
159 +
175 175  (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
176 176  (((
177 177  (% class="Miseenavant" style="margin-left:0cm" %)
178 -(% style="background:#badff0" %)__Attention__ : Le titre de votre portail apparaîtra dans la partie supérieure gauche de l'écran en l'absence d'un logo.
163 +(% style="background:#badff0" %)__Attention__ : Le titre de votre portail apparaîtra dans la partie supérieure gauche de l'écran en l'absence d'un logo.
179 179  )))
180 180  
181 181  
182 -1. Se connecter en tant que Gestionnaire.
167 +~1. Se connecter en tant que Gestionnaire.
183 183  
184 -(% start="2" %)
185 -1. Cliquez sur les boutons [[image:1525686285326-507.png||height="19" width="66"]] et [[image:1525686291324-228.png||height="19" width="85"]] .
186 186  
187 -(% class="CxSpMiddle" style="text-align:center" %)
188 -[[image:1525686297580-120.png||height="228" width="176"]]
170 +2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et  [[image:1627390927746-578.png]] .
189 189  
190 190  
191 -(% start="3" %)
192 -1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
173 +3. Cliquez sur l’entrée d’administrateur « //Mise en page //».
193 193  
194 -(% start="4" %)
195 -1. Au niveau de la zone « //Titre// », saisissez le nom souhaité.
196 196  
197 -(% class="Miseenavant" style="margin-left:0cm" %)
198 -(% style="background:#badff0" %)Afin que vous modifications soient prises en compte, pensez à cliquer sur le bouton [[image:1525686305541-200.png||height="17" width="158"]](% style="background:#badff0; font-family:~"Times New Roman~",serif; font-size:12pt" %) (% style="background:#badff0" %).
176 +(% style="text-align:center" %)
177 +[[image:1627391158437-738.png]]
199 199  
200 200  
201 -[[image:1521474349665-749.png||height="40" width="40"]][[## ##>>doc:FAQ.Gestion de contenus.WebHome]][[Nouveau chapitre de la FAQ>>doc:FAQ.Gestion de contenus.WebHome]]
180 +
181 +4. Au niveau de la zone « //Titre// », saisissez le nom souhaité.
182 +
183 +
184 +(% style="text-align:center" %)
185 +[[image:1627393364844-585.png]]
186 +
187 +
188 +5. Cliquez enfin sur le bouton [[image:1627391437180-696.png]] .
189 +
190 +
191 +(% style="text-align:center" %)
192 +[[image:1627393487793-815.png]]
193 +
194 + [[Accès au chapitre suivant de la FAQ >>doc:FAQ.Gestion de contenus.WebHome]]
1627390679870-250.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +201 bytes
Content
1627390700365-259.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 MB
Content
1627390733782-943.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +37.2 KB
Content
1627390768808-761.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +17.9 KB
Content
1627390789524-824.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +28.1 KB
Content
1627390809285-928.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +611 bytes
Content
1627390851596-614.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +25.1 KB
Content
1627390865623-383.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +738 bytes
Content
1627390907851-897.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.7 KB
Content
1627390927746-578.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
1627391158437-738.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +21.0 KB
Content
1627391353721-364.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +4.3 KB
Content
1627391378082-407.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +568 bytes
Content
1627391437180-696.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +710 bytes
Content
1627392993215-200.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 MB
Content
1627393026103-124.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +198 bytes
Content
1627393047025-628.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 MB
Content
1627393067497-358.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +283 bytes
Content
1627393085952-858.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 MB
Content
1627393122115-338.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +23.9 KB
Content
1627393151183-582.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +50.9 KB
Content
1627393219312-978.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 MB
Content
1627393364844-585.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +16.1 KB
Content
1627393487793-815.png
Author
... ... @@ -1,0 +1,1 @@
1 +xwiki:XWiki.lvangheluwe
Size
... ... @@ -1,0 +1,1 @@
1 +588 bytes
Content