1. Graphisme (FAQ.Graphisme.WebHome)

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

3

4

(% class="box successmessage" %)

(((

__Sommaire :__

[[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"]]

)))

(% 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

30

(% class="box" id="H200BCommentajouteruneimageaubandeaudesonportail3F" %)

31

(((

32

**{{id name="bandeau"/}}__Comment ajouter une image au bandeau de son portail ?__**

33

)))

34

35

(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.

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"]]

(% class="box" %)

(((

**__{{id name="logo"/}}Comment ajouter un logo à son portail ?__**

)))

(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.

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"]]

(% start="3" %)

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"]]

(% start="5" %)

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" %).

)))

(% class="box" %)

(((

**__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"]]

(% start="3" %)

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" %).

)))

(% 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.

(% class="box" %)

(((

**__{{id name="Nom"/}}{{id name="nom"/}}Comment ajouter un nom au portail ?__**

164

)))

165

166

(% style="background:#badff0" %)__Remarque__ : Cette intervention n'est possible que pour le gestionnaire disposant des droits d'administrateur.

167

168

169

(% class="CxSpFirst" %)

170

**__En interface :__**

171

172

(% class="CxSpMiddle" style="text-align:center" %)

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" %)

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.

)))

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"]]

(% start="3" %)

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]]

Wiki source code of 1. Graphisme