Accueil
Forums
Turoriaux
Inscription
Connexion
Fil RSS
Bienvenue invité !
Jeudi 08 Janvier 2009
Vous êtes ici: Crea-paradise.com > Forums > Entraide > xHtml/CSS > Comment faire un dégradé ... > Lecture du sujet

Comment faire un dégradé ...

compatible firefox


1
Auteur Message
> Posté le : 08/09/2007 18h50
Avatar de clemano


Groupe : Membres
Messages : 72

Salut à tous,

J'aimerais savoir si quelqu'un peut me donner un code pour faire un dégradé compatible firefox ?'

Et je n'ai pas envie de faire des lignes d'un 1px pour ceux qui le dirait

En passant, si quelqu'un pouvait me passé le code pour faire une include (afficher une page dans une autre) dont le contenu puisse être référence


Merci,
CleManO
> Posté le : 08/09/2007 21h56
Avatar de lalim92


Groupe : Membres
Messages : 171

Un dégradé ? Ben si c'est ce que j'ai compris (un fond en dégradé), il te suffit d'utiliser une image de fond je crois pas que sa se fait avec du CSS, encore moins avec du xhtml

-----




Projet en cours: PHP-Algérie with Xireus !
> Posté le : 08/09/2007 22h37
Aucun avatar


Groupe : Membres
Messages : 354

effectivement sa ce fait en xhtml/css mais comment ? sa je sais plus
=> Ancien modérateur sur :

Règlement - Tutoriaux - Ressources - Concours
> Posté le : 08/09/2007 23h31
Avatar de Spoz


Groupe : Membres
Messages : 238

regarde sa :
http://www.siteduzero.com/tuto-3-36-1-formatage-du-texte-en-css-partie-2-2.html#ss_part_3
Spoz VIVE LE LIBRE





> Posté le : 09/09/2007 09h37
Avatar de clemano


Groupe : Membres
Messages : 72

Oui je pense pas que ça se fasse un xHtml ni en CSS mais il y a pas de catégorie java ou autre donc je pensais que ça pouvait aller avec

Donc pour vous répondre :
lalim92 : Justement je vais faire un dégradé en code, pas un dégradé à l'aide d'une image

rocawear : si tu retrouves ça, ça m'intéresserait

spoz : on utilise une image dans le code du dégradé

Merci,
CleManO
> Posté le : 09/09/2007 10h14
Avatar de Spoz


Groupe : Membres
Messages : 238

Je crois qu'il y a sa sur le site du zéro mais je sais plus trop ou.
Spoz VIVE LE LIBRE





> Posté le : 09/09/2007 10h48
Avatar de lbeetls01


Groupe : Admins
Messages : 2097

Franchement le plus simple c'est de faire une image de fond dégradé... Après si tu veux te compliquer la vie...
Sinon pour l'include qui ne gêne pas le référencement (donc pas d'iframes) tu peux la faire en PHP :
Code PHP:
<?php
include('chemin/vers/ta/page.html');
?>
> Posté le : 09/09/2007 11h22
Avatar de [Toxik]


Groupe : Membres
Messages : 617

Ou pour inclure tu peux aussi utiliser require();

Code PHP:
require('chemin/vers/ta/page.html');


Et pour ton dégradé, fait comme ça :

Code PHP:
<?php
$i = 0;
while ($i < 255)
{
echo '<span style="background-color: rgb($i, $i, $i); heigth: 1px;"></span>';
$i++;
}
Si l'homme descends du singe... La tecktonik manifestement y remonte...
> Posté le : 09/09/2007 14h27
Avatar de clemano


Groupe : Membres
Messages : 72

Ok merci pour vos réponses

[Toxik] tu pourrais commenter ton code ? Je ne vois pas où on gère les couleurs ni si c'est honrizontal ou vertical

EDIT : J'ai testé l'include, mais le problème c'est dans une page html ça marche pas =/, j'ai mis l'include avec les balises php dans ma page codé en html avec l'extension en .php =/

