Logos aleatórios

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

Resolvido Logos aleatórios

Mensagem por Udiinese em 20/06/13, 03:18 pm

Qual é minha questão:
Eu já tentei por que nem o tutorial feito pelos adms daqui, porém não resultou. Tentei sim por no HTML e dps na Descrição do Site, mas simplesmente não apareceu a imagem, ficou sem logo ou continuou o que já estava, o definitivo em "Gestão de Imagens".

Endereço do meu fórum:
http://sofworlds.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Udiinese
Nível 4

Masculino
Inscrito dia : 10/04/2013
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://ultimate-pixel.ultimaterpg.net/forum

Resolvido Re: Logos aleatórios

Mensagem por North em 20/06/13, 04:05 pm

Olá,

Vou resumir para você, vamos trabalhar o seguinte código:
var banner = new Array();

banner[0]='ENDERECO_DA_IMAGEM';

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
A parte laranja deve ser configurada. Ela pode se repetir quantas vezes quiser pois cada uma das linhas representa um logo, podem ter três, quatro, cinco... Mas cada uma tem de ter seus valores.

banner[0]='ENDERECO_DA_IMAGEM';
Verde -> Este valor é o número de identificação do logo, cada linha terá de ter um número diferente. Ele se inicia no zero, sendo assim, se tem três logos, o valor dele seria um número a menos, no caso dois:
banner[0]='ENDERECO_DA_IMAGEM';
banner[1]='ENDERECO_DA_IMAGEM';
banner[2]='ENDERECO_DA_IMAGEM';
Laranja -> Endereço da imagem.

Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Preencha os campos da seguinte forma:
Título: Logos aleatórios
Você deseja utilizar o início e o final da página do seu fórum? Marque não
Usar esta página como página inicial? Marque não
Código HTML: Coloque aqui o código que montamos

Salve e clique novamente em Gestão das páginas HTML para recuperar o endereço da página criada. Terá de encontrar a página HTML que criou e copiar o endereço da mesma.

Copie e para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site".

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Em ENDERECO-DA-PAGINA-HTML colocaremos o endereço que copiamos da página que criamos com o código.

Seguindo esses passos, está livre de erros.

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Logos aleatórios

Mensagem por Udiinese em 20/06/13, 05:30 pm

Não resultou :/
avatar

Udiinese
Nível 4

Masculino
Inscrito dia : 10/04/2013
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://ultimate-pixel.ultimaterpg.net/forum

Resolvido Re: Logos aleatórios

Mensagem por North em 20/06/13, 11:51 pm

A versão do seu fórum é mesmo PHPBB3? Eu testei aqui e funcionou perfeitamente. Nos forneça o seu CSS por gentileza para eu ver se algo está impedindo o funcionamento.

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Logos aleatórios

Mensagem por Udiinese em 21/06/13, 11:31 am

Bom, o meu forúm é PHPBB3 mesmo .. E aqui está o código.

Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #2a0101; 
border-right: solid 15px #2a0101;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
.forabg {
    border-bottom: 20px solid #0000;
    border-radius: 0px 0px 0px 0px;
    }


/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
  
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}

/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/

#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}

.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-image: url('');
}
.module {
background-url'');
}

    .module {
    background: url('');
    }

#comments_scroll_div{
   background: url('');
   background-repeat: no-repeat;
   margin-top:-40px;
   margin-left:-7px;
   text-align: left;
   width: 230px;
   height:268px;
   }



#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }


    .module{
    background-color:transparent;
    }

/*Logo forum*/
#logo {margin-left: -13px;
margin-top: -12px;}


/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014;  
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F; 
border-right: solid 15px #4D123F;
}



/*aspecto do nome dos usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: left;
margin-top: 4px;
}

/*estilo das legendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*cor do fundo dos autores de um post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}

p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}

/*Barra Editar,Apagar e citar movimento*/

.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}

/*mensagens*/
ul#picture_legend {
background-color: #090706;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}



/*Título das Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i51.tinypic.com/20pwmy8.jpg');
border-left: 20px solid #2a0101;
  border-rigth: 20px solid #2a0101;
text-align: left;
}

.table-title, .table-title h2 {
color: #COLOR;
font: 33px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
  text-shadow: 0px 2px 3px #666;
}

/*Títulos dos forums*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 18px Arial;
letter-spacing: 3px;  
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 200px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
  text-shadow: 0 0 20px #B22222, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
}

/*lo que hace que se baje el cuadro del chrome*/

#helpbox.helpline {
display:none;
}

/*Code, Spoiler e Quote*/
dl.codebox {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}

blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }

    .postprofile a img:hover {
      opacity: 1;
    }

