Skip to Content

Wiki source code of 1. Graphisme

Version 4.1 by lvangheluwe on 2021/07/26 15:07
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
3
4 (% class="box successmessage" %)
5 (((
6 __Sommaire :__
7
8 [[Quelles sont les recommandations concernant le bandeau ?>>doc:||anchor="recommandations"]]
9
10 [[​Comment ajouter une image au bandeau de son portail ?>>doc:||anchor="bandeau"]]
11
12 [[Comment ajouter un logo à son portail ?>>doc:||anchor="logo"]]
13
14 [[Comment ajouter une couleur au thème de son portail ?>>doc:||anchor="couleur"]]
15
16 [[Comment ajouter un nom au portail ?>>doc:||anchor="nom"]]
17 )))
18
19
20 (% class="box" id="H200BQuellessontlesrecommandationsconcernantlebandeau3F" %)
21 (((
22 **{{id name="recommandations"/}}​__Quelles sont les recommandations concernant le bandeau ?__**
23 )))
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
29 (% class="box" id="H200BCommentajouteruneimageaubandeaudesonportail3F" %)
30 (((
31 **{{id name="bandeau"/}}__Comment ajouter une image au bandeau de son portail ?__**
32 )))
33
lvangheluwe 4.1 34 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 35
36
37 ~1. Accédez à la page d'accueil de votre portail.
38
39
40 2. Cliquez sur l'icône [[image:2017-06-28_12h27_49.png||height="20" width="27"]] pour ajouter un contenu.
41
42 (% style="text-align:center" %)
43 [[image:2017-06-23_13h53_41.png||height="355" width="378"]]
44
45
46 3. Sélectionnez le type de contenu "Diapositive (Diaporama)".
47
48 (% style="text-align:center" %)
49 [[image:2017-06-23_13h43_42.png||height="277" width="296"]]
50
51
52 4. Saisissez le titre de la diapositive.
53
54 (% style="text-align:center" %)
55 [[image:1498218478926-793.png||height="299" width="547"]]
56
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.
59
60 (% style="text-align:center" %)
61 [[image:1498218454507-305.png||height="249" width="455"]]
62
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//".
65
66 (% style="text-align:center" %)
67 [[image:2017-06-23_13h48_29.png||height="193" width="596"]]
68
69
70 7. Cliquez enfin sur le bouton [[image:1498645120185-865.png||height="26" width="76"]] .
71
72 (% style="text-align:center" %)
73 [[image:1498218643230-437.png||height="270" width="593"]]
74
75
76 (% class="box" %)
77 (((
78 **__{{id name="logo"/}}Comment ajouter un logo à son portail ?__**
79 )))
80
81
lvangheluwe 4.1 82 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 83
84
85 1. Se connecter en tant que Gestionnaire.
86
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"]] .
89
90 (% class="CxSpMiddle" style="text-align:center" %)
91 [[image:1525685672786-689.png||height="201" width="155"]]
92
93
94 (% start="3" %)
95 1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
96
97 (% start="4" %)
98 1. Au niveau de la zone « //Logo //», cliquez sur le bouton « //Parcourir// ».
99
100 (% style="text-align:center" %)
101 [[image:1525685725522-756.png||height="117" width="598"]]
102
103
104 (% start="5" %)
105 1. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur.
106
107 (% start="6" %)
108 1. Au niveau de la zone « Logo », cliquez sur le bouton « Parcourir ».
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 )))
115
116
117
118 (% class="box" %)
119 (((
120 {{id name="couleur"/}}
121
122 **__Comment ajouter une couleur au thème de son portail ?__**
123 )))
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
127 (% style="text-align:center" %)
128 [[image:1525685849622-828.png||height="219" width="792"]]
129
130 (% start="2" %)
131 1. Dépliez l’onglet « //Affichage// »
132
133 (% class="CxSpFirst" style="text-align:center" %)
134 [[image:1525685877928-583.png||height="104" width="753"]]
135
136
137 (% start="3" %)
138 1. À partir de la zone « //Couleur principale du thème //», choisissez la couleur à appliquer.
139
140 [[image:1610978579920-609.png||height="273" width="1251"]]
141
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
149
150 (% class="CxSpMiddle" %)
151 **__Rendu en interface :__**
152
153 (% class="CxSpMiddle" %)
154 [[image:1610978741320-302.png||height="569" width="1317"]]
155
156
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
159
160 (% class="box" %)
161 (((
162 **__{{id name="Nom"/}}{{id name="nom"/}}Comment ajouter un nom au portail ?__**
163 )))
164
lvangheluwe 4.1 165 (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
lvangeluwe 1.1 166
167
168 (% class="CxSpFirst" %)
169 **__En interface :__**
170
portail 2.1 171 (% class="CxSpMiddle" style="text-align:center" %)
lvangeluwe 1.1 172 [[image:1610984374623-704.png||height="294" width="1342"]]
173
174
175 (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
176 (((
177 (% class="Miseenavant" style="margin-left:0cm" %)
lvangheluwe 4.1 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.
lvangeluwe 1.1 179 )))
180
181
182 1. Se connecter en tant que Gestionnaire.
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
187 (% class="CxSpMiddle" style="text-align:center" %)
188 [[image:1525686297580-120.png||height="228" width="176"]]
189
190
191 (% start="3" %)
192 1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
193
194 (% start="4" %)
195 1. Au niveau de la zone « //Titre// », saisissez le nom souhaité.
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" %).
199
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]]