Mettre un text dans un div avec NiftyCube

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Mettre un text dans un div avec NiftyCube

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Mettre un text dans un div avec NiftyCube (Lu 1078 fois)

Mettre un text dans un div avec NiftyCube
« sur: le 01-02-2007 a 21:50:32 »

apt
Membre récent

Hors-Ligne

Sexe: Male

Messages: 11

Bonsoir,

Je voulais afficher un titre dans un div à coins arrondis mais je n'arrive toujours pas à le concretiser.

voilà le code :

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: Javascript and 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: #fff;color: #222;text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif}
h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal}
p{padding: 0 10px 15px}
h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
h2{font-size: 200%;line-height:1;color:#002455 }
div#container{width:450px !important; width /**/:460px;
margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header{background: #BFDDED;padding: 10px;text-align:center}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">

<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#header,"small");
}
</script>
</head>
<body>
<div id="container">
<div id="header"><h1>Essai de Nifty Corners</h1></div>
</div>
</body>
</html>

voici le lien de la page depuis je tire mon code.

Des correstions pour ce code ?

Merci d'avance

Rapporter au modérateur

Re:Mettre un text dans un div avec NiftyCube
« Répondre #1 sur: le 03-02-2007 a 12:36:16 »

TinMar
Habitué

Hors-Ligne

Sexe: Male

Messages: 268

Yo !

j'ai cherché dans google à "cadre coin arrondi"

et j'ai trouvé un super tuto !
http://www.alsacreations.com/articles/cadre/
J'ai trouvé aussi:
http://gcyrillus.free.fr/trucs_css/coins-arrondis-compatible-IE-en-css.html

ca marche pour tout. Sinon une autre solution qui ne marche que ss Mozilla et Opera en CSS via propriété "-moz-border-radius"

L'exemple que tu donnes utilise un fichier Javascript

« Dernière Édition: le 03-02-2007 a 12:41:28 par TinMar »

Rapporter au modérateur

Re:Mettre un text dans un div avec NiftyCube
« Répondre #2 sur: le 04-02-2007 a 03:07:33 »

apt
Membre récent

Hors-Ligne

Sexe: Male

Messages: 11

alsacreations utilise les images pour les coins arrondis.

pour le deuxieme lien, c'est un debut ...

en ce qui concerne NiftyCube, il donne plusieurs pour realiser des shapes arrondis.

Mais peux-tu essaye de lancer la page :

http://www.html.it/articoli/niftycube/index.html

depuis ton disque dur.

parce que ce qui m'etonne ce que la meme page quand elle est excuter depuis le site de l'auteur donne des formes arrondis, mais une fois sauvegarder sur le disque dur et ensuite relancer donne des formes carrés tout simplement ... !

Pourquoi a ton avis ?

Merci.