Re: Ajuda com O CSS ....

[Brunno Dias]

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!!

[Karlos Rikaryo]

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

[Rodrigo França]

ja que vai fazer uma pesquisa ... aproveite e pesquise sobre z-index no css ... vai te ajudar ...

[Plínio Augusto plin84]

[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

[Brunno Dias]

ja que vai fazer uma pesquisa ... aproveite e pesquise sobre z-index no css ... vai te ajudar ...

Olá ..... andei pesquisando Sobre z-index que me falou .. achei muito interresante porém não consigo adapta-lo

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  *********************** */

[Brunno Dias]

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

[neilsonlima]

background: url(../images/grdnt_black.jpg) repeat-x;

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.

[]'s,

Neilson P. Lima

[Brunno Dias]

até serve mas eu quero tipo  uma uma imagem principal e o Fundo complementando a a imagem principal...

não sei se me entende...

[Lúcio Sérgio Borges]

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

[Daniel Corrêa]

acho que o que vc pode e deve fazer é estudar um pouco de CSS

[Karlos Rikaryo]

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