24- Coins arrondis

Publié le mercredi  12 janvier 2011
Mis a jour le samedi  2 juillet 2011
par  Steph
popularité : 18%

Cette page vous permet de modifier l’aspect graphique de votre site en arrondissant les coins de certains éléments du site.

Attention : tous les navigateurs n’interprètent pas le code de la même façon et, si les résultats sont conformes sur Firefox et Chrome, ils le sont beaucoup moins sous Internet Explorer (même en version 8). Firefox 4 va également ne plus afficher les coins arrondis (à cause du passage au CSS 3).

Arrondir les coins  

PNG - 3.1 ko

Coins du bandeau  

Le bandeau de Steph-en-Bretagne.com, ne pouvait pas servir à cette démonstration car les jpg eux-même comportaient des arrondis dessinés.

Les exemples suivants sont donc tirés de mon site Photos-synthèse.com.

PNG - 7.4 ko

Résultats :

PNG - 731.8 ko

Vous remarquerez que sous Internet Explorer, les images des 3 parties du bandeau ne se raccordent pas tout à fait :

PNG - 282.4 ko

Plus d’infos sur la création graphique du bandeau et la création du bandeau avec des couleur.

Coins du pied  

Comme ci-dessus, le pied de Steph-en-Bretagne.com ne se prêtait pas à l’exercice.

Celui de Photos-synthèse.com est à peine plus adapté car, le dessin comporte un arrondi en haut à gauche. Il vous reste alors à imaginer ce que cela donnerait avec un dessin à 4 coins anguleux…

PNG - 3.5 ko

Résultats :

PNG - 143.6 ko

Plus d’infos sur la création graphique du pied et la création du pied avec des couleur.

Coins des menus pages spéciales et formulaires  

PNG - 5.2 ko

Résultats :

PNG - 39.9 ko

Plus d’infos sur les [menus des pages spéciales et des formulaires ainsi que sur les styles des menus de la colonne navigation.

Coins du formulaire de recherche  

Vous allez maintenant configurer le formulaire "Rechercher dans le site".

PNG - 4.6 ko

Résultats si vous avez configuré dans Sarka les colonnes comme moi :

PNG - 17.4 ko

Vous pouvez aussi consulter les styles en couleur de "Rechercher dans le site"

Coins des noisettes des colonnes  

PNG - 8.5 ko

Résultats :

PNG - 107.6 ko

Plus d’infos sur la création graphique des noisettes et la création des noisettes avec des couleur.

Coins de l’édito de bienvenue et de la une  

PNG - 4.2 ko

Résultats :

PNG - 103.9 ko

Plus d’infos sur l’édito de Bienvenue et l’article de une et sur les styles en couleur pour la Description, portfolio et doc d’article.

Coins des blocs de type extrait  

PNG - 4.2 ko

Résultats :

PNG - 49.5 ko

Plus d’infos sur et sur articles des rubriques les styles en couleur des extraits d’articles.


En page suivante, les modèles.


Agenda

<<

2013

>>

<<

Mai

>>

Aujourd'hui

LuMaMeJeVeSaDi
293012345
6789101112
13141516171819
20212223242526
272829303112
Aucun évènement à venir les 12 prochains mois

Annonces

Annonce nouvelle mise à jour de SPIP

Après la 2.1.8, puis la 2.1.9, une nouvelle mise à jour de sécurité est préconisée par SPIP.

La nouvelle version est la 2.1.10. A installer d’urgence !

Nous indiquons sur notre site comment "Effectuer une mise à jour de spip" : vous pouvez suivre le tuto, il marche !