Tirando letras é colocando imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 05/04/14, 12:59 pm

Qual é minha questão:
Minha dúvida é que, eu não sei como remover essas letras do menu é já fui em painel de controle, lá em visualizações, gestão das imagagens coloquei as imagens que quero é nada mudou



Endereço do meu fórum:
http://narutocrazy.forumeiros.eu

Versão do fórum:
PHPBB2
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Skilo! em 05/04/14, 01:14 pm

Painel de Controle >> Visualização >> Pagina Inicial >> Cabeçalho & Navegação >> Menu de navegação das paginas >>
Na opção ''Exibir apenas as imagens no menu de navegação'' tem a opção de ''SIM ou NAO'' coloque sim. Feliz
avatar

Skilo!
Nível 4

Masculino
Inscrito dia : 19/11/2013
Mensagens : 32
Pontos Ativos : 54

Ver perfil do usuário http://lifedirectioner.forumeiros.com/

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 05/04/14, 01:19 pm

não fuciono
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Skilo! em 05/04/14, 01:20 pm

você ja colocou as imagens no lugar de cada item do menu?..

Antes você precisa ter os "botoes" que deseja colocar, se ja tiver eles, me avise que te ensino a colocar. Feliz
avatar

Skilo!
Nível 4

Masculino
Inscrito dia : 19/11/2013
Mensagens : 32
Pontos Ativos : 54

Ver perfil do usuário http://lifedirectioner.forumeiros.com/

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 05/04/14, 01:41 pm

já tenho é ja colocquei
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Skilo! em 05/04/14, 01:54 pm

@TsukuneKunn escreveu:já tenho é ja colocquei

se ja colocou, é só fazer oque te falei acima e SALVAR amigo Feliz...

mais de acordo com a imagem que você postou, você ainda não colocou as imagens porque não esta aparecendo nada ao lado do menu do cabeçalho.

Para colocar faz isso:

PRIMEIRO CLIQUE NA ENGRENAGEM DO MENU QUE DESEJA ALTERAR OU SUBSTITUIR POR IMAGEM:



DPS VAI APARECER ASSIM COMO ABAIXO,



ENTAO O LUGAR MARCADO DE PRETO VOCÊ COLOCA O LINK DA IMAGEM QUE VAI APARECER NO MENU, E O LUGAR MARCADO DE VERMELHO É AONDE VC SALVA APOS TER FEITO TUDO.



Feito isso é só você fazer igual te falei na primeira mensagem.
avatar

Skilo!
Nível 4

Masculino
Inscrito dia : 19/11/2013
Mensagens : 32
Pontos Ativos : 54

Ver perfil do usuário http://lifedirectioner.forumeiros.com/

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 06/04/14, 12:24 am

ainda não funfo
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por ShiroK em 06/04/14, 01:20 am

Olá,

Pode nos fornecer seu código CSS? Provavelmente ao mudar o tema, o próprio tema força o menu com códigos CSS, e se possível pode nos dizer se você modificou o seu template?

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 06/04/14, 10:57 am

CSS
Spoiler:

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

a {
text-decoration:none !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://illiweb.com/fa/pbucket.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;}
.quote {
padding-left: 30px !important;
background: url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;
border: 1px solid #F36!important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #ff2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #a0a0a0;
max-width: 1300px;
overflow: auto;
padding: 10px 10px 10px 30px;
word-wrap: break-word;
}
a[href="/u1"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u2"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u1"] {
  text-shadow: 0 0 5px;
}
a[href="/u2"] {
  text-shadow: 0 0 5px;
}
a[href="/u9"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u9"] {
  text-shadow: 0 0 5px;
}
#fa_right a:nth-child(1) {
font-size: 11px;
}
#fa_right a:nth-child(2) {
font-size: 11px;
background: #7BA60D center;
border: 1px solid #7BA60D;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 1px 4px rgba(0,0,0,0.4);
color: #FFF;
display: inline-block;
padding-right: 4px;
padding-left: 4px;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
body {
 background-color: black;
 background-image: url("http://turnlol.com/images/2012/10/naruto-shippuden-scenic-konoha-villages-fresh-hd-wallpaper.jpg");
 background-position: center center;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.bodylinewidth {
width: 980px !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
   #fa_hide {
   display: none!important;
   }
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Hancki em 06/04/14, 05:47 pm

Olá!

Substitua o seu CSS todo por este:
Código:

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

a {
text-decoration:none !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;}

/* 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://illiweb.com/fa/pbucket.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;}
.quote {
padding-left: 30px !important;
background: url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;
border: 1px solid #F36!important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #ff2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #a0a0a0;
max-width: 1300px;
overflow: auto;
padding: 10px 10px 10px 30px;
word-wrap: break-word;
}
a[href="/u1"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u2"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u1"] {
  text-shadow: 0 0 5px;
}
a[href="/u2"] {
  text-shadow: 0 0 5px;
}
a[href="/u9"] {
background-image:url(http://i.imgur.com/ZFoje.gif)
}
a[href="/u9"] {
  text-shadow: 0 0 5px;
}
#fa_right a:nth-child(1) {
font-size: 11px;
}
#fa_right a:nth-child(2) {
font-size: 11px;
background: #7BA60D center;
border: 1px solid #7BA60D;
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 1px 4px rgba(0,0,0,0.4);
color: #FFF;
display: inline-block;
padding-right: 4px;
padding-left: 4px;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
body {
 background-color: black;
 background-image: url("http://turnlol.com/images/2012/10/naruto-shippuden-scenic-konoha-villages-fresh-hd-wallpaper.jpg");
 background-position: center center;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.bodylinewidth {
width: 980px !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
  #fa_hide {
  display: none!important;
  }
Depois, basta adicionar as imagens como já foi explicado acima.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 06/04/14, 07:36 pm

Olha lá no fórum como ficou!  :/ 

http://narutocrazy.forumeiros.eu/
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Hancki em 06/04/14, 08:05 pm

Use mais este CSS:
Código:
a.mainmenu img[src="http://illiweb.com/fa/empty.gif"] {
    display: none !important;
}
a.mainmenu img {
   min-width: 100px;
   height: auto;
}
a.mainmenu {
   font-size: 0px !important;
}
Resultado: http://prntscr.com/37od1j

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 06/04/14, 09:51 pm

cadê os outros botões?
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Resolvido Re: Tirando letras é colocando imagens

Mensagem por Hancki em 07/04/14, 07:44 am

Basta os adicionar você.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Tirando letras é colocando imagens

Mensagem por TsukuneKunn em 07/04/14, 10:05 am

eu já havia colocado, mais deixa obrigado! Chorando ou muito tr 
avatar

TsukuneKunn
Nível 5

Masculino
Inscrito dia : 09/03/2014
Mensagens : 35
Pontos Ativos : 69

Ver perfil do usuário http://nrt-ultimatesaisen.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum