Tutorial: Avisos em formato de fita (como no vBHispano)

UndeR · 17/04/2011

Olá amigos,

Obrigado por isso. Ficou espetacular, mas retomando a pergunta... poderiam nos dar os passos para fazer um rodapé como o do vbhispano? É perfeito!

darktano · 24/04/2011

desculpe amigo, tenho um fórum com vbulletin 4.1.2 e adiciono o que foi escrito antes à minha template additional.css, mas não consigo mudar nada. Faço a alteração tanto no estilo que vem por padrão quanto no que instalei e não vejo nenhuma mudança no tema que instalei, onde posso fazer a modificação? saudações e desculpe pelo incômodo

M@RBOL · 02/05/2011

Amigo, uma pergunta: em que parte do additional.css o código é colado?

saudações e perdoe minha ignorância
Marbol

DiCHANHO · 03/05/2011

M@RBOL disse:
Amigo, uma pergunta: em que parte do additional.css o código é colado?

saudações e perdoe minha ignorância
Marbol

No final ou no início, não muda nada e funciona igual, eu recomendaria colocar no final. O único inconveniente que pode haver é você ter outras tags com o mesmo nome, mas não creio.

Saudações.

ZEL · 08/05/2011

tetsenoske disse:
sim... o rodapé seria bom também 😀
--------------------

haveria a possibilidade de colocar uma fita do estado do usuário -conectado/desconectado- mas colocá-la no postbit_legacy, algo como uma barrinha que diga, "Conectado" "Desconectado"????
algo como nesta imagem:

Ver o anexo 4667

saudações 🙂

Isso sim parece muito, mas muito interessante, eu já vi em vários fóruns

MacGiber · 27/07/2011

como edito a cor da fita {amarela} para branco? qual seria a linha a editar.

MacGiber · 27/07/2011

como edito a cor da fita {amarela} para branco? qual seria a linha a editar.

Khriz · 27/07/2011

MacGiber disse:
como edito a cor da fita {amarela} para branco? qual seria a linha a editar.

ninjemys oweni disse:
Na mesma template onde o código é adicionado, procure por isto
.vbipostbit {
margin-top: 2px;
margin-button: 2px;
padding: 4px;
background-color: #BBC3CD;
border: 1px solid #BBC3CD;
e mude a cor do que está em vermelho pela cor que você quiser e pronto

tentou com o que diz ninjemys owen ? xd

Khriz · 27/07/2011

MacGiber disse:
como edito a cor da fita {amarela} para branco? qual seria a linha a editar.

ninjemys oweni disse:
Na mesma template onde o código é adicionado, procure por isto
.vbipostbit {
margin-top: 2px;
margin-button: 2px;
padding: 4px;
background-color: #BBC3CD;
border: 1px solid #BBC3CD;
e mude a cor do que está em vermelho pela cor que você quiser e pronto

tentou com o que diz ninjemys owen ? xd

MacGiber · 27/07/2011

hum, editei mas continua da mesma cor, essa solução é apenas para o postbit, nada a ver com o tutorial do Angel.

MacGiber · 27/07/2011

hum, editei mas continua da mesma cor, essa solução é apenas para o postbit, nada a ver com o tutorial do Angel.

Khriz · 27/07/2011

MacGiber disse:
um lo editado pero se queda del mismo color , esa solucion solo es para el postbit nada que ver con el tuto de Angel.

Me disculpo! fue una distraccion xD.
Angel solo agrega un estilo adicional al Aviso de vBulletin por lo que para editar su color
puedes hacerlo normalmente solo desde la variable de estilo: notices_background

Salu2

Khriz · 27/07/2011

MacGiber disse:
um lo editado pero se queda del mismo color , esa solucion solo es para el postbit nada que ver con el tuto de Angel.

Me disculpo! fue una distraccion xD.
Angel solo agrega un estilo adicional al Aviso de vBulletin por lo que para editar su color
puedes hacerlo normalmente solo desde la variable de estilo: notices_background

Salu2

JUF · 04/09/2011

isso amigos, eu também me uno, isso não poderia ser feito para a versão 3.8x

Um abraço a todos!!!

MyPeSePe · 28/09/2011

Obrigado, muito útil, acabei de instalar no meu fórum xD . Modificando para a cor azul .

pokiz · 10/10/2011

.notices LI {
content: " ";
background: #ffeb90;
display: block;
color:#5e5b67;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
border-top: 1px solid #FFE260;
-moz-border-radius:0;
-webkit-border-radius:0;
margin: 0 -27px 6px;
position: relative;

}

Esse código funciona bem, o que o angel postou não funcionava totalmente, para os que têm problemas

kkkll · 10/11/2011

Sinto muito, mas já não funciona para vB 4.1.7, poderiam modificar já que gosto muito desse estilo de avisos, obrigado pela colaboração de antemão.

zartrix · 22/12/2011

E para a 4.1.9??? Deus!! Quando encontro algo que gosto e muita gente teve o trabalho de fazer funcionar, já é tarde. kkkkkkk.

Alguma ideia se funciona na 4.1.9?? Vou testar amanhã caso ninguém responda e lhes darei as novidades.

dany_danay · 07/01/2012

uuuuuuuuuuuuuuuup

livenetc · 11/03/2012

a imagem não está mais lá 🙁

Tutorial: Avisos em formato de fita (como no vBHispano)

UndeR

darktano

M@RBOL

DiCHANHO

ZEL

MacGiber

MacGiber

Khriz

Khriz

MacGiber

MacGiber

Khriz

Khriz

JUF

MyPeSePe

pokiz

kkkll

zartrix

dany_danay

livenetc

Tópicos similares