Wiki source code of 1. Graphisme

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

Need help?

If you need help with XWiki you can contact: