TE
dúvida

Como Troco O Background Do Meu Layout ?

Por testepaulinho, 24 de nov. de 2012 em Websites

20
3.8k
24 de novembro de 2012 às 18:19

tentei trocar ai ficou o background preto =s

ja tentei trocar pela index.php e pelo layout.php ajuda ai galera

SubwatS
24 de novembro de 2012 às 18:35

vai na pasta do layout e procura por background-artwork algo assim ae só voce trocar por outro arkivo de mesmo nome e formato.

flw

PaiscaP
24 de novembro de 2012 às 19:56

Olhe na folha de estilos qual arquivo que é o background, vendo ele, vá no local que está o bg e substitua pelo qual você quiser.

VictorWEBMasterV
25 de novembro de 2012 às 01:32

Explique melhor, aqui ninguem é vidente...

  • Qual seu website
  • Qual template utilizado
  • Versão do website
  • Versão do servidor

Informe isso, facilita o tópico e diminui os flods.

25 de novembro de 2012 às 14:35

aff gente só é me dizer se troca no css ou na index aff

 

Uso Gesior acc Maker

Layout Lay

Uso Xampp

VictorWEBMasterV
25 de novembro de 2012 às 14:53

Procure no seu css

background: url(

e veja oque aparece. Veja o nome da img e a extensão, importante também ver o diretório indicado.

Piabeta KunP
25 de novembro de 2012 às 18:39

aff gente só é me dizer se troca no css ou na index aff

 

Uso Gesior acc Maker

Layout Lay

Uso Xampp

 

complementando, não adianta voce postar uma duvida sem dar informações, pois cada website tem um metodo diferente de se alterar as coisas!

26 de novembro de 2012 às 13:48

sim, na index.php tem background: url( mais quando coloco não pega =s

Piabeta KunP
26 de novembro de 2012 às 23:35

É o seguinte vai em C:\xampp\htdocs\layouts\tibiacom e abra o aquivo basic.css

Logo na primeira linha vai ta escrito isso.

 

body {
 margin: 0px;
 padding:  0px;
 background-color: #061222;
}

Aonde esta 061222 troque por pela cor desejada!

 

Exemplo de preto ficando assim

 

body {
 margin: 0px;
 padding:  0px;
 background-color: #000000;
}

Editado Novembro 26 por PiabetaMan01

28 de novembro de 2012 às 02:13

sim, achei mais não queria colocar cor e sim um background de imagem olha ai a pagina

 

 

@charset "utf-8";

/*

Layout Designed And Coded By Bufo

© Bufo Studio. All rights reserved.

*/

 

/* General CSS Settings */

body {

color: #5a2800;

font-family: Verdana;

font-size: 12px;

line-height: 1.5em;

background-color:#000;

background-image:url(../images/cnt/header.jpg);

background-repeat: no-repeat;

background-position: top center;

margin: 0px;

padding: 0px;

}

 

a img {border: 0px;}

img {border: 0px;}

 

.white { color: #FFF; font-weight: bold; }

.whites{ color: #FFF; font-weight: bold; }

 

#content a, a:link, a:visited {

font-family: Verdana, Arial, Times New Roman, sans-serif;

font-weight: bold;

color: #004294;

text-decoration: none;

}

#content a:hover, a:focus, a:active {

font-family: Verdana, Arial, Times New Roman, sans-serif;

font-weight: bold;

text-decoration: none;

color: #0063DC;

}

 

ul {

padding: 0px;

margin: 0px;

}

 

#page {

width: 1182px;

margin: auto;

}

 

#logo {

width: 100%;

height: 435px;

margin: 0px;

padding: 0px;

}

 

#logo1 .img {

width: 1182px;

height: 284px;

background-repeat: no-repeat;

background-position: top center;

/*background-image: url('../images/cnt/logo_riberia_endeles.png');*/

margin: 0px;

padding: 0px;

}

 

#logo .img {

background: url(../images/bar/bar.png) no-repeat;

width: 889px;

height: 140px;

position: relative;

margin: auto;

top: 320px;

z-index: 3;

}

 

div.fadehover {

position: relative;

}

 

img.a {

position: absolute;

left: 0;

top: 0;

z-index: 10;

}

 

img.b {

position: absolute;

left: 0;

top: 0;

}

 

.divider{height:1px;width:inherit;}

 

/* ============================================== */

/* ================== MENU TOP ================== */

/* ============================================== */

 

#menu_top_home {

float: left;

position: relative;

left: 10px;

top: 70px;

}

 

#menu_top_acc {

float: left;

position: relative;

left: 95px;

top: 70px;

}

 

#menu_top_guild {

float: left;

position: relative;

left: 244px;

top: 70px;

}

 

#menu_top_online {

float: left;

position: relative;

left: 376px;

top: 45px;

width: 133px;

font-size: 12px;

font-weight: bold;

}

 

#menu_top_shop {

float: left;

position: relative;

left: 552px;

top: 70px;

}

 

#menu_top_forum {

float: left;

position: relative;

left: 627px;

top: 70px;

}

 

#menu_top_high {

float: left;

position: relative;

left: 723px;

top: 70px;

}

/* ============================================== */

/* ==================== MENU ==================== */

/* ============================================== */

 

#menu {

width: 181px;

float: left;

text-align: justify;

font-weight: bold;

}

 

#menu .nav-top {

background-image: url('../images/menu/nav-top.gif');

background-repeat: no-repeat;

width: 181px;

height: 40px;

}

 

#menu .nav-top .text {

width: 181px;

padding-left: 15px;

padding-top: 12px;

font-size: 15px;

