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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
62 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 60 Visitantes :: 1 Motor de busca

Cream, staay03

[ 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 : 539
Pontos Ativos : 2352

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 : 314
Pontos Ativos : 1062

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 : 539
Pontos Ativos : 2352

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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 : 539
Pontos Ativos : 2352

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 : 539
Pontos Ativos : 2352

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 : 314
Pontos Ativos : 1062

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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 : 539
Pontos Ativos : 2352

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

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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 : 539
Pontos Ativos : 2352

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 : 1413
Pontos Ativos : 2317

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