Skip to Content

Wiki source code of 1. Graphisme

Version 19.1 by lvangheluwe on 2021/07/27 13:09
Hide last authors
lvangheluwe 4.1 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]]
lvangeluwe 1.1 2
lvangheluwe 18.1 3 ----
lvangeluwe 1.1 4
lvangheluwe 18.1 5 __Table des matières__
6
7
8
lvangeluwe 1.1 9 (% class="box successmessage" %)
10 (((
11 __Sommaire :__
12
13 [[Quelles sont les recommandations concernant le bandeau ?>>doc:||anchor="recommandations"]]
14
15 [[​Comment ajouter une image au bandeau de son portail ?>>doc:||anchor="bandeau"]]
16
17 [[Comment ajouter un logo à son portail ?>>doc:||anchor="logo"]]
18
19 [[Comment ajouter une couleur au thème de son portail ?>>doc:||anchor="couleur"]]
20
21 [[Comment ajouter un nom au portail ?>>doc:||anchor="nom"]]
22 )))
23
lvangheluwe 18.1 24 ----
lvangeluwe 1.1 25
lvangheluwe 18.1 26 = __Quelles sont les recommandations concernant le bandeau __? =
lvangeluwe 1.1 27
28 * Le bandeau doit être composé d'images au format JPEG ou PNG.
29 * Il doit être d'une hauteur fixe de 250 pixels et d'une longueur de 1920 pixels.
30 * Il ne doit pas dépasser le poids de 1 Mo.
31
lvangheluwe 18.1 32 = __Comment ajouter une image au bandeau de son portail__ ? =
lvangheluwe 5.1 33
lvangeluwe 1.1 34
lvangheluwe 4.1 35 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 36
37
lvangheluwe 18.1 38 ~1. Se connecter en tant que Gestionnaire.
lvangeluwe 1.1 39
40
lvangheluwe 18.1 41 (% start="2" %)
42 2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
lvangeluwe 1.1 43
44
lvangheluwe 18.1 45 (% start="2" %)
46 3. Accédez à la page d'accueil de votre portail.
lvangeluwe 1.1 47
48
lvangheluwe 18.1 49 (% start="2" %)
50 4. Cliquez sur l'icône [[image:1627390679870-250.png]] pour ajouter un contenu.
51
52
lvangeluwe 1.1 53 (% style="text-align:center" %)
lvangheluwe 18.1 54 [[image:1627390700365-259.png]]
lvangeluwe 1.1 55
56
57
lvangheluwe 18.1 58 5. Sélectionnez le type de contenu "Diapositive (Diaporama)".
59
60
lvangeluwe 1.1 61 (% style="text-align:center" %)
lvangheluwe 18.1 62 [[image:1627390733782-943.png]]
lvangeluwe 1.1 63
64
lvangheluwe 18.1 65 6. Saisissez le titre de la diapositive.
lvangeluwe 1.1 66
67 (% style="text-align:center" %)
lvangheluwe 18.1 68 [[image:1627390768808-761.png]]
lvangeluwe 1.1 69
70
lvangheluwe 18.1 71 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.
lvangeluwe 1.1 72
lvangheluwe 18.1 73
lvangeluwe 1.1 74 (% style="text-align:center" %)
lvangheluwe 18.1 75 [[image:1627390789524-824.png]]
lvangeluwe 1.1 76
77
lvangheluwe 18.1 78 8. Dépliez l'onglet "//Affichage//" et dans "//Zone de publication//", choisissez dans le menu déroulant "//Centre de la page, en haut (bandeau)//".
lvangeluwe 1.1 79
lvangheluwe 18.1 80
lvangeluwe 1.1 81 (% style="text-align:center" %)
lvangheluwe 18.1 82 [[image:1627390851596-614.png]]
lvangeluwe 1.1 83
84
85
lvangheluwe 18.1 86 9. Cliquez enfin sur le bouton [[image:1627390865623-383.png]] .
lvangeluwe 1.1 87
lvangheluwe 18.1 88
89 = __Comment ajouter un logo à son portail__ ? =
90
91
lvangheluwe 4.1 92 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 93
94
lvangheluwe 18.1 95 ~1. Se connecter en tant que Gestionnaire.
lvangeluwe 1.1 96
lvangheluwe 18.1 97
lvangeluwe 1.1 98 (% start="2" %)
lvangheluwe 18.1 99 2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
lvangeluwe 1.1 100
101
102 (% start="3" %)
lvangheluwe 18.1 103 3. Cliquez sur l’entrée d’administrateur « //Mise en page //».
lvangeluwe 1.1 104
105
106 (% style="text-align:center" %)
lvangheluwe 18.1 107 [[image:1627391158437-738.png]]
108
109
110 (% start="2" %)
111 4. Au niveau de la zone « //Logo //», cliquez sur le bouton « //Parcourir// ».
112
113 (% style="text-align:center" %)
lvangeluwe 1.1 114 [[image:1525685725522-756.png||height="117" width="598"]]
115
116
117 (% start="5" %)
118 1. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur.
119
120 (% start="6" %)
121 1. Au niveau de la zone « Logo », cliquez sur le bouton « Parcourir ».
122
123 (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
124 (((
125 (% class="Miseenavant" style="margin-left:0cm" %)
126 (% 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" %).
127 )))
128
129
130
131 (% class="box" %)
132 (((
133 {{id name="couleur"/}}
134
135 **__Comment ajouter une couleur au thème de son portail ?__**
136 )))
137
138 1. Cliquez sur le bouton [[image:1525685825956-167.png||height="18" width="17"]] au niveau de la page d’accueil du portail.
139
140 (% style="text-align:center" %)
141 [[image:1525685849622-828.png||height="219" width="792"]]
142
143 (% start="2" %)
144 1. Dépliez l’onglet « //Affichage// »
145
146 (% class="CxSpFirst" style="text-align:center" %)
147 [[image:1525685877928-583.png||height="104" width="753"]]
148
149
150 (% start="3" %)
151 1. À partir de la zone « //Couleur principale du thème //», choisissez la couleur à appliquer.
152
153 [[image:1610978579920-609.png||height="273" width="1251"]]
154
155
156 (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
157 (((
158 (% class="Miseenavant" style="margin-left:0cm" %)
159 (% 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" %).
160 )))
161
162
163 (% class="CxSpMiddle" %)
164 **__Rendu en interface :__**
165
166 (% class="CxSpMiddle" %)
167 [[image:1610978741320-302.png||height="569" width="1317"]]
168
169
170 **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.
171
172
173 (% class="box" %)
174 (((
175 **__{{id name="Nom"/}}{{id name="nom"/}}Comment ajouter un nom au portail ?__**
176 )))
177
lvangheluwe 4.1 178 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 179
180
181 (% class="CxSpFirst" %)
182 **__En interface :__**
183
portail 2.1 184 (% class="CxSpMiddle" style="text-align:center" %)
lvangeluwe 1.1 185 [[image:1610984374623-704.png||height="294" width="1342"]]
186
187
188 (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
189 (((
190 (% class="Miseenavant" style="margin-left:0cm" %)
lvangheluwe 4.1 191 (% 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.
lvangeluwe 1.1 192 )))
193
194
195 1. Se connecter en tant que Gestionnaire.
196
197 (% start="2" %)
198 1. Cliquez sur les boutons [[image:1525686285326-507.png||height="19" width="66"]] et [[image:1525686291324-228.png||height="19" width="85"]] .
199
200 (% class="CxSpMiddle" style="text-align:center" %)
201 [[image:1525686297580-120.png||height="228" width="176"]]
202
203
204 (% start="3" %)
205 1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
206
207 (% start="4" %)
208 1. Au niveau de la zone « //Titre// », saisissez le nom souhaité.
209
210 (% class="Miseenavant" style="margin-left:0cm" %)
211 (% 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" %).
212
213
214 [[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]]