Jump to content
Sign in to follow this  
marlonlp21

[Resolvido] Como colocar logo no site

Recommended Posts

Tenho um logo que quero adicionar no meu site mas não sei muito bem como fazer.. Estou precisando de colocar o logo por cima da imagem de fundo do site e os itens do site descerem de modo que fique tudo em baixo da logo..

meu site é assim:

Sem_t%C3%ADtulo.png?1505157266

Pretendo mudar a imagem de fundo, colocar a uma imagem transparente semelhante a essa e a logo por cima, e fazer esse menu cinzento descer junto com os outros itens do site, aparecendo a logo por cima do fundo.

Obs: O site já está no host

Edited by marlonlp21

Share this post


Link to post
Share on other sites
<!DOCTYPE html>
<html>
	<head>
		<style>
			.fundo {
				background-image: url('NOME-DA-IMAGEM.FORMATO');
				background-repeat: no-repeat;
				width: 100%; /* nesse caso vai ter a largura original da imagem */
				height: 100% /* nesse caso vai ter a altura original da imagem */
			}
			.logo {
				position: relative;
				margin-left: 1px; /* Posicione a imagem a partir da esquerda do bloco */
				margin-top: 1px /* Posicione a imagem a partir do topo do bloco */
			}
		</style>
	</head>
	<body>
		<div class="fundo">
			<img class="logo" src="IMAGEM-DO-LOGO.FORMATO"/>
		</div>
	</body>
</html>

 

Share this post


Link to post
Share on other sites

@Spell Master, muito obrigado pela resposta.. infelizmente eu não sei praticamente nada de como customizar, mal quebro um galho. O arquivo em que devo adicionar isso seria qual? procurei algum que tivesse alguma configuração parecida, mas não encontrei.

arfgeasrgeasrgersg.png?1505182927

Share this post


Link to post
Share on other sites

bom do jeito q esta ai vc deveria configurar a index com o caminho da logo onde quer que ela apareça e colocar a imagem da logo em alguma pasta mas provavel na pasta images

  • Love 1

Share this post


Link to post
Share on other sites
4 horas atrás, marlonlp21 disse:

@Spell Master, muito obrigado pela resposta.. infelizmente eu não sei praticamente nada de como customizar, mal quebro um galho. O arquivo em que devo adicionar isso seria qual? procurei algum que tivesse alguma configuração parecida, mas não encontrei.

 

Interessante...

Sugestão? Estude um pouco pode lhe ser útil

Alguns locais para estudo

https://www.w3.org/

http://php.net/manual/

http://www.w3schools.com/

Share this post


Link to post
Share on other sites
5 horas atrás, Spell Master disse:

 

Interessante...

Sugestão? Estude um pouco pode lhe ser útil

Alguns locais para estudo

https://www.w3.org/

http://php.net/manual/

http://www.w3schools.com/

Realmente eu queria ter tempo para estudar mas minha área é totalmente diferente.. eu gosto disso tudo mas sou da área de medicina veterinária, meu tempo é muito escasso, por isso estou aqui na área de pedidos, pra receber essa mão..

Eu arranjei uma imagem de fundo e uma logo, acho que facilita um pouco, só resta saber em qual pasta está apontada a bg_ground (img do fundo). aí preciso 

Edited by marlonlp21

Share this post


Link to post
Share on other sites
9 horas atrás, Forasteir0 disse:

bom do jeito q esta ai vc deveria configurar a index com o caminho da logo onde quer que ela apareça e colocar a imagem da logo em alguma pasta mas provavel na pasta images

Eu consegui uma bg_gorund nova e um logo, resta eu descobrir onde está apontada essa bg_gorund. Tentei substituir a antiga pela nova com o mesmo nome, formato e px mas não deu certo. Tenho a bg_ground e um logo para adicionar, procurei em home, download, index, info, paginas, versao, vip... 

Edited by marlonlp21

Share this post


