Ir para conteúdo
  • 0

Como Troco O Background Do Meu Layout ?


testepaulinho

Pergunta

Posts Recomendados

  • 0

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!

Link para o comentário
Compartilhar em outros sites

  • 0

É 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 por PiabetaMan01
Link para o comentário
Compartilhar em outros sites

  • 0

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;

}

Link para o comentário
Compartilhar em outros sites

  • 0

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

Link para o comentário
Compartilhar em outros sites

×
×
  • Criar Novo...