Topic: Como cambiar el background

September 15, 2011 - 06:34 18:34

hola chicos, esta vez queria saber como se hace para cambiar el background y ponerle una imagen en el theme citiez

**Reply #1** September 15, 2011 - 06:40 18:40

Vas a Themes/Citiez/images/custom y ahi se encuentra un archivo que se llama mainbg.jpg que es el background, solo haces el fondo que tu quieras con ps o el que tu quieras y le pones mainbg.jpg de nombre y lo subes a esta carpera y lo reemplazas cualquier problema nos avisas
saludos!

**Reply #2** September 15, 2011 - 06:45 18:45

Quote from: Cesar on September 15, 2011 - 06:40 18:40

Vas a Themes/Citiez/images/custom y ahi se encuentra un archivo que se llama mainbg.jpg que es el background, solo haces el fondo que tu quieras con ps o el que tu quieras y le pones mainbg.jpg de nombre y lo subes a esta carpera y lo reemplazas cualquier problema nos avisas
saludos!

gracias ahi se me cambio pero porq se repite como 4 veces el fondo si yo en el ps lo puse completo

**Reply #3** September 15, 2011 - 06:59 18:59

en el index.css de tu tema buscas esto:

Code: [Select]

/* Set a fontsize that will look the same in all browsers. */
body
{
	background: #ccc url(../images/custom/mainbg.jpg) ;
	font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	padding: 25px 0 0;
}

y agregas no-repeat en el codigo del background, quedaria mas o menos asi:

Code: [Select]

/* Set a fontsize that will look the same in all browsers. */
body
{
	background: #ccc url(../images/custom/mainbg.jpg) no-repeat;
	font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	padding: 25px 0 0;
}

**Reply #4** September 15, 2011 - 08:05 20:05

mira lo hice y me quedo asi ahora como ago paraq me quede todo el fondo y no ese pedasito

**Reply #5** September 15, 2011 - 08:11 20:11

Quote from: Saii on September 15, 2011 - 08:05 20:05

mira lo hice y me quedo asi ahora como ago paraq me quede todo el fondo y no ese pedasito

La imagen deberia de ser mas grande y para que quede solo una has esto en el index.css, buscar:

Code: [Select]

/* Set a fontsize that will look the same in all browsers. */
body
{
	background: #ccc url(../images/custom/mainbg.jpg) ;
	font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	padding: 25px 0 0;
}

Reemplazar por:

Code: [Select]

/* Set a fontsize that will look the same in all browsers. */
body
{
	background: #ccc url(../images/custom/mainbg.jpg) no-repeat ;
        position: fixed;
	font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
	margin: 0 auto;
	padding: 25px 0 0;
}

Saludos!

**Reply #6** September 15, 2011 - 09:22 21:22

Quote from: Daniiel on September 15, 2011 - 08:11 20:11

Quote from: Saii on September 15, 2011 - 08:05 20:05
mira lo hice y me quedo asi ahora como ago paraq me quede todo el fondo y no ese pedasito

La imagen deberia de ser mas grande y para que quede solo una has esto en el index.css, buscar:
Code: [Select]
/* Set a fontsize that will look the same in all browsers. */ body { background: #ccc url(../images/custom/mainbg.jpg) ; font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif; margin: 0 auto; padding: 25px 0 0; }
Reemplazar por:
Code: [Select]
/* Set a fontsize that will look the same in all browsers. */ body { background: #ccc url(../images/custom/mainbg.jpg) no-repeat ; position: fixed; font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif; margin: 0 auto; padding: 25px 0 0; }
Saludos!

si hice eso y todo y me queda chico igual pero

asi miren

**Reply #7** September 15, 2011 - 09:33 21:33

Como te dijo daniiel la imagen es muy pequeña deberia ser mas grande

**Reply #8** September 15, 2011 - 09:37 21:37

Quote from: Cesar on September 15, 2011 - 09:33 21:33

Como te dijo daniiel la imagen es muy pequeña deberia ser mas grande

y de q tamaño tiene q ser si agarre el back q aparecio y lo hice de ese tamaño o en dond dice el tamaño exacto q tiene para hacerlo

Como cambiar el background