Code HTML: besoin d'aide !

Sujet: Code HTML: besoin d'aide ! 26.10.08 16:24

Salut à tous ^_^

Voilà je voulais savoir si quelqu'un connaissait bien le code HTML.... en fait j'aimerais changer la couleur de mes commentaires sur mon blog (HautEtFort) lorsque je réponds à quelqu'un (pour qu'on me reconnaisse), vous voyez ?? j'ai cherché sur le net mais j'ai pas trouvé exactement... il y avait des tutos mais sur d'autres plateformes de blog et je ne trouvais pas les mêmes codes à changer :S

Si vous voulez voir mes codes (feuilles de style ou commentaires ou autre), je peux éventuellement les copier ici, si besoin est.

J'espère qu'on pourra m'aider !

flower

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:29

Je peux peut être t'aider Rose, mais en effet faudrait avoir les codes pour voir ce qu'on peut faire.

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:29

D'accord, je te fait un copier coller tout de suite !

Merci Smile

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:31

Voici le Modèle de page commentaires:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<title>{$post.title|htmlspecialchars} : {$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
<link rel="start" href="{$blog.url}" title="Home" />
<script type="text/javascript" src="{$platform.url}javascript/validator.js"></script>
<script type="text/javascript" src="{$platform.url}javascript/prototype-min.js"></script>
<script type="text/javascript" src="{$platform.url}javascript/rememberme.js"></script>
{if $platform.modules.registeredcomments}
<script type="text/javascript" src="{$platform.url}javascript/registeredcomment.js"></script>
{/if}
<script type="text/javascript">
{literal}
var useAuth = false;
function submitForm(objForm) {
handleRemember(objForm);
if(validateFormpost_comment(objForm)) {
return true;
} else {
return false;
}
}
function validateForm(objForm) {
return validateFormpost_comment(objForm);
}
function validateFormpost_comment(objForm) {
var validResult = true;
var spanText;
var spanElt;
var tempText;
widgetsWithError = new Array();

if(!useAuth && !checkLength(objForm.elements['post_comment_author'])) {
spanText = "{/literal}{t}Enter your name.{/t}{literal}";
validResult=false;
} else {
spanText = '';
}
putInnerText("post_comment_author_error",spanText);

if(!useAuth && !isEmail(objForm.elements['post_comment_author_email'])) {
spanText = "{/literal}{t}Enter your email.{/t}{literal}";
validResult=false;
} else {
spanText = '';
}
putInnerText("post_comment_author_email_error",spanText);

if(!checkLength(objForm.elements['post_comment_source'],1)) {
spanText = "{/literal}{t}Enter a comment.{/t}{literal}";
validResult=false;
} else {
spanText = '';
}
putInnerText("post_comment_source_error",spanText);

return validResult;
}
{/literal}
</script>
</head>
<body>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
<a href="{$blog.url}"></a>
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:33

Et voici Feuille de style

Code:: /****
*
* PT p24
*
****/
body {
margin: 0px 0px 0px 0px;
padding: 0px;
font-family: Arial, sans-serif;
color: #582db5;
font-size: 105%;
word-spacing: normal;
text-align: center;
background-color: #582db5;
}

#container {
width: 1000px;
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/pied.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 0px 150px 0px;
}

.container-decorator3 {
padding: 0px 0px 120px 0px;
}

#left {
float: left;
width: 236px;
overflow: hidden;
background-color: #582db5;
color:#cdb8f6;
float: left;
}

#left .box-decorator2 {
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/boxgauche_bas.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 0px 30px 0px;
margin: 0px 0px 20px 0px;
}

#left .boxcontent-decorator1 {
padding: 0px 15px 0px 50px;
}

#right {
overflow: hidden;
float: right;
width: 219px;
background-color: #582db5;
color:#cdb8f6;
float: right;
}

#right .box-decorator2 {
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/boxdroite_bas.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 0px 30px 0px;
margin: 0px 0px 20px 0px;
}

