Personalizar citação do fórum

[kmzarm0]

Detalhes da questão

Endereço do fórum: http://narutonewdawn.forumeiros.com/
Versão do fórum: PhpBB2

Descrição

Mudar a cor do fundo , ou colocar um janela como o exemplo

Código que tentei:

Exemplo de algo que queria fazer:

Resultados que obtive..:

[Cream]

Olá,

Tente desta maneira:

Código:

.codebox dd {
    border: solid 1px #000 !important;
}

Mude "#000" para a cor desejada. Quanto ao ícone no canto esquerdo, se você puder me enviar o link dele podemos encaixá-lo no código.

Até mais!

[kmzarm0]

Esse não deu

[while]

Olá autor,

poderia me fornecer sua folha de estilo css ?

Até mais.

[kmzarm0]

css:

[while]

Troque sua folha de estilo css por este:

Código:

body{background-attachment:no-repeat;background-color:#fff;}
/* simple */

.codebox dd {
    border: 1px solid #000 !important;
}

table.forumline div h2 a {
font-family:arial!important;
font-size: 13px!important;
}
a:hover {
text-decoration:none !important;}

/* mainmenu */

a.mainmenu { font-family:georgia;text-transform:lowercase;font-size:14px;margin-left:auto;letter-spacing:0px; }
a.mainmenu:hover {text-decoration:none !important;
letter-spacing:2px;
transition: letter-spacing .30s ease-in-out;
-moz-transition: letter-spacing .30s ease-in-out;
-webkit-transition: letter-spacing .30s ease-in-out;}
a.mainmenu img {
display:none;
}

/* forumlink : lien catégorie */

a.forumlink {
padding-left:20px;
font-family: Georgia;
font-size:10px;
text-transform:uppercase;
font-weight:lighter;
letter-spacing:2px;
padding-bottom:0px;
color:tomato !important;
-moz-transition-property: #65ac38;
-webkit-transition-property: #65ac38;
-o-transition-property: #65ac38;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s;
-o-transition-duration: 2s;
border-bottom: 1px dotted #e8ab6a;
}

a.forumlink:hover {
color:red !important;
letter-spacing:5px;
transition: letter-spacing 0.15s linear;
-moz-transition: letter-spacing 0.15s linear;
-webkit-transition: letter-spacing 0.15s linear;
}



/* lien du cadre "staff" et "arène" */

a.zone2 { text-transform:uppercase;
font-family:georgia;
font-size:10px;
float:right;}

a.zone2:hover { color:#ab7fc0 !important; }

/* liens des sous forums & cie */

.cadre2cat a {
color:#545454 !important;
text-decoration:none !important;
}
.cadre2cat a:hover {
color:#32c0ea !important;
text-decoration:none !important;
}

.cadre3cat a {
color:#fa6549;
text-decoration:none !important;
}

.cadre3cat a:hover {
color:#32c0ea !important;
text-decoration:none !important;
}

/***** FIN LIENS *****/


/*** SCROLLBAR ***/

::-webkit-scrollbar
{background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png');
height:10px;
width:10px}

::-webkit-scrollbar-thumb
{background:#a5a5a5;
background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png');
border-radius:30px}

/***** MODIFICATIONS TEMPLATES & BALISES BASE DE FORUMACTIF *****/

/* partenaires & cie */
.azerty { padding:10px;
font-family:tahoma;
border: 1px solid #cccccc;
background-color:#fff;
-moz-box-shadow:0px 0px 3px #308da9; box-shadow:0px 0px 3px #308da9; -webkit-box-shadow:0px 0px 3px #308da9;
}
/* mainmenu : div derrière */
.navbar {
display:block;
margin-top:5px;
margin-bottom:8px; }

/* titre de catégorie (administration & co) */

.cattitle {
color:#ed5547 !important;
letter-spacing:4px;
word-spacing:2px;
text-transform:uppercase;}

.cattitre {
background-color:none !important;
}


/* cadre du forum */

.bodyline {
background-color:#F2EFEF;
border:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0px 0px 8px tan;
}

/* corps d'un message */
.postbody {
padding:15px;
text-align:justify;}

/* sélection */

::-moz-selection {
background:#f27963;
color:white;}

::selection {
background:#f27963;
color:white;}

/* sélectionner le contenu de la balise code */

.selectCode {
float:right;
cursor: pointer;
}

/* code & cie */

.code, .quote, .spoiler_content, .spoiler_closed
{ padding:10px;
font-family:tahoma;
border: 1px solid #e8e7e7;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Blabla time !" ; }
#chatbox_header .catBottom .cattitle {
color: ;
}

/***** FIN MODIFS TEMP & BASES *****/


/***** FORUMS ET CATEGORIES : STYLE *****/

/* pkmns de cette zone */
.zone { float:right }

/* cadre englobant tous les forums */
.cadrecat {
background-color:#eeeeee;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; }

/* style de tous les cadres (description, sous forums, derniers messages) */

.cadre2cat, .cadre1cat, .cadre3cat {
border:1px solid #e0dfdf;
padding:3px;
background-color:#f1f1f1;
text-align:justify;}

.cadre2cat {
background-image:url('http://image.noelshack.com/fichiers/2012/27/1341362571-pokeball3op.png');
background-position: center;
padding-top:3px;
background-repeat:no-repeat;
text-align:left;
padding-left:4px;
line-height:80%;
}

.cadre2cat:hover {
background-image:url('http://image.noelshack.com/fichiers/2012/27/1341408337-pokeballl.png'); }

.cadre1cat {
line-height:85% !important;
}

.cadre1cat img {
padding-right:8px;}

.cadre3cat {
text-align:center !important;
valign:center;
font-size:11px;}


/* cadre 2 : description d'un forum */
.descdiv { padding-left : 16px;
overflow:auto}

/***** FIN FORUMS & CATEGORIES STYLE *****/

/***** CONTENU D'UN MESSAGE *****/

/* MODERATION RP */
nom { text-transform:lowercase;
font-family:arial;
font-weight:bold;
font-size:16px;
letter-spacing:-2px;}

.statspoke {font-size:12px;
line-height:11px;
margin-left:115px;
padding-top:10px;}

/* présentation */
.rpz { height:120px;
overflow:auto; }

/* présentation : bulle (eline) */
.bulle {
background-image:url('http://image.noelshack.com/fichiers/2012/35/1346275372-bulle.png');
height:90px;
width:240px;
background-repeat:no-repeat;
}

.bulletxt {height:75px; overflow:auto; padding-left:18px;
padding-top:4px;margin-top:3px;margin-bottom:4px;padding-right:4px;line-height:10px;}

/* titre principal : dans le cadre contenu */
.ouatitre {
display:block;
font-family: Georgia;
font-size:22px;
text-transform:uppercase;
text-align:center;
letter-spacing:0px;
color:#1fa8d1;
padding-bottom:3px;
border-bottom:1px solid #e2e2e2;
}

.ouatitre:hover { color:#5fa024;
letter-spacing:2px;
transition: letter-spacing .30s ease-in-out;
-moz-transition: letter-spacing .30s ease-in-out;
-webkit-transition: letter-spacing .30s ease-in-out; }

/* cadre principal : le même que cadre2cat & cie (sans le padding) */

.cadrecontenu {
margin:0px;
padding:15px;
border:1px solid #e9e8e8;
background-color:#f2f1f1;
text-align:justify;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

/* le cadre à l'intérieur du cadrecontenu */

.pticadre {
margin-left:10px;
margin-right:10px;
padding:10px;
font-family:tahoma;
border: 1px solid #dadada;
background-color:#f0f0f0;
-moz-box-shadow:0px 0px 3px #d3d3d3; box-shadow:0px 0px 3px #d3d3d3; -webkit-box-shadow:0px 0px 3px #d3d3d3;
}

/* ombre sur les images */
.ombre {
box-shadow: 0px 0px 3px;
-moz-box-shadow: 0px 0px 3px;
-wekbit-box-shadow:0px 0px 3px; }

/* sous titre */
.minisoustitre {
font-family:georgia;
font-size:16px;
color:#fd6e53;
text-transform:lowercase;
padding-left:25px; }

/* cadre du sous titre */
.contenu, .pikachu, .givrali, .poke, .leviator, .latios, .latias, .nido, .melo, .florizarre, .bulbi, .vert, .rouge, .neutre {
background-color: #f4f4f4;
padding:7px;
border: 1px solid #dbdbdb;
}

.vert { border: 1px solid #98c041;
border-bottom:3px solid #98c041;
height:100px;
overflow:auto;
margin:auto}

.neutre { border: 1px solid #d8d8d8;
border-left:3px solid #d8d8d8;
border-right:3px solid #d8d8d8;
height:100px;
overflow:auto;
text-align:center;
valign:middle;
margin:auto;
width:400px;}
.rouge { border: 1px solid #ff7247;
border-top: 3px solid #ff7247 ;
height:100px;
overflow:auto;
margin:auto;}
/* backgrounds du cadre sous titres */


/* PUCES des lists */
.contenu ul, .pikachu ul, .leviator ul, .poke ul, .givrali ul, .latios ul, ul, .nido ul, .melo ul, .florizarre ul, .bulbi ul {
list-style-image: url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/34.gif');
}

ol {
list-style-image: url('http://image.noelshack.com/fichiers/2012/27/1341758289-bububu.png');
}

/* balise mini */
MINI { color:#66ab13;
font-weight:bold; }
MINI2 { color:#2ea7df;
font-weight:bold; }
MINI3 { color:#ff7247;
font-weight:bold; }

SU { display:block;
font-family:georgia;
text-transform:uppercase;}

/***** FIN CONTENU DES MESSAGES ******/

/***** PROFIL *****/

/* cadre profil */
.cadreprofil1, .cadreprofil2 {
background-color:#f0f0f0;
padding:3px;
margin:2px;
margin-top:5px;
border: 1px solid #e4e4e4;
}

.cadreprofil2 { background-image:url('http://image.noelshack.com/fichiers/2012/27/1341335775-pokeball2.png');
background-position: bottom right;
background-repeat:no-repeat; }

/* rang texte */
.rangtexte { font-size:9px; text-transform:uppercase; font-weight:bold; text-align:center; display:block; line-height:7px;}


/* arène & staff */

.staffou { background-color:#e8e8e8; padding:5px;}
.staffou2 { background-color:#e8e8e8; padding:1px; }
.staffou3 {line-height:10px;}

.titoustaff { font-family:georgia; text-align:right; color:#dc5966; background-color:#f2f2f2;padding-right:5px; }
.titoustaff a { color:#dc5966; }

.titoustaff a:hover { color:#4b9aab; }

/***** FIN PROFIL *****/

/***** STOCKAGE POKEMON - TCARDS (PAS BESOIN DE CHANGEMENT SELON LE THEME) *****/

.titreboite {
color:white;
text-shadow:1px 1px 0px black; }

.boite { background-image:url('http://image.noelshack.com/fichiers/2012/35/1346148047-boite-pc.png');
height:193px;
width:250px;
background-repeat:no-repeat;
padding-top:4px;
margin: auto; }

.boitepokemon { padding:5px;padding-left:8px;}

.infobulle {
position:relative; /* on définit le bloc comme référent */
padding:10px;
float:left;
}
/*le contenu de la bulle*/
.infofo { text-align:center;
padding:10px;
}

.infobulle > div {
display: none; /* infobulle cachée par défaut */
}

.infobulle:hover {
background: none; /* correction d'un bug IE */
}

/* au survol du bloc, on fait apparaitre la 'bulle' */
.infobulle:hover > div {
display: inline; /* on fait apparaitre l'infobulle (on peut mettre inline aussi si besoin) */

position: absolute; /* on va la positionner */
top:15px; /* de 0 pixels par rapport au haut de l'élément survolé */
left: 50px; /* de 50px par rapport au côté gauche de l'élément survolé */
z-index:25; /* on met l'élément au dessus du reste */

/* et après on peut mettre les propriétés de taille, couleur, forme, etc de l'infobulle */
width:220px;
height:155px;
background-repeat:no-repeat;
overflow:auto;
background-image:url('http://image.noelshack.com/fichiers/2012/35/1346148206-pc-boite-description.png');
padding:5px;
}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(245,245,245)), color-stop(1.00, rgba(245,245,245,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#00f5f5f5, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#00f5f5f5, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;

-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
.titreforum {
font-size: 18px;
color: red;
text-align: center;
}
.categ {
width: 140px;
height: 120px;
background-color: ;
border-radius: 60px 90px / 15px 30px;
border-width: 2px;
border-color: ;
border-style: double;
box-shadow: 3px 3px 0px #000000;
margin: 10px;
}
.h1,h2{
font-size:25px;
border-bottom: 1px dotted darkred;
width: 70%;
height: 30px;
color: red;
text-align: center;
text-shadow: 1px 1px 0px #fff;
margin: auto;
font-family:time new roman;
}
.h1,h2:hover{
font-size: 25px;
border-bottom: 1px dotted darkred;
width: 70%;
height: 30px;
color: Saddlebrown;
text-align: center;
text-shadow: 1px 1px 0px Tan;
margin: auto;
font-family:time new roman;
}
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer;
color: tomato;}
.signature_div img {
max-height:300px;
max-width:500px;
}
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:820px; /*--- pour régler la largeur de la barre ---*/
background-color: #fff; /*--- On donne une couleur au fond ---*/
border:1px #Couleur solid; /*--- On ajoute une bordure ---*/
margin-left:-410px; /* pour centrer: largeur divisée par -2 */
left:50%;
opacity: 0.9;
height: 25px;
}
/* QEEL */
.onglet {
background-color: #fff ;
border-right: 5px solid #e8ab6a;
border-left: 5px solid #e8ab6a;
border-top: 1px dotted #e8ab6a;
border-bottom: 1px dotted #e8ab6a;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold;
text-align: center;
color: #000;}

.message {
background-image:url('http://img15.hostingpics.net/pics/548363747808Yowane.jpg');
height: 150px;
border-right: 5px solid #e8ab6a;
border-left: 5px solid #e8ab6a;
border-top: 1px dotted #e8ab6a;
border-bottom: 1px dotted #e8ab6a;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: justify;
color: #000;}
a {
cursor : help;
}

/*Cadre qui entoure les noms et les stats*/

.cadrefo {border: 1px solid #dbceb8;
border-bottom: 2px dotted #dbceb8;
margin-top: 5px;
background-color:#000000; }
/*Cadre qui entoure toute la partie basse*/
.cadreentier {border: 1px solid #dbceb8;
border-top: none;
height: 130px;
margin-bottom: 5px;
background-color: #dbd8d8;}
/* Cadre qui entoure la description du forum et les sous-forums*/
.cadredescri {
height: 125px;
background-color:#dbd8d8;
}

/*Css ecriture description*/

.ecriture {height: 105px;
overflow: auto;
text-align: justify;
padding: 10px;
font-size: 11px;
}

/*nombre total message et post*/

.infosstat {width: 170px;
float: right;
}

/*dernier message posteur etc*/

.lastpost {padding: 10px;
font-size: 11px;
width: 90px;
height: 50px;
margin-left: 10px;
text-align: center;}

OBS: Já adicionei o css do Cream, portanto, seu codebox com certeza terá uma borda preta.
Podes personalizar com novas propriedades a partir do código dele, está na linha 4 na sua folha de estilo css (a que eu mandei)

Até mais.

[kmzarm0]

Resolvido

[while]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".