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![Smile :)](./images/smilies/icon_e_smile.gif)
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
![Smile :)](./images/smilies/icon_e_smile.gif)
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 ...
![Wink ;)](./images/smilies/icon_e_wink.gif)
![Wink ;)](./images/smilies/icon_e_wink.gif)
-
- 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![Smile :)](./images/smilies/icon_e_smile.gif)
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
![Smile :)](./images/smilies/icon_e_smile.gif)
Karlos Rikáryo
Inventtive Tecnologia
(88) 8809.9022
Inventtive Tecnologia
(88) 8809.9022