Link to post
Share on other sites
35 minutos atrás, marlonlp21 disse:

Eu consegui uma bg_gorund nova e um logo, resta eu descobrir onde está apontada essa bg_gorund. Tentei substituir a antiga pela nova com o mesmo nome, formato e px mas não deu certo. Tenho a bg_ground e um logo para adicionar, procurei em home, download, index, info, paginas, versao, vip... 

se nao me engano os diretorios destes arquivos estao apontados em css/style.css com todos os diretorios das imagens e tamanhos

  • Love 1

Share this post


Link to post
Share on other sites
1 hora atrás, Forasteir0 disse:

se nao me engano os diretorios destes arquivos estao apontados em css/style.css com todos os diretorios das imagens e tamanhos

@Forasteir0 Achei o style.css:

Spoiler

@charset "utf-8";
/* CSS Document */
body{
    margin:0 auto;
}
#banner_header{
    background:url(images/BG_ground.png);
    width:1360px;
    height:941px;
    margin:0 auto;
}

#conteudo{
    width:1000px;
    height:1000px;
    margin:0 auto;
    margin-top:-941px;
}
#menu{
    background:url(images/BG_menu.png);
    width:1000px;
    height:88px;
    float:left;
    margin:0 auto;
}
#menu ul{
    padding:0;
    margin:0 auto;
    text-align:center;
    margin-left:0px;
}

#menu ul li{
    background:url(images/menu/separacao.png) no-repeat right;
    padding:5px 20px 5px 15px;
    display:block;
    line-height:60px;
    float:left;
    letter-spacing:-1.1px;
    text-align:center;
    margin:0 auto;
    text-align:center;
}

#menu ul li a, #menu ul li a:visited{
    padding:5px 20px 5px 15px;
    text-decoration:none;
    color:#fff;
    margin:0 auto;
    text-align:center;
}

#menu ul li a:hover, #menu ul li a:active{
    padding:5px 20px 19px 15px;
    text-decoration:none;
    border-radius:3px 10px 10px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    color:#fff;
    background:#9C0;
    margin:0 auto;
    text-align:center;
}
.menu{
    margin:0 auto;
    font-family:calibri;
    font-size:22px;
    text-shadow:1px 1px #000;
}
#submenu{
    margin:0 auto;
    width:1000px;
    height:30px;
    font-family:calibri;
    font-size:12px;
    text-shadow:1px 1px #000;
    color:#FC0;
    float:left;
    margin-top:-20px;
}


#banner{
    width:1000px;
    height:350px;
    float:left;
    margin:0 auto;
}
#conteudo_meio{
    width:1000px;
    height:700px;
    float:left;
    margin:0 auto;
    background:#fff;
    border-radius:10px;
}
#lateral_e{
    width:250px;
    height:700px;
    float:left;
margin-left:5px;
}
    
#hall_da_fama{
    margin-top:5px;
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #09F solid;
}
.top_hall{
    background:#666;
    width:150px;
    height:150px;
    margin:0 auto;
    margin-top:15px;
    border-radius:5px;
}

#woe{
    margin-top:5px;
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #9C0 solid;
    background:url(images/bg_woe.png);
}
#meio{
    width:470px;
    height:700px;
    float:left;
    margin-left:5px;
}
#noticias{
    margin-top:5px;
    width:470px;
    height:452px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #C90 solid;
    margin-left:5px;
}
#slide {
    margin: 0 auto;
    width: 470px;
    height: 250px;
    overflow:hidden;
    background-color: #FFFFFF;
    float:left;
    margin-top:5px;
    margin-left:5px;
}
#rotate{
    margin: 0 auto;
    width: 440x;
    height: 250px;
    overflow:hidden;
    background-color: #000;
}

#lateral_d{
width:250px;
height:700px;
float:left;
margin-top:5px;
margin-left:13px;
}
#top{
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #F90 solid;
}
#status{
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #669 solid;
    margin-top:5px;
}

