gabrielfedel / mapaculturacampinas

Mapa da Cultura de Campinas
GNU General Public License v3.0
3 stars 0 forks source link

Estilizar o "breadcrumb" das exposições #57

Closed tamielbr closed 9 years ago

tamielbr commented 9 years ago

Isso não fez parte da descrição original (não lembramos disso) mas precisamos re-estilizar esse "cinza" para seguir melhor o padrão. Pensei em seguir o background azul-escuro, que acha @gabrielfedel?
http://mapa.revoada.net.br/exhibits/show/mis/catetral
screen shot 2015-01-26 at 10 13 23

amariliscamargo commented 9 years ago

Agora está igual dos itens! ;)

tamielbr commented 9 years ago

@amariliscamargo ah! não tinha pensado em colocar a imagem de destaque. não sei se há mais nada no site que usa "breadcrumbs" para ver um exemplo. no entanto, é melhor não ter a imagem e simplesmente usar o texto no background azul (veja nesse exemplo). screen shot 2015-02-10 at 11 12 44

amariliscamargo commented 9 years ago

Veja se agora ficou melhor?

tamielbr commented 9 years ago

Ficou. Vi que os "breadcrumbs" na verdade são os links para as duas exposições disponíveis. Acho que precisa de um pequeno ajuste geral nos links. Vou ver isso com calma e retorno aqui.

tamielbr commented 9 years ago
  1. Vamos eliminar barra azul e foto totalmente. Queremos que a exibição seja o foco e agora a imagem não é clicável, não tem propósito.
  2. Deixar o título do jeito que está, preto em verde.
  3. Abaixo, vamos eliminar o cinza e manter o fundo verde claro com o “breadcrumb”.
  4. Vamos seguir um formato tradicional no breadcrumb assim: “Nome da exposição >> Nome da página atual”

    Agora ele está assim, com o nome da Exposição primeiro, e abaixo com "tab" o nome das duas páginas disponíveis, não fica legal.
    screen shot 2015-02-10 at 12 06 47
amariliscamargo commented 9 years ago

O omeka que fez essa disposição de breadcumb, eu mudei o css e ficou tudo numa mesma linha, vejam se agora ficou bom! ;)

tamielbr commented 9 years ago

Jóia, ficou bem melhor:

  1. Falta o ponto "3" (remover o fundo cinza).
  2. Ele também continua mostrando todas (nesse caso, as duas) páginas existentes na exibição, e não somente a que o usuário está. Veja: screen shot 2015-02-11 at 09 13 06
amariliscamargo commented 9 years ago

Removi o fundo cinza!;)

tamielbr commented 9 years ago

Ok, só falta o 2, acima (links).

amariliscamargo commented 9 years ago

Tel, veja se agora ficou ok! Tive que fazer a programação :P

tamielbr commented 9 years ago

Ficou bom!