Petit souci avec dégradé fond de message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Petit souci avec dégradé fond de message

Message par Tinker le Mar 21 Avr 2015 - 20:06

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Apres installation du dégradé
Lien du forum : http://teslaspaceorigin.forum2ouf.com

Description du problème

Bonjour,

J'ai suivit un tuto à la lettre et le dégradé s'est bien mis en place, mais il ne se met pas sur la totalité du message, donc ça fait plus moche qu'autre chose. ^^

Merci par avance de votre aide. Very Happy

Le tuto en question


Dernière édition par Tinker le Ven 24 Avr 2015 - 20:59, édité 1 fois

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Erwan Narcos le Mar 21 Avr 2015 - 23:51

C'est parce que le dégradé est une image, donc elle a une taille définie.
Pour que cela fonctionne mieux, change dans ton CSS :

Code:
.bgLeader td.row1 {
    background-position: center bottom;
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(left top, couleur1, couleur2) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, couleur1, couleur2) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, couleur1, couleur2) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, couleur1, couleur2) !important; /* Standard syntax (must be last) */
}

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Mer 22 Avr 2015 - 10:58

Bonjour,

Merci de ta réponse Erwan.

J'ai changé le code du tuto:
Code:
.bgLeader td.row1 {
background-image: url('http://i19.servimg.com/u/f19/19/20/49/78/degrad12.jpg') !important;
background-position: bottom;
background-repeat: repeat-x;
}
.bgLeader td.row2 {
background-image: url('http://i19.servimg.com/u/f19/19/20/49/78/degrad12.jpg') !important;
background-position: bottom;
background-repeat: repeat-x;
}

Par celui que tu me propose au dessus. Et je n'ai plus le fond du tout, ce qui est normal puisque il n'y a plus l'adresse HTML de l'image. Donc je pense que ce nouveau code est incomplet??

Merci

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Jeu 23 Avr 2015 - 13:19

Petit up, merci. Smile

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par demeter1 le Jeu 23 Avr 2015 - 13:35

Bonjour,
Le code fourni par erwan n'est pas incomplet. il vous propose tout simplement de passer par des codes couleur pour permettre une transition progressive d'une couleur à l'autre.

Avec des images, vous aurez forcément une coupure entre la première image et la seconde. A moins de travailler la seconde image en y intégrant la transition, la seule autre solution est de passer par des codes couleur.

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Jeu 23 Avr 2015 - 13:49

Ah ok, merci.

Malgré tout, j'ai mis en place ce code et je n'ai pas de dégradé. Je viens de faire un nouvel essai et idem rien.

Merci de votre aide.

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par demeter1 le Jeu 23 Avr 2015 - 13:57

Vous pouvez fournir le code que vous avez installé.

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Jeu 23 Avr 2015 - 14:10

Oui, le voici:

Code:
.bgLeader td.row1 {
    background-position: center bottom;
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(left top, couleur1, couleur2) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, couleur1, couleur2) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, couleur1, couleur2) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, couleur1, couleur2) !important; /* Standard syntax (must be last) */
}

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par demeter1 le Jeu 23 Avr 2015 - 14:15

Normal qu'il ne fonctionne pas, vous avez oublié de modifier couleur 1 et couleur 2 par le code couleur.




Dernière édition par demeter1 le Jeu 23 Avr 2015 - 14:24, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Jeu 23 Avr 2015 - 14:23

Je suis super nulle en code, donc si on me le précise pas, ben je fait pas. ^^
Bon alors j'ai encore du foirer un truc, j'ai mis des codes couleurs, mais toujours rien. ^^
Voici le code que j'ai installer:

Code:
.bgLeader td.row1 {
    background-position: center bottom;
    background-repeat: repeat-x;
    background: -webkit-linear-gradient(left top, #abd9ff, #ffffff) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #abd9ff #ffffff) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #abd9ff, #ffffff) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #abd9ff, #ffffff) !important; /* Standard syntax (must be last) */
}

Merci pour ton aide demeter.

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par demeter1 le Jeu 23 Avr 2015 - 14:26

Vous pouvez fournir un lien d'un sujet ouvert aux invités sur lequel ce css devrait agir.

Ps : il n'y a pas de nullité juste de l'apprentissage. Il faut bien débuter à un moment ou à un autre. Wink

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit souci avec dégradé fond de message

Message par Tinker le Jeu 23 Avr 2015 - 14:31

Si si je suis nulle, n'ayons pas peur des mots. Laughing

Liens vers une page invités

Merci

Tinker
# Tropactif #

Féminin
Messages : 1894
Inscrit(e) le : 16/01/2006

http://teslaspaceorigin.forum2ouf.com
Tinker a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum