Skip to Content

Changes for page 1. Graphisme

Last modified by DecalogExploitation on 2025/08/16 12:57
From version 16.1
edited by lvangheluwe
on 2021/07/27 13:02
Change comment: Uploaded new attachment "1627390927746-578.png", version {1}
To version 34.1
edited by lvangheluwe
on 2021/07/27 13:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,168 +1,151 @@
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]]
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"]]
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 25  * Le bandeau doit être composé d'images au format JPEG ou PNG.
26 26  * Il doit être d'une hauteur fixe de 250 pixels et d'une longueur de 1920 pixels.
27 27  * Il ne doit pas dépasser le poids de 1 Mo.
28 28  
17 += __Comment ajouter une image au bandeau de son portail__ ? =
29 29  
30 -(% class="box" id="H200BCommentajouteruneimageaubandeaudesonportail3F" %)
31 -(((
32 -**{{id name="bandeau"/}}__Comment ajouter une image au bandeau de son portail ?__**
33 -)))
34 34  
35 35  (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
36 36  
37 37  
38 -~1. Accédez à la page d'accueil de votre portail.
23 +~1. Se connecter en tant que Gestionnaire.
39 39  
40 40  
41 -2. Cliquez sur l'icône [[image:2017-06-28_12h27_49.png||height="20" width="27"]] pour ajouter un contenu.
26 +(% start="2" %)
27 +2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
42 42  
43 -(% style="text-align:center" %)
44 -[[image:2017-06-23_13h53_41.png||height="355" width="378"]]
45 45  
30 +(% start="2" %)
31 +3. Accédez à la page d'accueil de votre portail.
46 46  
47 -3. Sélectionnez le type de contenu "Diapositive (Diaporama)".
48 48  
34 +(% start="2" %)
35 +4. Cliquez sur l'icône [[image:1627390679870-250.png]] pour ajouter un contenu.
36 +
37 +
49 49  (% style="text-align:center" %)
50 -[[image:2017-06-23_13h43_42.png||height="277" width="296"]]
39 +[[image:1627390700365-259.png]]
51 51  
52 52  
53 -4. Saisissez le titre de la diapositive.
54 54  
43 +5. Sélectionnez le type de contenu "Diapositive (Diaporama)".
44 +
45 +
55 55  (% style="text-align:center" %)
56 -[[image:1498218478926-793.png||height="299" width="547"]]
47 +[[image:1627390733782-943.png]]
57 57  
58 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.
50 +6. Saisissez le titre de la diapositive.
60 60  
61 61  (% style="text-align:center" %)
62 -[[image:1498218454507-305.png||height="249" width="455"]]
53 +[[image:1627390768808-761.png]]
63 63  
64 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//".
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.
66 66  
58 +
67 67  (% style="text-align:center" %)
68 -[[image:2017-06-23_13h48_29.png||height="193" width="596"]]
60 +[[image:1627390789524-824.png]]
69 69  
70 70  
71 -7. Cliquez enfin sur le bouton [[image:1498645120185-865.png||height="26" width="76"]] .
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)//".
72 72  
65 +
73 73  (% style="text-align:center" %)
74 -[[image:1498218643230-437.png||height="270" width="593"]]
67 +[[image:1627390851596-614.png]]
75 75  
76 76  
77 -(% class="box" %)
78 -(((
79 -**__{{id name="logo"/}}Comment ajouter un logo à son portail ?__**
80 -)))
81 81  
71 +9. Cliquez enfin sur le bouton [[image:1627390865623-383.png]] .
82 82  
73 +
74 += __Comment ajouter un logo à son portail__ ? =
75 +
76 +
83 83  (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
84 84  
85 85  
86 -1. Se connecter en tant que Gestionnaire.
80 +~1. Se connecter en tant que Gestionnaire.
87 87  
82 +
88 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"]] .
84 +2. Cliquez sur les boutons [[image:1627390907851-897.png||height="40" width="114"]] et [[image:1627390927746-578.png]] .
90 90  
91 -(% class="CxSpMiddle" style="text-align:center" %)
92 -[[image:1525685672786-689.png||height="201" width="155"]]
93 93  
94 -
95 95  (% start="3" %)
96 -1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
88 +3. Cliquez sur l’entrée d’administrateur « //Mise en page //».
97 97  
98 -(% start="4" %)
99 -1. Au niveau de la zone « //Logo //», cliquez sur le bouton « //Parcourir// ».
100 100  
101 101  (% style="text-align:center" %)
102 -[[image:1525685725522-756.png||height="117" width="598"]]
92 +[[image:1627391158437-738.png]]
103 103  
104 104  
105 -(% start="5" %)
106 -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]].
107 107  
108 -(% start="6" %)
109 -1. Au niveau de la zone « Logo », cliquez sur le bouton « Parcourir ».
110 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 -)))
99 +(% style="text-align:center" %)
100 +[[image:1627391353721-364.png]]
116 116  
117 117  
103 +5. Recherchez ensuite le logo que vous souhaitez ajouter sur votre ordinateur.
118 118  
119 -(% class="box" %)
120 -(((
121 -{{id name="couleur"/}}
122 122  
123 -**__Comment ajouter une couleur au thème de son portail ?__**
124 -)))
106 +(% id="cke_bm_2158S" style="display:none" %) (%%)6. Cliquez enfin sur le bouton [[image:1627391437180-696.png]] .
125 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 127  
128 -(% style="text-align:center" %)
129 -[[image:1525685849622-828.png||height="219" width="792"]]
109 += __Comment ajouter une couleur au thème de son portail__ ? =
130 130  
131 -(% start="2" %)
132 -1. Dépliez l’onglet « //Affichage// »
133 133  
134 -(% class="CxSpFirst" style="text-align:center" %)
135 -[[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.
136 136  
137 137  
138 -(% start="3" %)
139 -1. À partir de la zone « //Couleur principale du thème //», choisissez la couleur à appliquer.
115 +[[image:1627393085952-858.png]]
140 140  
141 -[[image:1610978579920-609.png||height="273" width="1251"]]
142 142  
118 +2. Dépliez l’onglet « //Affichage// »
143 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 149  
121 +(% style="text-align:center" %)
122 +[[image:1627393122115-338.png]]
150 150  
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 +
151 151  (% class="CxSpMiddle" %)
152 152  **__Rendu en interface :__**
153 153  
154 -(% class="CxSpMiddle" %)
155 -[[image:1610978741320-302.png||height="569" width="1317"]]
156 156  
139 +(% style="text-align:center" %)
140 +[[image:1627393219312-978.png]]
157 157  
142 +
158 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 159  
160 160  
161 -(% class="box" %)
162 -(((
163 -**__{{id name="Nom"/}}{{id name="nom"/}}Comment ajouter un nom au portail ?__**
164 -)))
146 += __Comment ajouter un nom au portail__ ? =
165 165  
148 +
166 166  (% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.
167 167  
168 168  
... ... @@ -169,10 +169,11 @@
169 169  (% class="CxSpFirst" %)
170 170  **__En interface :__**
171 171  
172 -(% class="CxSpMiddle" style="text-align:center" %)
173 -[[image:1610984374623-704.png||height="294" width="1342"]]
174 174  
156 +(% style="text-align:center" %)
157 +[[image:1627392993215-200.png]]
175 175  
159 +
176 176  (% style="border-left:solid #2d98c6 1.5pt; padding:0cm 0cm 0cm 4.0pt; margin-left:19.85pt; margin-right:0cm" %)
177 177  (((
178 178  (% class="Miseenavant" style="margin-left:0cm" %)
... ... @@ -180,23 +180,28 @@
180 180  )))
181 181  
182 182  
183 -1. Se connecter en tant que Gestionnaire.
167 +~1. Se connecter en tant que Gestionnaire.
184 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 187  
188 -(% class="CxSpMiddle" style="text-align:center" %)
189 -[[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]] .
190 190  
191 191  
192 -(% start="3" %)
193 -1. Cliquez sur l’entrée d’administrateur « //Mise en page //».
173 +3. Cliquez sur l’entrée d’administrateur « //Mise en page //».
194 194  
195 -(% start="4" %)
196 -1. Au niveau de la zone « //Titre// », saisissez le nom souhaité.
197 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" %).
176 +(% style="text-align:center" %)
177 +[[image:1627391158437-738.png]]
200 200  
201 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]]
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 +
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