|
Foros
Cabecera Bloque
|
Autor
|
Fecha: 21 de Diciembre del 2005 a las 13:36:15
Descripción: Ninguna
|
Sexo: Masculino
Edad: 21 años
Ubicación: Poza Rica, Veracruz
País:
Mensajes: 1278
|
Pues el fondo de un bloque se modifica desde el theme que uses, en el archivo blocks.html, algo asi...
Por ejemplo; en el fisubsilver, puedes irte al archivo llamado blocks.html. El código es el siguiente:
Código  <table width="170" border="0" cellspacing="0" cellpadding="4">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#006699"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ffffFF"><table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td height="27" background="themes/fisubsilversh/images/cellpic1.gif" bgcolor="#EAEDF4"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr><td>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%" style="border-style: none; border-width: medium">
<p align="right"><b>$title</b></td>
</tr>
</table>
</td></tr>
</table></td>
</tr>
<tr>
<td bgcolor="#EAEDF4"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td><font class="content">$content</font></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="themes/fisubsilversh/forums/images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
</td>
</tr>
</table>
Antes que nada, lo primero es darte la idea de como modificar tu theme y cualquier theme... tomare como base el mio, que es fisubsilver... modificado por mi.
Veamos la línea 5:
Código <td bgcolor="#006699">...
Ese código lo que hace es darle un color de fondo a toda la tabla, pero nosotros lo vemos como un simple borde...
En la linea 9 encontraras este código... .
Código <td height="27" background="themes/fisubsilversh/images/cellpic1.gif" bgcolor="#EAEDF4">...
Ese código lo que hace es darle a una celda, una imagen de fondo, y un color... se usa para poner el titulo del bloque.
Y la parte final quizas... el fondo del bloque... en este caso la linea 21.
Código <td bgcolor="#EAEDF4">...
Ahora quiero que veas muy bien los tres codigos que resalte, de todo el código. Todos tienen algo como | |
Esta es la parte mas importante, te explicare eso.
La etiqueta y | se usa para crear celdas dentro de las tablas, y si por ejemplo quieres ponerle un color de fondo a una celda, seria algo como:
Código <td bgcolor="black">
O podria ser.
Código <td bgcolor="#000000">
Pero si quieres ponerle una imagen de fondo sería:
Código <td background="themes/fisubsilversh/images/tuimagen.jpg">
O combinado, con color de fondo e imagen... el color por si no se carga la imagen o pasa algo.
Código <td background="themes/fisubsilversh/images/tuimagen.jpg" bgcolor="black">
Algo importante... asi como se manejan los parametros background y bgcolor dentro de , tambien se pueden usar otros como "width" o "height", si los quitas de tu theme o los modificas, estaras modificando el "ancho" o "alto" de las celdas del bloque, asi que ten en cuenta eso.
Por ejemplo... el tercer código que saque:
Código <td height="27" background="themes/fisubsilversh/images/cellpic1.gif" bgcolor="#EAEDF4">
"height", significa altura, en este caso es de 27 pixeles...
Si tienes dudas puedes seguir preguntado.
Saludos 
|
|
|
|
Autor
|
Fecha: 21 de Diciembre del 2005 a las 13:57:53
Descripción: Ninguna
|
Sexo: Masculino
Edad: 16 años
País:
Mensajes: 249
|
 Lo He Intentado Hacer Pero No He Podido Ja Ja Nisiquiera Con Un Manual Como Este De Bien Explicado Ja Ja Mira, Este Es El Codigo Del Blocks.Html De Mi Theme:
Código <table width="170" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>
<table width="170" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th width="170" colspan="2" height="22" nowrap="nowrap"><font class="block-title"><strong>$title</strong></font></th>
</tr>
<tr>
<td class="row1" width="100%"><font class="content">$content</font><br>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tbll"><img src="themes/iCGstation/forums/images/spacer.gif" alt="" width="8" height="4" /></td>
<td width="100%" class="tblbot"><img src="themes/iCGstation/forums/images/spacer.gif" alt="" width="8" height="4" /></td>
<td class="tblr"><img src="themes/iCGstation/forums/images/spacer.gif" alt="" width="8" height="4" /></td>
</tr></table>
</td>
</tr>
</table>
<br>
P.D: Haber Si Vosotros Me Podeis Añadir El Codigo Para La Cabecera Donde Corresponde.
Saludos! 
|
|
|
|
|
Autor
|
Fecha: 21 de Diciembre del 2005 a las 14:56:07
Descripción: Ninguna
|
Sexo: Masculino
Edad: 21 años
Ubicación: Poza Rica, Veracruz
País:
Mensajes: 1278
|
Veamos, estas son las primeras lineas que me estas dando:
Código <table width="170" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>
<table width="170" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th width="170" colspan="2" height="22" nowrap="nowrap"><font class="block-title"><strong>$title</strong></font></th>
De lo cual destaco esta:
Código <th width="170" colspan="2" height="22" nowrap="nowrap"><font class="block-title"><strong>$title</strong></font></th>
Si lo que quieres es una imagen de fondo, quedaria asi:
Código <th width="170" colspan="2" height="22" nowrap="nowrap" background="http://www.zona-ocio.org/themes/fisubsilversh/images/cellpic1.gif"
><font class="block-title"><strong>$title</strong></font></th>
Obviamente puedes poner cualquier imagen, esto sería algo como un ejemplo, de como debe quedarte el código.
|
|
|
|
|