.postprofile {
    display: block;
    text-align: left;}

    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }

/**Menu Hover**/
.mainmenu {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}.mainmenu:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}

/**Descrição dos fórums**/
.d1 {
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
}

/**Barra de Rolamento**/
::-webkit-scrollbar {
width: 15px;
height: 10px;
}




:-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 30px;
display: block;
background-color: #2a0101;
}

::-webkit-scrollbar-track-piece  {
  background-image: url('http://i.imgur.com/GyMFv.png');
  opacity: 0.8;
}

/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: auto;
background-color: #2a0101;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 100px;
background-color: #2a0101;
}

/*Hover nas categorias*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
  -webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*Bordas dos widgets*/
.module{
border:15px solid #2a0101;
}

/*Logo hover*/
#logo-desc {
opacity: 0.9; 
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}
#logo-desc:hover {
opacity: 1.0; 
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}

/*Imagem hover*/
img {
opacity: 0.9;
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
filter: alpha(opacity=9);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
img:hover {
opacity:1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}

.post {
 border: 1px solid black;
  border-radius: 13px 13px 13px 13px;
  background: #B22222;
  color: white;
}
.post {
 border: 1px solid black;
  border-radius: 20px 20px 20px 20px;
  background: #1C1C1C;
  color: white;
}

Se precisar, aqui está também a página criada. http://sofworlds.forumeiros.com/h1-logos-aleatorios
Eu pus esses logos como exemplo, para posteriormente caso funcionasse, tirá-los.
avatar

Udiinese
Nível 4

Masculino
Inscrito dia : 10/04/2013
Mensagens : 30
Pontos Ativos : 50

Ver perfil do usuário http://ultimate-pixel.ultimaterpg.net/forum

Resolvido Re: Logos aleatórios

Mensagem por North em 21/06/13, 02:01 pm

Olá,

Troque o seu CSS por este e vê se obtém algum resultado.

Código:
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #2a0101;
border-right: solid 15px #2a0101;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
.forabg {
    border-bottom: 20px solid #0000;
    border-radius: 0px 0px 0px 0px;
    }


/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
 
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}

/*Subir el Navar*/
#page-header .navbar{
margin-top: -25px;
}
/*widgets*/

#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}

.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-image: url('');
}
.module {
background-url'');
}

    .module {
    background: url('');
    }

#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }



#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }


    .module{
    background-color:transparent;
    }

/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}



/*aspecto do nome dos usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: left;
margin-top: 4px;
}

/*estilo das legendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*cor do fundo dos autores de um post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}

p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}

/*Barra Editar,Apagar e citar movimento*/

.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}

/*mensagens*/
ul#picture_legend {
background-color: #090706;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}



/*Título das Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i51.tinypic.com/20pwmy8.jpg');
border-left: 20px solid #2a0101;
  border-rigth: 20px solid #2a0101;
text-align: left;
}

.table-title, .table-title h2 {
color: #COLOR;
font: 33px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #COLOR;
  text-shadow: 0px 2px 3px #666;
}

/*Títulos dos forums*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 18px Arial;
letter-spacing: 3px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
padding-left: 200px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
  text-shadow: 0 0 20px #B22222, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
}

/*lo que hace que se baje el cuadro del chrome*/

#helpbox.helpline {
display:none;
}

/*Code, Spoiler e Quote*/
dl.codebox {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}

blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }

    .postprofile a img:hover {
      opacity: 1;
    }

.postprofile {
    display: block;
    text-align: left;}

    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }

/**Menu Hover**/
.mainmenu {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}.mainmenu:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}

/**Descrição dos fórums**/
.d1 {
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
}

/**Barra de Rolamento**/
::-webkit-scrollbar {
width: 15px;
height: 10px;
}




:-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 30px;
display: block;
background-color: #2a0101;
}

::-webkit-scrollbar-track-piece  {
  background-image: url('http://i.imgur.com/GyMFv.png');
  opacity: 0.8;
}

/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: auto;
background-color: #2a0101;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 100px;
background-color: #2a0101;
}

/*Hover nas categorias*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
  -webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*Bordas dos widgets*/
.module{
border:15px solid #2a0101;
}

/*Imagem hover*/
img {
opacity: 0.9;
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
filter: alpha(opacity=9);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
img:hover {
opacity:1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}

.post {
 border: 1px solid black;
  border-radius: 13px 13px 13px 13px;
  background: #B22222;
  color: white;
}
.post {
 border: 1px solid black;
  border-radius: 20px 20px 20px 20px;
  background: #1C1C1C;
  color: white;
}

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.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