Navigation
Domaines
Communes
Quartiers de Brest
Ressources
Communauté
Vie du projet
Autour de Wiki-Brest
Boîte à outils
Espaces de noms

Variantes
Actions
De Wiki-Brest

Portail:type 5 : Différence entre versions
 
(10 révisions intermédiaires par le même utilisateur non affichées)
Ligne 2 : Ligne 2 :
 
__NOEDITSECTION__
 
__NOEDITSECTION__
  
−
{| width="100%" align="center" border="0" cellpadding="4" cellspacing="4" style="border: 2px solid #FFC080; -moz-border-radius: 0.5em;" valign="top"
+
{| width="100%" align="center" border="0" cellpadding="4" cellspacing="4" style="border: 2px solid red; -moz-border-radius: 0.5em;" valign="top"
 
|-
 
|-
−
| align="center" style="background:#FFC080; border: 1px solid #eeeeee; font-size: 100%; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em;" | <div style="position:relative"><div style="font-size:250%; color:#F6FFB2; margin: 0;  padding-top: 0.5em; padding-bottom: 0.25em;">
+
| align="center" style="background:red; border: 1px solid #eeeeee; font-size: 100%; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em;" | <div style="position:relative"><div style="font-size:250%; color:red; margin: 0;  padding-top: 0.5em; padding-bottom: 0.25em;">
 
<span style="color:#554C99;">'''Exemple de portail'''</span></div></div>
 
<span style="color:#554C99;">'''Exemple de portail'''</span></div></div>
 
|- valign="top" align="center" <!-- articles -->
 
|- valign="top" align="center" <!-- articles -->
Ligne 13 : Ligne 13 :
 
|}
 
|}
 
----
 
----
−
 
 
<!-- FIN DE L'EN-TÊTE DE PAGE -->
 
<!-- FIN DE L'EN-TÊTE DE PAGE -->
−
 
 
<div style="width:70%;float:left;"> <!-- DÉBUT DU CADRE GAUCHE -->
 
<div style="width:70%;float:left;"> <!-- DÉBUT DU CADRE GAUCHE -->
 
<div style="width:49%;float:left;"> <!-- DÉBUT DU Sous-CADRE GAUCHE -->
 
<div style="width:49%;float:left;"> <!-- DÉBUT DU Sous-CADRE GAUCHE -->
Ligne 32 : Ligne 30 :
 
}}
 
}}
 
</div>
 
</div>
−
<div style="width:49%;float:right;"><!-- DÉBUT DU Sous-CADRE DROITE -->
+
<div style="width:49%;float:right;"><!-- DÉBUT DU SOUS-CADRE DROITE -->
 
{{Composant portail 3
 
{{Composant portail 3
 
|nsportail=1
 
|nsportail=1
Ligne 47 : Ligne 45 :
 
}}
 
}}
 
</div>
 
</div>
−
 
+
<div style="width:100%;float:left;"><!-- REPRISE DU LARGE CADRE GAUCHE -->
−
<div style="width:100%;float:left;"><!-- DÉBUT DU large Cadre Gauche -->
+
{{Composant portail 3
−
 
 
−
{{Méta cadre
 
 
|nsportail=1
 
|nsportail=1
−
|titre=Cadre paramétrable
+
|titre='''Cadre paramétrable'''
 
|lien=/syntaxe
 
|lien=/syntaxe
 
|contenu=
 
|contenu=
Ligne 63 : Ligne 59 :
 
|arrondi=8px
 
|arrondi=8px
 
}}
 
}}
−
</div>
+
</div><!-- FIN DU LARGE CADRE GAUCHE -->
  
 
</div> <!-- FIN DU CADRE GAUCHE -->
 
</div> <!-- FIN DU CADRE GAUCHE -->
  
 
<div style="width:29%;float:right;"><!-- DÉBUT DU CADRE DROITE -->
 
<div style="width:29%;float:right;"><!-- DÉBUT DU CADRE DROITE -->
−
{{Méta cadre
+
{{Composant portail 3
−
|titre=Pas de contenu
+
|titre=Contenu mais pas de lien
 
|lien=
 
|lien=
 +
|contenu=[[image:Nuvola_apps_important.png|150px]]
 
|bas=
 
|bas=
 
|image=
 
|image=
Ligne 80 : Ligne 77 :
 
}}
 
}}
  
−
{{Méta cadre
+
{{Composant portail 3
 +
|nsportail=1
 
|titre=Paramétrage par défaut
 
|titre=Paramétrage par défaut
 
|lien=/exemple
 
|lien=/exemple
Ligne 92 : Ligne 90 :
 
}}
 
}}
  
 +
{{/Section
 +
|nsportail=1
 +
|titre = Images
 +
|tailleTitre = 100%
 +
|partie = /Images}}
 +
 +
{{/Section
 +
|nsportail=1
 +
|titre = Essai
 +
|tailleTitre = 100%
 +
|partie = /Essais}}
 +
 +
{{Composant portail 4
 +
|nsportail=1
 +
|jaune
 +
|fond = f7f7f7
 +
|logo = [[image:Nuvola_apps_important.png|center|40px|Attention]]
 +
|titre = Un autre composant paramétrable
 +
|partie = /Expérimental
 +
}}
  
 
</div> <!-- FIN DU CADRE DROITE -->
 
</div> <!-- FIN DU CADRE DROITE -->

Version actuelle datée du 18 mai 2009 à 09:10


Exemple de portail
Exemple.jpg

légende
votre texte
Un outil très modulableUn outil très modulable
[ modifier ]

normalement en suivant le lien modifier cela marche.

Avec beaucoup d'optionsAvec beaucoup d'options
[ modifier ]

des blocs <div> emboités permettent de produire plusieurs colonnes

Cadre paramétrableCadre paramétrable
[ modifier ]
Utilisation
Un cadre avec un contenu que l'on peut rendre modifiable. Ne faites pas un usage direct de ce cadre dans les articles.
Syntaxe
{{Méta cadre
|titre=
|lien=
|contenu=
|bas=
|image=
|width=
|couleur=
|bordure=
|fond=
|arrondi=
}}
Paramètres
  • titre : le titre (facultatif, vierge par défaut)
  • lien : lien pour la modification du contenu (optionnel, pas de « [modifier] » par défaut ; il faut alors donner un contenu)
  • contenu : le contenu du cadre (optionnel, par défaut le contenu du lien est inclus)
  • bas : une petite annotation en bas de cadre (facultatif, vierge par défaut)
  • image : une image (facultatif, pas d'image par défaut)
  • width : largeur du cadre ; par exemple 50%, 300px (falcultatif, auto par défaut)
  • fond : couleur du fond (facultatif, « transparent » par défaut)
  • couleur : couleur des bandes (facultatif, « transparent » par défaut)
  • bordure : couleur des bordures (facultatif, « #aaaaaa » par défaut)
  • arrondi : importance de l'arrondi du cadre ; par exemple 5px, 8px, 1em (falcultatif, aucun arrondi par défaut)
Contenu mais pas de lien

contenu manquant

Paramétrage par défaut
[ modifier ]

Nuvola apps important.png

Images

[modifier]

ok

Nuvola apps important.png

Essai

[modifier]

et hop


Attention

Un autre composant paramétrable

Logo à droite, couleurs paramétrables, lien modifier en bas

[ modifier ]



Outils personnels