#rodape{
    margin:0 auto;
    width:1000px;
    height:220px;
    font-family:calibri;
        float:left;
    background:url(images/rodape.png);
}
.rodape{
    margin:0 auto;
    width:800px;
    height:auto;
    margin-left:300px;
}
.titulopaginas {
height:45px;
background:#09F;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_woe {
height:45px;
background:#9C0;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_noticias {
height:45px;
background:#C90;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_top {
height:45px;
background:#F90;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_status {
height:45px;
background:#669;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.conteudoinfo {
    font-family:Calibri;
    font-size:11px;
    color:#666;
    line-height:20px;
    margin-left:5px;
    margin-top:5PX;
    

}
.conteudoinfo  li {width:452px; padding:3px 5px 5px 3px;
list-style: none;
}
.conteudoinfo li:hover { background-color:#EBEBEB; padding:3px 5px 5px 7px; border-bottom: 1px ridge #CCC; }

#infos{
    margin-top:5px;
    width:470px;
    height:705px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    border:1px #F00 solid;
    margin-left:5px;
}
.titulopaginas_infos {
height:45px;
background:#F00;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
#top_1{
    margin-top:4px;
    margin-left:4px;
}
#top_1 img {
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
}

#top_1 img:hover {
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}

Eu substitui o BG_ground velho pelo meu novo com o mesmo nome mas não foi.., coloquei ate o nome igual pra substitui..

é essa a imagem: 

projetox_site.png?1505227079

 

essa é a logo:

proje_logo.png?1505226752

 

e tenho tambem a imagem com o logo:

projeto_site_verde.png?1505226895

Só não sei como fazer para os menus do site irem mais pra baixo pro logo aparecer...

Edited by marlonlp21

Share this post


Link to post
Share on other sites
21 minutos atrás, marlonlp21 disse:

@Forasteir0 Achei o style.css:

  Mostrar conteúdo oculto

@charset "utf-8";
/* CSS Document */
body{
    margin:0 auto;
}
#banner_header{
    background:url(images/BG_ground.png);
    width:1360px;
    height:941px;
    margin:0 auto;
}

#conteudo{
    width:1000px;
    height:1000px;
    margin:0 auto;
    margin-top:-941px;
}
#menu{
    background:url(images/BG_menu.png);
    width:1000px;
    height:88px;
    float:left;
    margin:0 auto;
}
#menu ul{
    padding:0;
    margin:0 auto;
    text-align:center;
    margin-left:0px;
}

#menu ul li{
    background:url(images/menu/separacao.png) no-repeat right;
    padding:5px 20px 5px 15px;
    display:block;
    line-height:60px;
    float:left;
    letter-spacing:-1.1px;
    text-align:center;
    margin:0 auto;
    text-align:center;
}

#menu ul li a, #menu ul li a:visited{
    padding:5px 20px 5px 15px;
    text-decoration:none;
    color:#fff;
    margin:0 auto;
    text-align:center;
}

#menu ul li a:hover, #menu ul li a:active{
    padding:5px 20px 19px 15px;
    text-decoration:none;
    border-radius:3px 10px 10px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    color:#fff;
    background:#9C0;
    margin:0 auto;
    text-align:center;
}
.menu{
    margin:0 auto;
    font-family:calibri;
    font-size:22px;
    text-shadow:1px 1px #000;
}
#submenu{
    margin:0 auto;
    width:1000px;
    height:30px;
    font-family:calibri;
    font-size:12px;
    text-shadow:1px 1px #000;
    color:#FC0;
    float:left;
    margin-top:-20px;
}


#banner{
    width:1000px;
    height:350px;
    float:left;
    margin:0 auto;
}
#conteudo_meio{
    width:1000px;
    height:700px;
    float:left;
    margin:0 auto;
    background:#fff;
    border-radius:10px;
}
#lateral_e{
    width:250px;
    height:700px;
    float:left;
