x
SuperUp, do que estás a espera?
Entra ou Regista-te no fórum para visualizar todo conteúdo.
Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53

Copyright © 2015 - UPFórum

Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53


Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Efeito de Barra


avatar

#1
Desconectado
em Seg 30 Jun - 0:32

Olá,

Gostava de saber se era possível ter este efeito de barra como esta:
- http://i39.servimg.com/u/f39/16/43/60/45/sem_ta18.png

Se possível agradecia!

Ver perfil do usuário
avatar

#2
Desconectado
em Ter 1 Jul - 15:01

Eu não entendi muito...

Ver perfil do usuário
avatar

#3
Desconectado
em Seg 7 Jul - 18:03

Olá experimente usar este CSS que do UPFórum:

Código:

/*INICIO DO UPCRUMBS */
.pun-crumbs {
background: #e4e4e4;
background-image: -moz-linear-gradient(top, rgba(255,255,255,05) 0%, rgba(255,255,255,0.7) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
border: 1px solid #c4c4c4;
border-bottom: 1px solid #d8d8d8;
text-shadow: #fff 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
overflow: hidden;
line-height: 34px;
margin-bottom: 10px;
}

p.crumbs {
color: #F3F3F3;
  height: 33px!important
}
p.crumbs a:hover {
background-position: 100% -44px;
}
p.crumbs a {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
background-position: 100% -1px;
color: #757575!important;
margin-left: -14px;
padding: 10px 20px 10px 25px;
position: relative;
text-shadow: 0 1px 0 #fff;
transition: none;
}
p.crumbs a:hover:before {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -44px;
}
p.crumbs a:after, p.crumbs a:before {
content: " ";
display: block;
height: 100%;
left: -9px;
position: absolute;
top: 0;
width: 16px;
}
p.crumbs a:active {
background-position: 100% -87px;
}
p.crumbs a:before {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -1px;
}
p.crumbs a:active:before {
background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -87px;
}
/*FIM DO UPCRUMBS */

att Jufasa'

Ver perfil do usuário
avatar

#4
Desconectado
em Seg 7 Jul - 20:07

Olá,

Veja como ficou:
http://master-publicitario.forumeiros.com/f26-duvidas-do-forum

Seria possível possível colocar como a do UPF? E retirar aqueles "»"

Ver perfil do usuário
avatar

#5
Desconectado
em Seg 7 Jul - 20:29

Provavelmente você ja tem no seu CSS ou template alguns elementos ".crumbs {" que estão a misturar com o código dado a cima, exprimente verificar na sua folha de estilo se encontra alguns códigos com ".crumbs" e apague e coloque só o que lhe passei.

Ver perfil do usuário
avatar

#6
Desconectado
em Seg 7 Jul - 20:32

Olá,

Amigo apenas tem 2 que são do seu código.

Ver perfil do usuário
avatar

#7
Desconectado
em Seg 7 Jul - 21:00

é estranho pois comigo esta a dar certo pode passar seu CSS do fórum?

Ver perfil do usuário
avatar

#8
Desconectado
em Seg 7 Jul - 22:58

Olá,

Claro amigo aqui está:
http://pastebin.com/DyLfNzvR

Ver perfil do usuário
avatar

#9
Desconectado
em Seg 7 Jul - 23:36

Olá, tente substituir o seu por este:
 Seta Laranja http://pastebin.com/pAkuViFD

Ver perfil do usuário
avatar

#10
Desconectado
em Ter 8 Jul - 0:47

Olá,

Veja, penso que tenha que encolher mais e diminuir o tamanho da letra:
http://master-publicitario.forumeiros.com/f26-duvidas-do-forum

Ver perfil do usuário
avatar

#11
Desconectado
em Ter 8 Jul - 1:19

Olá veja se assim está bom
 Seta Laranja http://pastebin.com/ESsAe6ZS

att Jufasa'

Ver perfil do usuário
avatar

#12
Desconectado
em Ter 8 Jul - 1:25

Olá,

Poderia encolher mais um bocadinho, e diminuir o tamanho da fonte?
http://master-publicitario.forumeiros.com/f26-duvidas-do-forum

Ver perfil do usuário
avatar

#13
Desconectado
em Ter 8 Jul - 1:48

penso que agora está bom, eu estou a configurar e estou a utilizar o browser Mozilla FireFox, por isso poderia haver uma margem de erro minima:
 Seta Laranja  http://pastebin.com/HL7TMTJB

Ver perfil do usuário
avatar

#14
Desconectado
em Ter 8 Jul - 5:29

Olá,

Poderia onde poderia diminuir mais o tamanho da letra?

Ver perfil do usuário
avatar

#15
Desconectado
em Ter 8 Jul - 9:06

No css que lhe passei procure isto:

Código:
p.crumbs a {

e mude os valores disto:

Código:
font-size: 11px!important;}

Ver perfil do usuário
avatar

#16
Desconectado
em Ter 8 Jul - 16:33

Olá,

Perfeito, resolvido amigo!

Ver perfil do usuário
avatar

#17
Desconectado
em Ter 8 Jul - 17:27

Tópico movido para 'Arquivo: Questões Resolvidas'

Ver perfil do usuário

#18
Desconectado
Conteúdo patrocinado

Mensagem [Página 1 de 1]


Post relacionados