Login do usuário
Pesquisa no site
Assine o RSS do Drupal-BR
Download
Alinhar conteúdo de uma view
Não sei se vou conseguir me fazer entender, mas vou tentar. Criei uma novo tipo de conteúdo chamado "Notícias". Qdo vou criar um conteúdo nesta página "Notícias" eu tenho o título, o texto, a thumb e a foto. Então, criei uma views chamada Notícias tb que tem o row style configurado em Fields. Os fields estão da seguinte maneira:
Conteúdo: Thumb Imagem
Node: Título
Node: Teaser
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxThumbxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Bovespa fecha acima dos 53 mil pontos, alta de 41% no ano
Índice Ibovespa acumula alta de mais de 41% neste ano.
Desta forma, qdo eu abro a página "Notícias", primeiro aparece a thumb, em seguida o título q é o link q vai abrir a notícia completa e logo abaixo o teaser. Ou seja, um abaixo do outro nesta sequencia como o exemplo acima q eu tentei fazer. Como eu faço para o título ficar ao lado da foto e o teaser ficar abaixo do título? Abstraindo, ficaria desta forma:
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx Bovespa fecha acima dos 53 mil pontos, alta de 41% no ano
xxxxThumbxxxx
xxxxxxxxxxxxx Índice Ibovespa acumula alta de mais de 41% neste ano.
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Aguardo ansiosamente uma resposta! Obrigada!!
Rosane
- Se logue ou se registre para poder enviar comentários
- 2838 leituras
Rosane,
Isso você pode com CSS mesmo.... coloque float:left; no div que tem a imagem e clear:both; no div que contem o teaser. Isso resolverá seu problema...
Só um comentário, fiquei curioso com uma coisa: Pelo que você falou, vc criou 2 campos de imagem. Um para o thumbnail e outro para a foto original, certo? Porque você não utiliza o módulo ImageCache? Assim você só precisa de 1 campo de imagem, e a miniatura o próprio módulo cria... o bom é que ele é integrado com Views, então você pode escolher qual tamanho vc quer exibir na View.
Qualquer coisa poste aê!
Abraço!
Thiago Régis
@tregismoreira
Cursos de Drupal
Formação Completa em Drupal 7
Então, Thiago.. eu utilizei o ImageCache... depois de configurá-lo, fui em tipos de conteúdo e em "Notícias" fui em managefield e criei dois campos: um para foto e outro para a thumb. Eu não sabia q tinha como usar o mesmo campo para exibir a thumb e ao clicá-la abrir a página com a foto original. Eu estou conhecendo o Drupal agora... totalmente marinheira de primeira viagem! rsrs
Agradeço muito a sua resposta e fiquei bem contente em saber q tem como eu fazer do jeito q estou querendo... só q eu não saco nada de programação...rs... desculpe a minha ignorância. Vou tentar fazer o q vc me indicou... mas onde ficam armazenados os arquivos do código-fonte para q eu possa alterá-lo?
Obrigada!!
Rosane,
No caso de altear o CSS, vc deve fazer no arquivo style.css que está dentro do diretorio do seu tema. Se você está utilizando um tema default, como o Garland, o caminho é /themes/style.css
Abraço!
Thiago Régis
@tregismoreira
Cursos de Drupal
Formação Completa em Drupal 7
Olá Rosane,
Uma dentre várias maneiras que talvez resolva:
1. No módulo views, adicione um fields: "Global: Custom text"
2. Esse field deve ficar por último na lista, porque vc só poderá acessar os fields antes dele.
3. Nesse field, vc vai ter a opção de colocar conteúdo html + os fields que vc criou, dentro do campo "Text" através de patterns que estarão descritos logo abaixo, considerando seu layout acima, vou dar um exemplo bem simples, usando tabela:
conteúdo do campo TEXT:
<tr>
<td>[nomeDoPattern_Conteúdo:Thumb_Imagem]</td><td>[title]<br />[teaser]</td>
</tr>
</table>
Basicamente é isso, daí em diante é só customizar a vontade. Vc pode trocar a tabela por divs, ou uls, ou qualquer formato que achar melhor, incluir marcação para css, etc.
OBS.: não esquece de marcar em cada field que vc vá usar no global, a opção: "Exclude from display", para aparecer somente no global.
Qualquer dúvida, retorne ok ?
Abs
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Marco Antônio, fiz exatamente como vc sugeriu e ficou perfeito!! Muitíssimo obrigada!!
Tenho uma dúvida esquisita. Toda tabela q eu crio no drupal e configuro para não ter borda, sempre aparece uma linha antes do conteúdo da tabela. Mas isso só aparece no firefox... no IE 6 não aparece essa linha, mas eu ainda não testei no IE 7. Alguém saberia o q seria essa linha q aparece em todas as minhas tabelas e como removê-las?
Obrigada!!
Olha, isso já aconteceu comigo e não me lembro como foi...
Mas tem algum lugar, se não me engano que gera uma borda no topo.
Vc usa a "dupla dinâmica" firebug/webdeveloper do Firefox ? É assim que encontro essas encrencas. Vc ativa o Firebug e vasculha a página que ele identifica exatamente onde está algum elemento mau comportado :)
Qualquer coisa, retorne.
Abs
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Marco, eu até instalei depois q vc mencionou.... mas eu não programo e não saco nada... só vi um bocado de código maluco...rs... e pelo pouco q sei, não vi nada de anormal que pudesse sugerir a criação desta linha. Enfim... vou deixar desta forma mesmo... obrigada pela força!!
Mas de html+css vc entende ???
O Firebug é bem intuítivo, no teu caso, vc pode usar o básico dele, que seria ao entrar na página clicar no dito cujo, em sequida no Inspecionar e com o mouse vc passeia pela página que ele vai enquadrando os elementos. Ao encontrar o que deseja e estando uma moldura ativada, vc clica que no console do Firebug vai aparecer do lado esquerdo o html e à direita o css.
Se quiser/puder, posta o link do site que eu vejo para vc. É bem simples.
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Fiz do jeitinho q vc indicou... aparece a tal da moldura, mas não sei como alterar, acho q no código não tem nada q indica essa linha. O site ainda não está no ar. Qdo eu colocá-lo eu te falo, ok? Muitíssimo obrigada!
Rosane
Eu tambem tenho esse problema com essa "LINHA" ou "BORDA" q ele cria nas
Se quiser tentar localizar com o seu firebug, www.christina-a.com.br/site/inicial nas quicktabs do ultimas noticias
Thanks
Abraço
Mário Henrique de Oliveira
Portal Christina Aguilera
Lukin,
Dei uma olhada no site [muito bacana por sinal!] e se vc se refere a linha na tabela do bloco "últimas notícias - Últimas fotos" vc pode tirar ela aqui:
http://www.christina-a.com.br/site/sites/default/files/css/717aa4a6e442a...
border-top: 1px solid #CCCCCC;
Se não for isso, diga lá.
Abs
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Complementando a resposta do Marco,
O arquivo de css indicado /sites/defalt/files/css/ummontedecoisa.css é gerado dessa forma porque o cache está ligado e configurado para agregar os arquivos css. Mais provável que a classe css que o Marco expôs esteja no style.css do seu tema. Indico desativar o cache durante o desenvovlvimento e mesmo assim, limpar o cache para conseguir visualizar algumas alterações.
--
Leonardo Silva
Produtor Cultural
Desenvolvedor Web
Olá Marco e Leopoldo!
Eu desfiz a compactacao do CSS e consegui achar a fonte dessa tabela com a dica que Marco deu: tbody {border-top: 1px solid #ccc;}.. realmente era esse elemento, mas eu demorei pra descobrir ondem ele estava. Encontrei-o em /modules/system/system.css
Sabia que o problema nao era no meu tema e sim com o sistema. Entao para quem tiver dificuldade em remover essa 'praga', fica a dica!
Obrigado mais uma vez Marco e Leopoldo!
Abraço
Mário Henrique de Oliveira
Portal Christina Aguilera
Uma dica que me ajudou muito, já que uma vez esqueci e perdi as alterações que tinha feito no layout ao atualizar o tema.
Alguns temas permitem criar um local.css onde vc faz suas customizações e não mexe no styles.css.
Verique se no seu tema tem um "local_sample.css", basta renomear ele para "local.css" e provavelmente descomentar a linha (remover o ponto e vírgula no início da linha) respectiva no arquivo nome_do_seu_tema.info, como no exemplo abaixo:
;stylesheets[all][] = local.css
Caso não tenha, você pode se beneficiar também, fazendo o caminho inverso.
- Adiciona no arquivo nome_do_seu_tema.info a linha:
stylesheets[all][] = local.css logo após a última linha de stylesheets e salva
- em seguida cria um arquivo vazio na mesma pasta local.css e nele vc vai acrescentando o teu css e as modificações ao estilo do tema.
Considerando temas para Drupal 6 porque o 5 eu não conheço.
Abs
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Voltando a esse assunto! Eu fiz a ultilizacao do Global: Custom Text e criei um esquema assim.
Tabalhei apenas com 2 campos: [created] e [title]. Montei o seguinte esquema:
<tr>
<td><li><strong> [created] </strong> [title]</li></td>
</tr>
</table>
Onde nas configuracoes do campo [title] eu pedi para que ele linkasse o titulo ao seu devido Node.
Beleza, mas eu queria trabalhar com um tipo de formatação que eu fosse além desse campo que vai ser repetido e repetido. Por exemplo, essa formatacao q eu coloco dentro do GLobal: Custom Text, ela vai ser repetida em cada 'membro' que a Views for mostrar... Se eu colocar por exemplo, o código assim:
<li><strong>[created]</strong> [title]</li>
</ul>
Vocês haverão de concordar que a tag
<UL>vai ser aberta e fechada em cada vez q uma LINHA do NODE exibido na VIEWS for exibida. Então eu terei várias listas com apenas UM elemento, e nao uma lista com vários elementos.Eu gostaria de saber se eu consigo criar uma estrutura de montagem de views onde eu vá além dessa linha repetitiva. Algo no estilo que ele me retornaria um resultado final assim:
<li> ITEM 1 </li>
<li> ITEM 2 </li>
<li> ITEM 3 </li>
</ul>
ao inves de:
<li> ITEM 1 </li>
</ul>
<ul>
<li> ITEM 2 </li>
</ul>
<ul>
<li> ITEM 3 </li>
</ul>
Entendem?
outra coisa, eu consigo fazer com que o campo [title] se link ao seu respectivo NODE, mas nao consigo cirar um 'campo' que exiba os links para fazer uma estrutura parecida com:
<a href=""><li><strong>[created]</strong> [title]</li></a>
</ul>
Eu tentei adicionar o FIELDS "NODE: LINK", mas ele nao GERA o endereço do node e sim um LINK com o endereço do node. Entao nao adiantaria eu fazer algo tipo
Entende?
Desculpa o excesso de exemplos ou se eu confundi ao inves de explicar melhor. Mas espero que tenham entendido o q eu quis dizer ^^
Estou no aguardo
Abraço
Mário Henrique de Oliveira
Portal Christina Aguilera
Tb consegui resolver!! Fiz a mesma coisa q lukin fez e removi as linhas
tbody {
border-top: 1px solid #ccc;
}
tbody th {
border-bottom: 1px solid #ccc;
}
Perfeitoooo!! Gente, muito obrigada!
Lukin, sua página é o máximo!! Depois vc poderia me dar uns toques pq agora só falta a minha página inicial e eu não faço a mínima idéia de como usar o panels... eu uso o Drupal 6 e todo tutorial de panels q eu vejo eh para Drupal 5 e não consigo acompanhar. Se vc puder me add no msn: rmaldrj@hotmail.com
Obrigada!!
Rosane
Oi Rosane, fiz um "super-micro-tutorial":) sobre o panels do Drupal 6, que vc poderá ler aqui:
http://drupal-br.org/suporte/drupal/bloco-x-panel-x-cck-x-view#comment-1...
É bem resumido, mas dá para ter uma idéia...
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Olá, Marco!! Então, fiz tudo tintim por tintim do seu mini-tutorial... mas os blocos não ficam dispostos nem a pau de acordo com o layout na página inicial! Não sei o q está havendo! Qdo eu peço pra visualizar aparece direitinho, mas depois q eu salvo e vou pra pagina inicial, todo os blocos ficam na mesma coluna, um embaixo do outro... esse panels me deixa de cabelo em pé!!
Olá Rosane,
Assim no escuro eu não sei como te ajudar, :) só posso indicar o firebug para vc entender o que está ocorrendo porque pode ser o css do teu tema (chute).
Marco
www.pierdeipanema.com.br
Pier de Ipanema, apoie essa idéia!
twitter.com/pier_de_ipanema
Então, Marco... eu tb imaginei isso. Só q eu coloquei no Garland para testar e deu a mesma coisa. De qq forma eu acabei fazendo a página inicial com views mesmo e ficou mais ou menos do jeito q eu queria. Até eu me virar com o Panels, vou ficar com essa solução temporária. Te agradeço muito pela atenção e pela força!!