margin-left:5px;
}
    
#hall_da_fama{
    margin-top:5px;
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #09F solid;
}
.top_hall{
    background:#666;
    width:150px;
    height:150px;
    margin:0 auto;
    margin-top:15px;
    border-radius:5px;
}

#woe{
    margin-top:5px;
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #9C0 solid;
    background:url(images/bg_woe.png);
}
#meio{
    width:470px;
    height:700px;
    float:left;
    margin-left:5px;
}
#noticias{
    margin-top:5px;
    width:470px;
    height:452px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #C90 solid;
    margin-left:5px;
}
#slide {
    margin: 0 auto;
    width: 470px;
    height: 250px;
    overflow:hidden;
    background-color: #FFFFFF;
    float:left;
    margin-top:5px;
    margin-left:5px;
}
#rotate{
    margin: 0 auto;
    width: 440x;
    height: 250px;
    overflow:hidden;
    background-color: #000;
}

#lateral_d{
width:250px;
height:700px;
float:left;
margin-top:5px;
margin-left:13px;
}
#top{
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #F90 solid;
}
#status{
    width:250px;
    height:350px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    text-align:center;
    border:1px #669 solid;
    margin-top:5px;
}

#rodape{
    margin:0 auto;
    width:1000px;
    height:220px;
    font-family:calibri;
        float:left;
    background:url(images/rodape.png);
}
.rodape{
    margin:0 auto;
    width:800px;
    height:auto;
    margin-left:300px;
}
.titulopaginas {
height:45px;
background:#09F;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_woe {
height:45px;
background:#9C0;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_noticias {
height:45px;
background:#C90;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_top {
height:45px;
background:#F90;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.titulopaginas_status {
height:45px;
background:#669;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
.conteudoinfo {
    font-family:Calibri;
    font-size:11px;
    color:#666;
    line-height:20px;
    margin-left:5px;
    margin-top:5PX;
    

}
.conteudoinfo  li {width:452px; padding:3px 5px 5px 3px;
list-style: none;
}
.conteudoinfo li:hover { background-color:#EBEBEB; padding:3px 5px 5px 7px; border-bottom: 1px ridge #CCC; }

#infos{
    margin-top:5px;
    width:470px;
    height:705px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    font-family:calibri;
    font-size:15px;
    float:left;
    border:1px #F00 solid;
    margin-left:5px;
}
.titulopaginas_infos {
height:45px;
background:#F00;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

border-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height:15px; text-align:center;
font-family: "Comic Sans MS", cursive; font-size:20px;
color:#999;

border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #CCC;
line-height:40px;
text-shadow:1px 1px #333;

}
#top_1{
    margin-top:4px;
    margin-left:4px;
}
#top_1 img {
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
}

#top_1 img:hover {
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}

Eu substitui o BG_ground velho pelo meu novo com o mesmo nome mas não foi.., coloquei ate o nome igual pra substitui..

é essa a imagem: 

projetox_site.png?1505227079

 

essa é a logo:

proje_logo.png?1505226752

 

e tenho tambem a imagem com o logo:

projeto_site_verde.png?1505226895

Só não sei como fazer para os menus do site irem mais pra baixo pro logo aparecer...

mandei uma msg privada quando puder responda la pra eu ajeitar pra vc e ensinar como faz

  • Love 1

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

Seja bem vindo ao Cronus-Emulator.
É sempre um prazer te-lo conosco.
Você pode visualizar nossas áreas de suporte para encontrar suas soluções sem a necessidade de se registrar!
Registrando em nossa comunidade, você poderá conhecer mais sobre nosso projeto, criar tópicos, responder tópicos existentes, baixar milhares de recursos em nosso sistema de downloads, participar de nossa comunidade, customizar seu perfil e muito mais... Se você já possui uma conta, faça seu login - ou crie uma conta. Também temos integração com Google+ e Facebook.

×
×
  • Create New...