Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» [Logo] Musculação
Hoje à(s) 4:33 por P.H

» [Logo] Pássaros
Hoje à(s) 3:45 por P.H

» Problemas na ativação do Formulario
Hoje à(s) 1:59 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 0:29 por YouTube3

» Personalizar SCEditor
Hoje à(s) 0:29 por YouTube3

» Personalizar Widget
Ontem à(s) 23:39 por YuriGama

» Bug na Pagina HTML
Ontem à(s) 23:37 por xBreninho_.

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
77 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 77 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar anúncios rotativos

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

Resolvido Personalizar anúncios rotativos

Mensagem por Harleen em Qui 3 Dez 2015 - 15:43

Detalhes da questão


Endereço do fórum: http://soulfulbrmusic.forumais.com/forum
Versão do fórum: PunBB

Descrição


Boa Tarde a todos, gostaria de criar o mesmo efeito dessa imagem, no sistema de anúncios do fórum
Spoiler:

É do site R7

Obrigada desde já


Última edição por Harley Quinn em Qua 9 Dez 2015 - 13:53, editado 2 vez(es)

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por JrMAFiA em Qui 3 Dez 2015 - 20:34

Algo Similiar:
Código:
#fa_ticker_block {
    padding-top: 12px;
    position: relative;
}
#fa_ticker_block:before {
    content: url('http://i21.servimg.com/u/f21/18/76/69/60/aarow110.png');
    left: 10px;
    position: absolute;
    top: 0;
}
#fa_ticker_block .module {
    background: #369FCF;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #FFF;
    font-size: 11px;
    margin: 10px 0;
    padding: 6px 0;
    position: relative;
}

Feito isto, você salva e vai em Painel de Controle > Geral > Mensagens e Emails > Anuncios

Você deixa assim configurado:

- Deixa a opção Ativar os anúncios marcada em sim.
- Exibição dos anúncios opcional.
- Scrolling marcada em desativar.
- E as demais são opcional também.

Depois disto, você salve e desce um pouco mais ainda ai, e clique no botão +, e crie um anuncio.

Simples não? espero ter entendido.

Feliz

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 1233

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Qui 3 Dez 2015 - 22:36

Olá Gustavo agradeço a ajuda, mas seria como na foto mesmo e também ficou um pouco desalinhado.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Fraise em Qui 3 Dez 2015 - 23:01

Boa noite, senhora.

Poderia fornecer o endereço do fórum em que viu tal função?

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7161

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Qui 3 Dez 2015 - 23:10

Boa noite Fraise o site é o R7, se encontra logo no início.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Sab 5 Dez 2015 - 1:28

UP!

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por JrMAFiA em Sab 5 Dez 2015 - 21:27

Olá se for o alinhamento adicione em sua css:
Código:
widtht 90%
}
height 90%

Bom o maximo que fiz:

Bom eu até tentei ver se eu conseguia pegar o codigo,mais não da o codigo tem que adaptá-lo.

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 1233

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Dom 6 Dez 2015 - 14:48

Olá Gustavo, não é o alinhamento é que eu gostaria mesmo do efeito da imagem
Que está no site!

Desde já agradeço

P.S. o site é o R7.com

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Seg 7 Dez 2015 - 12:46

Bom dia!

Vamos aos poucos... ok? Adicione esse CSS:
Código:
#fa_ticker .fa_ticker_content:before {content: "MATEUS";height: 40px;font-weight: bold;background:#258acd;padding: 15px;position: absolute;left: -90px;line-height: 1px;
color: white}
 
#fa_ticker {line-height: 10px !important;}
E ative os anúncios!
Seta Troque o nome "MATEUS" no código pelo que desejar.

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Seg 7 Dez 2015 - 13:11

Bom dia Mateus, já inseri o código e ativei os anúncios...
E agora? Muito feliz

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Slurk em Ter 8 Dez 2015 - 0:35

Adicione mais esse codigo CSS na sua folha de estilo

