Aide codage

Coucou à tous !

Voilà j'ai un petit problème avec ma fiche de lien, elle est bleue et j'aimerais mettre des tons plus orangés, rouge, mais je n'y arrive pas du tout je comprends rien >< Est-ce que quelqu'un avec quelques dons en matière de codages pourrait m'aider ? (désolée par avance si je ne demande pas au bon endroit)

Merciiiiii

Hello ~
Je pourrais peut-être t'aider, mais as-tu l'autorisation de modifier le code que tu utilises?

J'imagine que oui, c'est un code de Never-Utopia, généralement je modifie souvent les couleurs, là c'est juste beaucoup plus difficile

Ok ~ Tu peux me donner le code et les couleurs que tu y souhaiterais?

Code:: <style type="text/css">#conteneur {;text-align:justify;position: relative;font-family:Georgia;text-shadow: 2px 2px 2px #FF530D;color:#ffffff}div#transparente {;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;-khtml-opacity: 0.5;width: 200px;height: 390px;}div#pastransparente {top:5px;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;-khtml-opacity: 0;position: absolute;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;width:200px;}div#pastransparente:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;position: absolute;height:390px;}div.fiche2{z-index:1;-moz-border-radius:200px;border-radius:200px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#82B0E4;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche2:hover{margin-top:-150px;margin-bottom:-250px;z-index:99;-moz-border-radius:100px;border-radius:100px;background-color:#6C92BE;width:280px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #FF530D;height:500px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}</style>

<fieldset style="border: 2px dashed #91C4FF; border-radius: 15px; background-color: #567594; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">Liens positifs</div></legend>

<center><table><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr></table></center>

<div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>

Couleur : un dégradé partant de #FF0000 #FF1F0A #FF3D14 #FF5C1F #FF7A29 #FF9933

Merciii

Code:: <style type="text/css">#conteneur {;text-align:justify;position: relative;font-family:Georgia;text-shadow: 2px 2px 2px #FF530D;color:#ffffff}div#transparente {;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;-khtml-opacity: 0.5;width: 200px;height: 390px;}div#pastransparente {top:5px;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;-khtml-opacity: 0;position: absolute;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;width:200px;}div#pastransparente:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;position: absolute;height:390px;}div.fiche2{z-index:1;-moz-border-radius:200px;border-radius:200px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#FF7A29;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche2:hover{margin-top:-150px;margin-bottom:-250px;z-index:99;-moz-border-radius:100px;border-radius:100px;background-color:#FF7A29;width:280px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #FF530D;height:500px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}</style>

<fieldset style="border: 2px dashed #FF0000; border-radius: 15px; background-color: #FF9933; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">Liens positifs</div></legend>

<center><table><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#FF3D14;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">
[center]Nom & Prénom[/center]
</div><div style="padding:20px">
[center]<div class="blur">Nature du lien</div>[/center]
<div id="conteneur">
<div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
</div>
<div id="pastransparente">
La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
</div>
</div>

</div></div></div></td></tr></table></center>

<div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>

Alors, j'ai essayé mais je savais pas trop comment placer les couleurs alors j'ai tenté de faire au mieux pour pas que ça tue trop les yeux.

Merci ! Je crois que ce code est fait pour rester bleu :s

Je pense aussi, car avec un fond noir, en plus, ça devient vite agressif pour les yeux =/ Ou alors opter pour des couleurs plus pastels, car bon la plus clair donne un fond aussi vif ^^