Aussi, on fait comment pour que le menu soit extensible, j'entends par celà qu'une image d'un pixel se dupplique sur toute la largeur de l'écran sans qu'elle soit en background ?

Merci,
CleManO
> Posté le : 10/09/2007 20h03
Avatar de Nephthys


Groupe : Membres
Messages : 129

Citation: [Toxik]
Code PHP:
<?php
$i = 0;
while ($i < 255)
{
echo '<span style="background-color: rgb($i, $i, $i); heigth: 1px;">';
$i++;
}</span>

Oh le code de geek §§
C'est tellement plus simple avec Photoshop.
Newser sur le Site du Zéro.
> Posté le : 10/09/2007 22h51
Avatar de lo0ser


Groupe : Membres
Messages : 95

Code :
<body style="FILTER:
progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#003366
,endColorstr=#ffffff ,gradientType=0" bgColor=#ffffff scroll=yes>

a mettre dans la balise Body et fonctionnent que sur IE
Lo0ser... Technicien
Pas de support par mp !

Fier d'être marginal et quebecois !

> Posté le : 12/09/2007 13h19
Avatar de clemano


Groupe : Membres
Messages : 72

Citation: Nephthys
Citation: [Toxik]
Code PHP:
<?php
$i = 0;
while ($i < 255)
{
echo '<span style="background-color: rgb($i, $i, $i); heigth: 1px;">';
$i++;
}</span>

Oh le code de geek §§
C'est tellement plus simple avec Photoshop.


Oui mais une image n'est pas vraiment flexible

Citation: lo0ser
Code :
<body style="FILTER:
progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#003366
,endColorstr=#ffffff ,gradientType=0" bgColor=#ffffff scroll=yes>

a mettre dans la balise Body et fonctionnent que sur IE


Je connais mais comme je l'ai dis dans mon post initial, je veux du compatible FF

[Toxik] si tu passes par là si tu pouvais m'expliquer ton code en php ?

Merci,
CleManO
> Posté le : 12/09/2007 18h41
Avatar de [Toxik]


Groupe : Membres
Messages : 617

Ah oui désolé, quand j'ai posté le site à beugué 

Donc voici :

Code PHP:
<?php
$i = 0;
while ($i < 255)
{
echo '<span style="background-color: rgb($i, $i, $i); heigth: 1px;">'; // Tout se passe ici : on place une couleur de fond que l'on va exprimer en rgb (en français => rvb). Au début de la boucle, $i vaut 0, donc la valeur est : rgb(0, 0, 0). A la fin de la boucle, $i s'incrémente et vaut donc 1, ce qui donne : rgb(1, 1, 1), et ça continues jusqu'à ce que $i vaille 255.
$i++;
}
echo '</span>';
?>
Si l'homme descends du singe... La tecktonik manifestement y remonte...
> Posté le : 14/09/2007 23h59
Avatar de clemano


Groupe : Membres
Messages : 72

Oulà 

J'avoue j'ai pas tout compris Y'a pas moyen de l'arrêter avec 255 ?
> Posté le : 15/09/2007 10h11
Avatar de Spoz


Groupe : Membres
Messages : 238

Tu mets la valeur que tu veux. Il a juste fait un boucle qui s'arretera a 255 mais tu peux mettre 300, 500 etc... As you like. a confirmer
Spoz VIVE LE LIBRE





> Posté le : 15/09/2007 14h41
Avatar de [Toxik]


Groupe : Membres
Messages : 617

ERREUR MONUMENTALE !!

On ne peux pas aller à plus de 255 étant donné que : 0, 0, 0 étant noir et 255, 255, 255 étant blanc. Donc si tu veux une couleur, fait par exemple 56, 189, 3
Si l'homme descends du singe... La tecktonik manifestement y remonte...
> Posté le : 15/09/2007 14h42
Avatar de Spoz


Groupe : Membres
Messages : 238

Ha je savais pas. Tu m'apprends quelque chose
Spoz VIVE LE LIBRE





> Posté le : 15/09/2007 14h54
Avatar de [Toxik]


Groupe : Membres
Messages : 617

Et oui je sais 
Si l'homme descends du singe... La tecktonik manifestement y remonte...
> Posté le : 15/09/2007 15h54
Avatar de clemano


Groupe : Membres
Messages : 72

Ok merci pour vos conseils à tous, je vais tester ça et je vous dis quoi
> Posté le : 15/09/2007 16h41
Avatar de [Toxik]


Groupe : Membres
Messages : 617

J'éspère que ça marchera 
Si l'homme descends du singe... La tecktonik manifestement y remonte...
> Posté le : 22/09/2007 12h13
Avatar de clemano


Groupe : Membres
Messages : 72

Voilà j'ai testé l'include mais ça ne marche pas =/

Code (x)HTML:
<?php
<html>
<head>
<title>webdesign11v2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#b9ef5c" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tableau_01" width="800" height="692" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="images/ten-parrain_01.png" width="1" height="175" alt=""></td>
<td rowspan="3">
<img src="images/ten-parrain_02.png" width="15" height="175" alt=""></td>
<td colspan="3">
<img src="images/ten-parrain_03.png" width="768" height="15" alt=""></td>
<td rowspan="3">
<img src="images/ten-parrain_04.png" width="15" height="175" alt=""></td>
<td rowspan="3">
<img src="images/ten-parrain_05.png" width="1" height="175" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/ten-parrain_06.png" width="768" height="118" alt=""></td>
</tr>
<tr>
<td>
<img src="images/ten-parrain_07.png" width="524" height="42" alt=""></td>
<td>
<img src="images/ten-parrain_08.png" width="35" height="42" alt=""></td>
<td>
<img src="images/ten-parrain_09.png" width="209" height="42" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/ten-parrain_10.png" width="1" height="437" alt=""></td>
<td rowspan="2">
<img src="images/ten-parrain_11.png" width="15" height="437" alt=""></td>
<td rowspan="2">
<?php
include('include/contenu.html');
?>
<td rowspan="2">
<img src="images/ten-parrain_13.png" width="35" height="437" alt=""></td>
<td>
<?php
include('include/menu.html');
?></td>
<td rowspan="2">
<img src="images/ten-parrain_15.png" width="15" height="437" alt=""></td>
<td rowspan="2">
<img src="images/ten-parrain_16.png" width="1" height="437" alt=""></td>
</tr>
<tr>
<td>
<img src="images/ten-parrain_17.png" width="209" height="49" alt=""></td>
</tr>
<tr>
<td>
<img src="images/ten-parrain_18.png" width="1" height="80" alt=""></td>
<td>
<img src="images/ten-parrain_19.png" width="15" height="80" alt=""></td>
<td colspan="3">
<img src="images/ten-parrain_20.png" width="768" height="80" alt=""></td>
<td>
<img src="images/ten-parrain_21.png" width="15" height="80" alt=""></td>
<td>
<img src="images/ten-parrain_22.png" width="1" height="80" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
?>


PS : J'ai les fichiers contenu.html et menu.html dans un fichier nommé include avec les images qui faut avec

Voilà,
Merci,
CleManO
> Posté le : 22/09/2007 16h54
Avatar de Spoz


Groupe : Membres
Messages : 238

Pourquoi tu as mis
Code PHP:
<?php
//avant html ??
...
...
?>
//a la fin ?

Je comprends pas là.
Spoz VIVE LE LIBRE





> Posté le : 22/09/2007 18h02
Avatar de clemano


Groupe : Membres
Messages : 72

Bah je pensais que je devais le faire car la page était en extension en .php

M'enfin j'ai modifier ça dans mon fichier et ça change toujours rien =/
1