#right .boxcontent-decorator1 {
padding: 0px 45px 0px 15px;
}

#center {
overflow: hidden;
float: left;
width: 545px;
margin: 0px;
padding: 0px;
}

#banner {
width: 1000px;
height: 321px;
margin:0px 0px 38px 0px;
padding:0px 0px 0px 0px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/banniere.jpg);
background-repeat: no-repeat;
}
.banner-decorator1 {
}
.banner-decorator2 {
}
#banner h1 {
padding: 100px 0px 0px 130px;
margin: 0px 0px 0px 0px;
font-size: 180%;
}

#banner h2 {
color:#fff4c3;
font-size: 100%;
width: auto;
padding: 10px 0px 0px 130px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

#banner a {
color: #fff;
text-decoration: none;
}

#banner-img {
display: none;
}

div.img-link a {
display: block;
text-decoration: none;
width: 100%;
}

.nowrap {
white-space: nowrap;
}

.content .readmore {
margin: 0px 0px 0px 0px;
padding-left: 50px;
font-size: 100%;
}

.content, .readmore {
padding: 0px 0px 0px 0px;
float: left;
overflow: visible;
width: 100%;
font-size: 70%;
line-height: 150%;
color:#fff;
}

.content p.posted a {
color: #fff;
}
.content p.posted a:hover {
color: #fff;
text-decoration: underline;
}

.content h2 {
color:#cdb8f6;
margin: 23px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 110%;
font-weight: bold;
}
.content h2.date {
margin: 0px 0px 0px 34px;
padding: 0px 0px 0px 0px;
font-size: 110%;
font-weight: bold;
border: none;
color: #cdb8f6;
}
.content h2 span {
display:block;
margin: 0px 0px 0px 0px;
}

.content h3 {
color:#fff;
height: 22px;
margin: -16px 0px 0px 0px;
padding: 23px 0px 0px 34px;
font-size: 120%;
font-weight: bold;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/post_titre.gif);
background-repeat: no-repeat;
}
.content h3 span {
padding: 0px 0px 0px 0px;
}
.content h2.date span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.content p {
padding: 0px 0px 0px 0px;
}
.posttext, .listcontent {
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/post_haut.gif);
background-repeat: no-repeat;
background-position: top;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
background-color: #cbafff;
color: #582db5;
}
.postbottom {
background-color: #cbafff;
}

.postbottom .emailthis {
margin-left: 32px;
}
.postbottom-decorator1 {
margin: 0px 0px 40px 0px;
padding: 0px 0px 10px 0px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/posted_bas.gif);
background-repeat: no-repeat;
background-position: bottom;
color:#fff;
clear:both;
}
.postbottom-decorator2 {
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/posted_haut.gif);
background-position: top;
background-repeat: no-repeat;
min-height: 40px;
_height: 40px;
zoom: 1;
}

.content blockquote {
padding: 0px 0px 0px 10px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #582db5;
}

.content ul {
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.content li {
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/sidebar_liste_puce.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

.content p.posted {
padding: 0px 36px 0px 36px;
color:#fff;
}

a, TABLE.calendar a {
text-decoration: none;
}

a:link, TABLE.calendar a:link {
color: #ffffff;
}

a:visited, TABLE.calendar a:visited {
color: #ffffff;
}

a:hover, TABLE.calendar a:hover {
text-decoration: underline;
color: #ffffff;
}

a:active, TABLE.calendar a:active {
color: #ffffff;
}

#left .sidebar {
padding: 0px 0px 8px 0px;
font-size: 70%;
color: #cdb8f6;
margin: 0px 0px 0px 0px;
}
#right .sidebar {
padding: 0px 0px 8px 0px;
font-size: 70%;
color: #cdb8f6;
margin: 0px 0px 30px 0px;
}

.decorator1, .decorator2 {
padding: 0px;
margin: 0px;
}

