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
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

Quem está conectado
270 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 263 Visitantes :: 2 Motores de busca

[SRD]JimClark, _AXE_PM_AXE_, iHeloaD, Kyo Panda, Paulo Giacomelli, Sennior, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 03/12/15, 01:43 pm

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 09/12/15, 11:53 am, editado 2 vez(es)
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por JrMAFiA em 03/12/15, 06:34 pm

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
avatar

JrMAFiA
Usuário avançado

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

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 03/12/15, 08:36 pm

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


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Fraise em 03/12/15, 09:01 pm

Boa noite, senhora.

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

Até mais.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 03/12/15, 09:10 pm

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


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 04/12/15, 11:28 pm

UP!


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por JrMAFiA em 05/12/15, 07:27 pm

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.
avatar

JrMAFiA
Usuário avançado

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

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 06/12/15, 12:48 pm

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


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 07/12/15, 10:46 am

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 07/12/15, 11:11 am

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


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Slurk em 07/12/15, 10:35 pm

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;
}
avatar

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 08/12/15, 10:21 am

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.


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 08/12/15, 06:24 pm

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?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 08/12/15, 06:27 pm

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
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 08/12/15, 06:53 pm

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?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 08/12/15, 07:07 pm

É 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?


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 08/12/15, 07:10 pm

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 08/12/15, 08:06 pm

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!



HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 09/12/15, 11:45 am

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:
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por Harleen em 09/12/15, 11:53 am

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

Resolvido


HarleenAjudeira - Fórum dos Fóruns


Regulamento do Fdf | Staff do FDF | Perguntas Fequentes
Tutoriais, Dicas e Astúcias


Quando a questão for solucionada, não esqueça de clicar no botão Seta curta Resolvido
MP apenas para assuntos importantes.
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 928
Pontos Ativos : 1288

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Personalizar anúncios rotativos

Mensagem por MateusAnjosV em 09/12/15, 12:04 pm

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".
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

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