Re: Ajuda com O CSS ....
- Brunno Dias
- Novato
- Mensagens: 35
- Registrado em: 22 Out 2007, 22:21
- Localização: Jaragua Do Sul
- Contato:
Ajuda com O CSS ....
AE galera estou precisando de uma judinha para Auterar o topo do meu Site ...
Quero colocar outra imagem por cima dessa que já existe com....
vou colocar aqui a parte do CSS que quero Auterar
#dTop {
border-top: 5px solid #000;
background: #111 url(../images/grdnt_black.jpg) repeat-x;
a.image: background: url(http://aresc.com.br/site/images//powered_by.png") no-repeat left center; padding-left: 10px;}
color: #FFF;
padding: 24px 0;
grato a todos!!
Quero colocar outra imagem por cima dessa que já existe com....
vou colocar aqui a parte do CSS que quero Auterar
#dTop {
border-top: 5px solid #000;
background: #111 url(../images/grdnt_black.jpg) repeat-x;
a.image: background: url(http://aresc.com.br/site/images//powered_by.png") no-repeat left center; padding-left: 10px;}
color: #FFF;
padding: 24px 0;
grato a todos!!
- Karlos Rikaryo
- Super Joomleiro
- Mensagens: 876
- Registrado em: 06 Nov 2004, 16:03
- Localização: Iguatu/CE - Brasil
- Contato:
Re: Ajuda com O CSS ....
Bruno amigo veja bem... você tem q editar essas configurações...primeiro pesquise no google o que é "CSS" pra vc entender melhor e começar a tomar conta da linguagem, pq CSS além de ser facil aprender hoje em dia é o melhor amigo de um desenvolvedor web...
Sobre seu problema pelo que tô vendo vc tá usando um dos templates padrões que vem no Joomla...isso?
Tem esse site aqui
http://www.joomlaos.de/
que tem vários temas sem ser tabless que facilita muito seu aprendizado, geralmente o index.php do template tem tabelas que facilitam o posicionamento de imagens e modulos...
e se vc quer somente substituir a imagem desse cabaçalho aí vc tem q fazer o seguinte, remove esse CSS usando o comando /*css do arquivo*/
E procura o CSS do cabeçalho pra aumentar o tamanho do (padding)e depois modifica também o tamanho da imagem..ok
Qualquer coisa a comunidade tá aqui pra ajudar
boa sorte
vlw
Sobre seu problema pelo que tô vendo vc tá usando um dos templates padrões que vem no Joomla...isso?
Tem esse site aqui
http://www.joomlaos.de/
que tem vários temas sem ser tabless que facilita muito seu aprendizado, geralmente o index.php do template tem tabelas que facilitam o posicionamento de imagens e modulos...
e se vc quer somente substituir a imagem desse cabaçalho aí vc tem q fazer o seguinte, remove esse CSS usando o comando /*css do arquivo*/
E procura o CSS do cabeçalho pra aumentar o tamanho do (padding)e depois modifica também o tamanho da imagem..ok
Qualquer coisa a comunidade tá aqui pra ajudar
boa sorte
vlw
Karlos Rikáryo
Inventtive Tecnologia
(88) 8809.9022
Inventtive Tecnologia
(88) 8809.9022
- Rodrigo França
- Novato
- Mensagens: 17
- Registrado em: 30 Nov 2006, 21:53
- Localização: Curitiba
- Contato:
Re: Ajuda com O CSS ....
ja que vai fazer uma pesquisa ... aproveite e pesquise sobre z-index no css ... vai te ajudar ...
-
- Novato
- Mensagens: 38
- Registrado em: 10 Out 2007, 13:48
- Localização: CURITIBA - PR
Re: Ajuda com O CSS ....
[align=center]As imagens ficam no /templates/templatequevcestausando/images[/align]
Vai lá e altera pela imagem que você quer.
Lembre-se: se mudar alguma imagem do diretorio images por outra com outro nome tera que alterar o nome no .css também.
Abrax
Vai lá e altera pela imagem que você quer.
Lembre-se: se mudar alguma imagem do diretorio images por outra com outro nome tera que alterar o nome no .css também.
Abrax
Editado pela última vez por Anonymous em 10 Nov 2007, 23:58, em um total de 1 vez.
Plínio Augusto -> LINUX-> LIBERDADE VALE A PENA !!!
- Brunno Dias
- Novato
- Mensagens: 35
- Registrado em: 22 Out 2007, 22:21
- Localização: Jaragua Do Sul
- Contato:
Re: Ajuda com O CSS ....
Olá ..... andei pesquisando Sobre z-index que me falou .. achei muito interresante porém não consigo adapta-loRodrigo França escreveu: ja que vai fazer uma pesquisa ... aproveite e pesquise sobre z-index no css ... vai te ajudar ...
acho que pra mim seria a melhor solução..
pode me ajudar ...
preciso colocar a imagem topo.jpg em cima da ../images/grdnt_black.jpg
o codigo é esse .. já tentei de tudo mais não consigo ..
/* *********************** LAYOUT SETTINGS *********************** */
/* top */
#dTop {
border-top: 5px solid #000;
background: #111 url(../images/grdnt_black.jpg) repeat-x;
color: #FFF;
padding: 24px 0;
}
#dTop .center {padding: 0;}
#dTop .left {font: normal 2em sans-serif; padding-left: 15px; line-height: 50px;}
#dTop .right {width: 150px;}
#dTop .search {padding-top: 15px;}
#dTop .topMenu {clear: both;}
#dTop .topMenu li {float: right; margin-left: 30px;}
#dTop a {color: #fff; font: normal 1.2em sans-serif; text-decoration: none;}
#dTop a:hover {color: #FFF;text-decoration: underline;}
#dTop form {float: right; padding: 0; margin: 0;}
/* newsflash */
#dFlash {
background: #000 url(../images/flash.jpg) repeat-x;
color: #FFF;
}
/* main content styles */
#dMain {background: #FFF url(../images/main.jpg) repeat-x; padding: 10px; 0;}
.mid li,.mainright li,.mainleft li {list-style: disc;}
#dMain p {padding: 3px 0 4px;}
.componentheading {
font: normal 1.4em Verdana,sans-serif;
padding-bottom: 6px;
}
.sectiontableentry1,.sectiontableentry2 {padding: 2px 0;}
table.contentpaneopen {margin-right: 16px;}
.mosimage_caption {font-style: italic;}
.contenttoc {
padding: 10px;
text-align: left;
}
.contentpaneopen img {
border: 5px solid #DDD;
margin: 10px;
}
.buttonheading img {border: none; margin: 0;}
/* footer */
#dFooter {
border-top: 5px solid #fc851d;
color: #CCC;
}
#dFooter a {color: #FFF;}
/* forms */
.left form {padding-bottom: 10px;}
form a {display: inline;}
/* misc */
.center {width: 760px; margin: 0 auto; padding: 12px 0;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}
/* column combinations */
.col2 .mainleft,.col2 .mainright {width: 78%; float: left;}
.col2 .mainright {float: right;}
.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
.col3 .mid {float: left; width: 54%; margin: 0 2%;}
/* *********************** END LAYOUT SETTINGS *********************** */
Editado pela última vez por Anonymous em 13 Nov 2007, 16:44, em um total de 1 vez.
- Brunno Dias
- Novato
- Mensagens: 35
- Registrado em: 22 Out 2007, 22:21
- Localização: Jaragua Do Sul
- Contato:
Re: Ajuda com O CSS ....
o pessoal me ajudem please!!! help me
já fiz de tudo ..
mas ainda não consegui 100% tipo no IE ele a imagem aparece mais no lado esquerdo (não consigo de jeito nem um colocar ela no centro)
e no mozilla ela nem aparece...
estou usando o z-index para fazer isso mas sem muito sucesso ..
o Site é www.aresc.com.br/site
já fiz de tudo ..
mas ainda não consegui 100% tipo no IE ele a imagem aparece mais no lado esquerdo (não consigo de jeito nem um colocar ela no centro)
e no mozilla ela nem aparece...
estou usando o z-index para fazer isso mas sem muito sucesso ..
o Site é www.aresc.com.br/site
- neilsonlima
- Usuário
- Mensagens: 51
- Registrado em: 08 Nov 2006, 09:31
- Contato:
Re: Ajuda com O CSS ....
Veja bem se isso ajuda. Troque 'grdnt_black.jpg' pelo nome da imagem que você quer substituir e em seguida copie para a pasta images que está dentro do seu template.Brunno Dias escreveu: background: url(../images/grdnt_black.jpg) repeat-x;
[]'s,
Neilson P. Lima
Neilson P. Lima
www.neilsonlima.net
www.neilsonlima.net
- Brunno Dias
- Novato
- Mensagens: 35
- Registrado em: 22 Out 2007, 22:21
- Localização: Jaragua Do Sul
- Contato:
Re: Ajuda com O CSS ....
até serve mas eu quero tipo uma uma imagem principal e o Fundo complementando a a imagem principal...
não sei se me entende...
não sei se me entende...
- Lúcio Sérgio Borges
- Novato
- Mensagens: 41
- Registrado em: 01 Out 2007, 10:46
- Localização: Palmas
Re: Ajuda com O CSS ....
Acho que pode tentar uma coisa mais simples... tbm tinha dúvida nesse assunto, depois a galera do JoomlaBrasil me ajudou...
Seguinte:
1- identifique qual é a imagem (nome) que queira alterar. Na pasta de imagens do seu template. Ex. (www\joomla\templates\porto\images);
2- localize a linha (tag) do arquivo index.php da sua template que está o nome da imagem. Ex.(www\joomla\templates\porto);
3 - Agora vc pode ou editar a imagem em um editor (Firewoks) ou criar uma imagem de mesmo tamanho para nao alterar o layout do template e editar nessa linha do arquivo index.php o nome do arquivo que vc crior;
Espero ter ajudado
Seguinte:
1- identifique qual é a imagem (nome) que queira alterar. Na pasta de imagens do seu template. Ex. (www\joomla\templates\porto\images);
2- localize a linha (tag) do arquivo index.php da sua template que está o nome da imagem. Ex.(www\joomla\templates\porto);
3 - Agora vc pode ou editar a imagem em um editor (Firewoks) ou criar uma imagem de mesmo tamanho para nao alterar o layout do template e editar nessa linha do arquivo index.php o nome do arquivo que vc crior;
Espero ter ajudado
Lúcio
-
- Super Joomleiro
- Mensagens: 2156
- Registrado em: 24 Mai 2005, 13:30
- Localização: Belo Horizonte
- Contato:
Re: Ajuda com O CSS ....
acho que o que vc pode e deve fazer é estudar um pouco de CSS
www.pagseguro.com.br - Faça cobranças a partir do seu site
www.hostphi.com - Hospedagem Joomla!
www.joomlaminas.org - Tutoriais e Artigos sobre o Joomla!
www.hostphi.com - Hospedagem Joomla!
www.joomlaminas.org - Tutoriais e Artigos sobre o Joomla!
- Karlos Rikaryo
- Super Joomleiro
- Mensagens: 876
- Registrado em: 06 Nov 2004, 16:03
- Localização: Iguatu/CE - Brasil
- Contato:
Re: Ajuda com O CSS ....
Tô vendo que tem um corte na imagem
tem uma maneira meio suja de modificar isso com uma tabela
joga uma tabela no top do tema e coloca a imagem como fundo na tabela com 100% e q ela vai ficar 100% ocupando o espaço
mas cara vc realmente precisa se ligar em CSS
vlw
tem uma maneira meio suja de modificar isso com uma tabela
joga uma tabela no top do tema e coloca a imagem como fundo na tabela com 100% e q ela vai ficar 100% ocupando o espaço
mas cara vc realmente precisa se ligar em CSS
vlw
Karlos Rikáryo
Inventtive Tecnologia
(88) 8809.9022
Inventtive Tecnologia
(88) 8809.9022