.sidebar h2 {
color:#cdb8f6;
font-size: 110%;
font-weight: bolder;
text-transform: uppercase;
}
#left .sidebar h2 {
color:#cdb8f6;
font-size: 130%;
font-weight: bolder;
margin: 10px 0px 15px 50px;
text-transform: uppercase;
}

#right .sidebar h2 {
color:#cdb8f6;
font-size: 130%;
font-weight: bolder;
margin: 10px 0px 15px 15px;
text-transform: uppercase;
}

.sidebar ul {
padding: 0px;
margin: 0px;
}

.sidebar li {
list-style:none;
line-height: 150%;
margin: 0px 0px 0px 0px;
}
.sidebar li a {
padding: 0px 0px 6px 15px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/sidebar_liste_puce.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
.sidebar li a:hover {
padding: 0px 0px 6px 15px;
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/sidebar_liste_puce_hover.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

.sidebar li.description {
text-align: left;
margin: 0px 0px 15px 0px;
}

.sidebar li.album {
text-align: center;
}

.sidebar img {
padding: 4px;
border: 1px solid #cbafff;
background:#cbafff;
}

.sidebar li.link img {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align: -4px;
}

.box-decorator2 {
margin-bottom: 10px;
}

.link-note {
text-align: center;
line-height: 100%;
padding: 2px;
margin-bottom: 30px;
}

.link-note img {
border: 0px;
margin-bottom: 2px;
background: transparent;
}

.photo {
margin-bottom: 20px;
}

.sidebar a {
text-decoration: none;
}

.sidebar a:link {
color: #cdb8f6;
}

.sidebar a:visited {
color: #cdb8f6;
}

.sidebar a:hover {
color: #fff4c3;
}

.sidebar a:active {
color: #fff4c3;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#left li {
}

/* debut listes */

#left li a {
}
#left li a:hover {
}

#left #box-photoalbums li a {
background: none;
padding:0px 0px 0px 0px;
color: #cdb8f6;
}
#left #box-photoalbums li a:hover {
color: #fff4c3;
padding:0px 0px 0px 0px;
}

#left li.album{
background: none;
}
#left li.album a{
background: none;
padding: 0px 0px 0px 0px;
color: #cdb8f6;
}
#left li.album a:hover {
background: none;
color: #fff4c3;
padding: 0px 0px 0px 0px;
}

#left #box-recentcomments ul li{
}
#left #box-recentcomments ul li a{
display: inline;
border:none;
}
#left #box-recentcomments ul li a:hover{
display: inline;
border:none;
}

/* droite */

#right li {
}
#right li a{
}
#right li a:hover {
}
/* gauche sans bordures*/
#right #box-photoalbums li a{
background: none;
padding:0px 0px 0px 0px;
color: #cdb8f6;
}
#right #box-photoalbums li a:hover {
color: #fff4c3;
padding:0px 0px 0px 0px;
}

#right li.album {
background: none;
}
#right li.album a {
background: none;
padding:0px 0px 0px 0px;
color: #FFFFFF;
}
#right li.album a:hover {
background: none;
color: #fff4c3;
padding:0px 0px 0px 0px;
}

#right #box-recentcomments ul li{
}
#right #box-recentcomments ul li a{
display: inline;
border:none;
}
#right #box-recentcomments ul li a:hover{
display: inline;
border:none;
}

#box-recentcomments li a{
padding: 0px 0px 6px 0px;
background-image: none;
}
#box-recentcomments ul li{
padding: 0px 0px 6px 15px;
background-image: url(582db5/sidebar_liste_puce.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

#box-recentposts li a{
display: block;
}

#box-categories ul li{
padding: 0px 0px 3px 0px;
}
#box-categories li a{
display: block;
}

/* fin listes */