font-variant: small-caps;

text-shadow: #b5c7db 0px 0px 3px;

font-weight: bold;

color: #FFF;

position:absolute;

}

 

#menu .bg {

background-image: url('../images/menu/chains.gif');

background-repeat: repeat-y;

width: 181px;

margin: auto;

}

 

#menu .bg li {

display: block;

font-variant: small-caps;

width: 150px;

padding: 2px 0px 2px 18px;

}

 

 

 

#menu .bg li a, a:link, a:visited {

color: #CEA04B;

text-decoration: none;

}

 

#menu .bg li a:hover, a:focus, a:active {

color: #DDD;

text-decoration: none;

}

 

#menu .bg_clean {

background-image: url('../images/menu/chains_clean.gif');

background-repeat: repeat-y;

color: #CEA04B;

width: 181px;

margin: auto;

}

 

#menu .bg_clean a, a:link, a:visited {

color: #CEA04B;

text-decoration: none;

}

 

#menu .bg_clean a:hover {

color: #DDD;

text-decoration: none;

}

 

#menu_bot

{

width: 181px;

height: 11px;

background: url('../images/menu/menu_bot.png') no-repeat;

float: left;

padding-left: 20px;

}

 

#icon-news, #icon-sss, #icon-account, #icon-community, #icon-library, #icon-forum, #icon-shop, #icon-events, #icon-status, #icon-admin {

width:32px;

height:32px;

float:left;

margin:-8px 5px 0 2px;

}

 

#icon-news { background:url("../images/menu/news.gif") no-repeat scroll 0 0 transparent; }

#icon-account { background:url("../images/menu/account.gif") no-repeat scroll 0 0 transparent; }

#icon-community { background:url("../images/menu/community.gif") no-repeat scroll 0 0 transparent; }

#icon-library { background:url("../images/menu/library.gif") no-repeat scroll 0 0 transparent; }

#icon-forum { background:url("../images/menu/icon-forum.gif") no-repeat scroll 0 0 transparent; }

#icon-shop { background:url("../images/menu/shop.gif") no-repeat scroll 0 0 transparent; }

#icon-status { background:url("../images/menu/status.gif") no-repeat scroll 0 0 transparent; }

#icon-events { background:url("../images/menu/events.gif") no-repeat scroll 0 0 transparent; }

#icon-admin { background:url("../images/menu/admin.gif") no-repeat scroll 0 0 transparent; }

#icon-sss { background:url("../images/menu/sss.gif") no-repeat scroll 0 0 transparent; }

 

/* ============================================== */

/* =================== CONTENT ================== */

/* ============================================== */

 

#content

{

width: 820px;

float: left;

}

 

#content-bg

{

background: url(../images/cnt/cnt-bg.png) repeat-y center;

}

 

#content-top

{

background: url(../images/cnt/cnt-top.png) no-repeat top;

}

 

#content-bot

{

background: url(../images/cnt/cnt-bot.png) no-repeat bottom;

padding: 20px 20px 20px 20px;

}

 

#margins {

width: 793px;

margin: auto;

}

 

#footer {

padding-top: 10px;

width: 793px;

margin: auto;

text-align: center;

color: white;

font-variant: small-caps;

font-weight: bold;

text-shadow: #95979a 1px 1px 0px;

}

 

img.avatar {

width: 62px;

height: 62px;

padding: 5px;

background: url('../images/avatar_bg.png') no-repeat left top;

}

 

img.item {

width: 32px;

height: 32px;

padding: 13px;

background: url('../images/item_bg.png') no-repeat left top;

}

Piabeta KunP
28 de novembro de 2012 às 08:45

Amigo pra trocar a imagem de fundo basta procurar a atual na pasta layouts e subistituir!

28 de novembro de 2012 às 18:07

fiz isso foi dai que ficou preto o fundo, troquei a imagem que tem em layout "HEADER" coloquei com a mesma extenção que estava, mais não aparece de jeito nenhum =s

Piabeta KunP
28 de novembro de 2012 às 19:31

as veses o gesior ele demora pra aparecer desligue seu modem e religue para atualizar o seu indereço de ip e veja se mudará!

29 de novembro de 2012 às 21:33

Nadaaa ainda, o.O sinistro olha me add no facebook

http://www.facebook.com/paulinho.araujoo

 

-- irei lhe da a senha da conexão remota ai você faz isso pra mim -- XD

JeamfJ
30 de novembro de 2012 às 18:37

Primeiro de tudo , Abra a pasta do seu site

 

depois vá em layouts

depois em tibiacom

logo depois abra o arquivo layout.php

Aperte CRTL + F

e pesquise essa linha.

 

<div id="ArtworkHelper" style="background-image:url('layouts/tibiacom/images/header/background-artwork.jpg');" >

 

Agora como trocar.

 

Ali aonde está em negrito é o nome da imagem.

 

Caso a imagem desejada está na pasta layouts/tibiacom/images/header também mude apenas o nome por exemplo.

 

<div id="ArtworkHelper" style="background-image:url('layouts/tibiacom/images/header/nomedobackground.jpg');" >

 

 

Mas caso a imagem está em outro lugar ,vá na pasta da imagem lá emcima aonde pode ou não começar assim.

 

C:\

 

Copie tudo aquela linha e troque por essa

 

layouts/tibiacom/images/header/nomedobackground.jpg

 

 

Salva o arquivo , fexe vá até seu site e aperte a tecla F5.

 

Não entendeu ? tá com dúvidas?

 

Me adiciona no MSN, ou no SKYPE !

 

MSN : luquinhacross@hotmail.com

SKYPE : lucas.henrique441