Código:
.module .main-content {
    outline: 1px solid #eee;
    overflow: hidden;
    line-height: 38px;
    margin-top: 1px;
}

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 810

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Ter 8 Dez 2015 - 12:21

Não resultou, desalinhou os widgets...

@MateusAnjosV com esse código é possível ativar os anúncios rotativos, ou tem que ser apenas 1?

Agradeço.

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Ter 8 Dez 2015 - 20:24

Eu estou fazendo o possível para deixa-lo nos anúncios rotativos, mas é um CSS um tanto chato – fora a quantidade de tópicos que tem no fórum e meu tempo disponível –, a senhorita deseja apenas um? Ou estou certo em adaptar para rotativo?

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Ter 8 Dez 2015 - 20:27

Olá Mateus pode fechar o tópico, irei utilizar imagens ou darei outro jeito.
Desde já agradeço a ajuda e desculpe o incomodo Envergonhado

Editado

Irei aguardar o código Mateus, obrigada Estilo cool

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Ter 8 Dez 2015 - 20:53

Olá senhorita! Piscada

Adicione em seu CSS:
Código:
 /* parte esquerda */
  #pe {
    background: #2489CD;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    max-height: 26px;
    padding: 10px !important
    text-align: center;
    width: 50px;
    z-index: 4;
  }
  #corpo {float: left}
#pe:after {
    border-bottom: 18px solid transparent;
    border-left: 15px solid #2489CD;
    border-top: 20px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 13px;
    margin-right: 10px;
    position: absolute;
    top: -2px;
    vertical-align: middle;
    width: 0;
    z-index: 5;
    }

  /* parte direita */
#pd { 
    background: #F9FAFA;
    border: 1px solid #F2F2F2;
    border-left: none!important;
    color: #000;
    font-family: Arial;
    font-weight: 700;
    height: 17px;
    left: 70px;
    max-height: 30px;
    padding: 10px 10px 10px 50px;
    position: relative;
    text-align: left;
    top: -37px;
    line-height: 13px;
    width: 400px;
    z-index: 1;
    font-size: 20px;
  }

E no anúncio, utilize:
Código:
<div id="corpo">
    
   <div id="pe">
      FDF
   </div>
    
   <div id="pd">
      Harley Quinn
   </div>
</div>
Seta Harley Quinn é o texto do anúncio do lado direito.
Seta FDF é o texto do lado esquerdo, você pode editar ambos.
Exemplo de preenchimento:
Seta http://prntscr.com/9bw79n

Seria assim?

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Ter 8 Dez 2015 - 21:07

É isso mesmo Mateus, você é 10!
Mas percebi que se inserir uma palavra grande no lugar de "FDF" fica esticado, em que parte eu posso regular o tamanho?

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Ter 8 Dez 2015 - 21:10

Fico feliz que tenha resultado. Muito feliz
Para regular o tamanho, procure por:
Código:
    width: 50px;
E com isso, consequentemente a seta deve ir para a direita, você pode move-la nessa parte:
Código:
 margin-left: 13px;

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Ter 8 Dez 2015 - 22:06

Olá Mateus eu já regulei esses tamanhos porém, ainda não está do jeito que quero. Rindo
Neste anúncio a palavra é "Neo Soul" e como você pode ver está cortada, só regular esse tamanho e vai ficar mara!


Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Qua 9 Dez 2015 - 13:45

Hm... adicione mais esse CSS:
Código:
  #pe {z-index: 15 !important;width: 100px !important}
  #pd {z-index: 2 !important;left: 120px;}
A intenção é ficar assim:

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em Qua 9 Dez 2015 - 13:53

Bom dia Mateus!
É isso mesmo, mais uma vez agradeço a paciência. Legal!

Resolvido

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 558
Pontos Ativos : 2449

http://antenadogames.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em Qua 9 Dez 2015 - 14:04

De nada. Muito feliz

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2398

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5