Salut
"Nifty Corners" => "Rounded corners without images" ou "Coins arrondies sans images" :
http://www.html.it/articoli/nifty/nifty1.html
Source ; "Webmaster Hub > Bouton arrondi en utilisant css" :
http://www.webmaster-hub.com/lofiversion/index.php/t28041.html
# Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
***************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: HTML CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 20px;background-color: #FFF;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Nifty Corners</h1>
<p>Auiiui uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
<h2>Rounded corners without images</h2>
<p>Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo ua o.</p>
<p>Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
<p>Iueuouii eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
uaeuueuu eeue ieu.</p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
***************
En plus ; sujet ci-dessus ; "Coins arrondis en CSS" :
http://www.svay.com/coins_arrondis/coins_arrondis.html
"Pour obtenir cet effet, j'utilise 4 boites <DIV> imbriquées. Chacune affiche un coin en image de fond. Pour éviter d'utiliser trop de balises (ajout de conteneurs), j'utilise la balise de plus haut niveau pour définir la taille de la boite et celle de plus bas niveau pour définir les marges intérieures."
En plus ; sujet ci-dessus ; formulaire ; "Generate HTML/CSS code and images for rounded corners." :
http://www.roundedcornr.com/ <<== Formulaire !!
# Copyright © 2007, RoundedCornr.com. All rights reserved.
"RoundedCornr permet de créer des boîtes dotées d'arrondis. Le générateur crée lui même les images pour les arrondis et fournit le code nécessaire pour les utiliser et donc créer votre boîte arrondie en toute simplicité. Divers outils vous permettent de créer des boîtes simples, avec dégradé ou avec bordure. Les images sont au format .png uniquement."
Source du texte ; "Dragon Picture - Archive" ; "Le Effets graphiques online - lundi 09 juillet 2007 à 11:27" :
http://dragonpic.net/index.php?selected=archive&mois=juillet&annee=2007
Source du lien :
http://www.webstorming.fr/?roundedcornr-generateur-de-boites-avec-coins-arrondis-en-html-css
En plus ; sujet ci-dessus ; "Des bords arrondis en CSS en attendant le CSS 3" :
http://www.jarodxxx.com/index.php?post/2007/05/09/Des-bords-arrondis-en-CSS-en-attendant-le-CSS-3
Spiffy Box => Cliquez ici pour aller sur le site => http://www.spiffybox.com/ <<== Formulaire !!
"stylable box" ; "Resizable box with freely stylable corners and surface" :
http://roundedbox.andreas-kalt.de/
En plus ; proche du sujet ci-dessus, aide plus sur les menus ; "POMPAGE - Les Portes Coulissantes de CSS" :
http://pompage.net/pompe/portescoulissantes/
Qui copie qui ; "Portes coulissantes en CSS (Sliding Doors of CSS)." :
http://www.ultra-fluide.com/ressources/css/menu-onglets.htm
"Beaucoup d'onglets basés sur CSS souffrent de ce même design un peu simple : rectangles de couleur unie, encadrement, bordure qui disparaît pour signifier l'onglet courant, et un changement de couleur au survol de la souris. Est-ce tout ce que CSS peut nous apporter ? Un simple assemblage de rectangles et de couleurs unies ?"
En plus ; bouton forme 3d ; "Créer un bouton style aqua pour le web" :
http://www.photoshop-creation.com/tuto_bouton.php
En plus ; bouton forme 3d ; "15 alternatives a photoshop" :
http://www.jarodxxx.com/index.php?post/2007/05/29/15-alternatives-a-photoshop
En plus ; tuto (recherche tag) = css ; "TUTMarks - didacticiels, guides et tutoriaux sur internet" :
http://tutmarks.com/index.php?search=css&tag=true
En plus ; Norme W3C CCS3, bordures arrondies ; "CSS3 Backgrounds and Borders Module" :
http://www.w3.org/TR/css3-background/
Traduction en français par Google :
http://translate.google.com/translate?hl=fr&u=http%3a%2f%2fwww%2ew3%2eorg%2fTR%2fcss3%2dbackground%2f
LE TRUC, que j'ai mis plus + de 2 heures à retrouver :
En plus ; ARRONDIES ET CHEVAUCHEMENTS ; "Sprites CSS : Meurs, découpe d’images, meurs !" :
http://pompage.net/pompe/sprites/
Les formes irrégulières !! ; L'illusion est complète :
http://pompage.net/IMG/html/sprites/ala-blobs2.html
merci .
à+
Balise html
