Skip to Content

Changes for page 1. Graphisme

Last modified by DecalogExploitation on 2025/08/16 12:57
From version 35.1
edited by lvangheluwe
on 2021/07/27 13:44
Change comment: Uploaded new attachment "1627393487793-815.png", version {1}
To version 16.1
edited by lvangheluwe
on 2021/07/27 13:02
Change comment: Uploaded new attachment "1627390927746-578.png", version {1}

Summary

Details

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