/* Calendar */
/*
Description des class jour
even, odd : permet de faire un jour sur deux
today : le jour meme
selected : jour o

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:38

bon, je me penche dessus et je te dis si je peux faire quelque chose

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 16:40

D'accord, c'est super gentil !! J'espère que tu va trouver hé hé Very Happy

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 17:18

Bon, j'ai testé, si tu veux changer la couleur des commentaires ça se passe à cette ligne :

.posttext, .listcontent {
background-image: url(http://static.hautetfort.com/backend/graphics/design/preview/set23/582db5/post_haut.gif);
background-repeat: no-repeat;
background-position: top;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
background-color: #cbafff;
color: #582db5;
}

Tu n'as qu'à changer avec le code couleur que tu souhaites.
Les codes couleurs sont dispos sur ce site : http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 17:39

Je suis re-là Smile

je vais tester pour voir ! Je reviens Smile

Déjà un GRANNND merciiii !

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 17:43

Heu j'ai changé le code de couleur pour essayer, ça fait rien :S

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 17:52

Et j'ai regardé le code de la couleur existante sur la feuille de style que tu as surligné en bleu, donc #582db5 et en fait ça donne le violet du fond... normalement ça devrait être blanc comme les commentaires non ? rahhh c'est compliqué tout ça !

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 17:56

Ok je vérifies.
------

normalement, ta couleur de fond est : background-color: #cbafff;

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 18:05

Oui de l'article, mais je parlais de la couleur du fond des commentaires qui est violet foncé et qui donne #582db5

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 18:27

Oui en effet, c'est aussi ta couleur de fond générale.
je cherche la partie qui gère les commentaires

Il n'y a que tes commentaires dont tu veux changer la couleur ?

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 18:33

Moi aussi je cherche la partie des commentaires mais j'ai un peu de mal -_-'

Sinon oui, c'est exactement comme tu dis, je veux seulement changer la couleur des mes commentaires (et non des autres).

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 19:22

Bon, j'ai pas trouvé le moyen de changer la couleur des commentaires et encore moins de différencier les tiens des autres.
J'ai trouvé où on peut changer la couleur de "écrit par" , c'est tout.
Mais quand tu réponds toi, tu peux pas gérer la couleur de tes messages ?

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 19:24

Ah bah je veux bien "écrit par" alors !! Ca sera déjà ça Smile

merci beaucoup d'avoir cherché !!!

Sinon non on peut strictement rien faire quand on répond !

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 19:29

alors c'est à ce niveau là alors :

.content p.posted a {
color: #fff;

pareil avec
.content p.posted a hover {

et beaucoup plus bas
.content p posted {

mais ça change aussi la couleur d'autres textes en bas des articles

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 19:56

Hiii merci !! J'aurai jamais su sans toi ^^ je trifouille tout ça !

Merci encore pour le temps passé dessus !

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 19:57

Mais j'y pense, c'est pas possible de créer une ligne de code ?

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 20:09

Si, mais j'en sais pas assez pour différencier quand c'est toi qui poste et quand c'est un autre

par contre j'ai inséré cette ligne pour changer la couleur des commentaires (juste avant .content p posted {):

.commentlist p {

color:#ff0020;

}
la couleur sur cette ligne est rose, tu peux mettre celle que tu veux à la place.

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 20:14

Wha c'est super pour changer la couleur des commentaires, merci pour le code ! t'en sais des choses ^^ !!

Mais sinon il faudrait quoi pour me différencier des autres ? une adresse email non ? faudrait faire un code avec mon adresse mail et comme ça il ne changera qu'avec moi... je sais pas si c'est cohérent

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 20:27

Bin je sais pas comment on peut créer cette variable, je suis encore novice en php.

Sujet: Re: Code HTML: besoin d'aide ! 26.10.08 20:31

D'accord, en tout cas merci de m'avoir aidé !!

» Toute la gamme Photoshop ( conseils aide etc )
» Nom de code: Lilouette
» Etiquettes (code barre n° élève) : questions/réponses
» Petit souci de code barre...
» Besoin d'aide !