|
Foros
Shoutbox en Php-Nuke
|
Autor
|
Fecha: 25 de Octubre del 2006 a las 15:08:42
Descripción: Shoutbox en Php-Nuke
|
Sexo: Masculino
País:
Mensajes: 192
|
Hola a toda la comunidad, aqui vuelvo con otra pregunta......tal vez ya canse a los administradores y acabaran BANEANDOME  porque pregunto mucho.
Bien, aqui va mi problema.
Instale el PHP-NUKE y posteriormente instale un Template de MONSTERTEMPLATE(legal por supuesto)  despues de eso.....realice la instalacion de SHOUTBOX, todo fue de maravilla, solo que me da un pequeño errorcito en el bloque., lo extraño(para mi) es que en cualquiera de los otros "temas" que trae el php nuke el shoutbox funciona BIEN, pero no en el que QUIERO!!.
aqui les pongo unas pantallas, y creame que ya le busque por todos lados....siempre paso algunas horas hasta dias tratando de resolver.. antes de preguntar.
error con el THEME de template monster:
shotbox con el THEME 3d Fantasy de PHP-NUKE
Solo me resta decir.......GRACIAS!!
Saludos a toda la comunidad.
adsoma
Soluciones Web desde US $9.96 mes
E-commerce, foros, chats, blogs, Joomla
nuke, subastas, y mas!
**TODO ILIMITADO!!!**
www.crisolution.com
|
|
|
|
Autor
|
Fecha: 26 de Octubre del 2006 a las 12:00:14
Descripción: Ninguna
|
Sexo: Masculino
Edad: 21 años
Ubicación: Poza Rica, Veracruz
País:
Mensajes: 1278
|
Bueno... para que queden bien los bloques hay que hacer algunos cambios. Antes que nada, los archivos a modificar, respaldalos... si alguna medida, separación, etc, no te gusta o la quieres modificar, lo haces...
1.- En el archivo blocks.html o algo semejante se deberia encontrar el siguiente código:
Código  <tr valign="top"><td valign="top" background="themes/espacio/images/block2.jpg">
Simplemente reemplazalo por:
Código <tr valign="top"><td width="216" style="padding-left: 15px; padding-right: 15px" valign="top" background="themes/espacio/images/block2.jpg" nowrap>
Mmm... sabes, no estoy modificando tanto el código... pero yo le quitaría valign="top" de la etiqueta | o | , eso es algo tonto, es como centrar lo centrado... pero bueno, conservo el código original...
Ahora una explicación rapida, si te fijas le estoy dando un ancho a la celda, es el mismo de la tabla, pero aparte de eso hay un atributo llamado nowrap. Todo eso hará que la tabla no se vuelva más grande, o trate de no hacerlo...
También incluí un estilo, usando los atributos padding-left y padding-right, eso lo que hace, es un espacio entre el contenido y el borde de la celda... eso también se puede hacer en html, pero en css se obtienen mejores resultados.
Bueno, después de haber hecho los cambios, te darás cuenta de que el shoutbox se sigue saliendo, por asi decirlo, y si pones atención pareciese que se sale de la tabla, que esta sobre la tabla, eso es debido a un estilo del mismo bloque... le da un espaciado... yo lo que hubiera hecho seria centrarlo y darle un ancho especifico a la tabla, pero bueno, primero lo primero.
El el archivo, del bloque del shoutbox, hay un código como este:
Código <div style=" padding:5px; padding-left:15px ">
Lo único que hace es dar un espacio entre el borde de la tabla, de lado izquierdo y demás, y ya. El problema rádica en que no cabe... y de paso se superpone...
Yo haría lo siguiente:
1.- Quitaria el código:
Código <div style=" padding:5px; padding-left:15px ">
2.- Cambiaría
Código </div></div>
por:
Código </div>
Obviamente lo único que estoy haciendo es quitar una etiqueta div... pero quizas si te decia que lo hicieras, no sabrias hacerlo... y bueno, e igualmente es más entendible.
Hasta este punto el shoutbox ya no se sale, aunque también se ve muy ancho... por la imagen de fondo... si quieres que se vea esa parte, del mismo que la imagen solo sería cambiar:
Código <table style="cursor: text;" width="100%" border="0" cellspacing="0" cellpadding="0">
por:
Código <table style="cursor: text;" width="150" align="center" border="0" cellspacing="0" cellpadding="0">
Como podrás ver, lo que estoy haciendo es, darle un ancho a la tabla, en este caso de 150 pixeles, que corresponde al mismo ancho que la imagen de fondo... y aparte de eso aprovecho la etiqueta table, y alineo la tabla. De esa forma aparecerá el cuadrito de los mensajes centrado, y con un mejor diseño diria yo, aunque también depende de los gustos, igualmente te recuerdo que esta última modificación era opcional.
Saludos y ya veremos que pasa. 
Edito: La mejor forma de encontrar eso, es manualmente y por alguna parte clave, por asi decirlo. Se puede hacer "automaticamente" mediante el dreamweaver, el cual busca coincidencias en x archivos... pero igualmente se tiene que saber buscar...
Por ejemplo, para encontrar esto:
Código <table style="cursor: text;" width="100%" border="0" cellspacing="0" cellpadding="0">
Es mejor buscar por "style" o aún mejor, por "images/background" y se encontrará lo siguiente
Código // table that holds the scrolling area
if ($showBackground == 'yes') {
$top_content .= "<table style="cursor: text;" width="100%" border="$SBborder" cellspacing="0" cellpadding="0"><tr><td style="background: url(modules/Shout_Box/images/background/$themeRow[blockBackgroundImage]);" height="$conf[height]">n";
} else {
$top_content .= "<table style="cursor: text;" width="100%" border="$SBborder" cellspacing="0" cellpadding="0"><tr><td height="$conf[height]">n";
}
Lo cual moficado quedaria asi:
Código // table that holds the scrolling area
if ($showBackground == 'yes') {
$top_content .= "<table style="cursor: text;" width="150" align="center" border="$SBborder" cellspacing="0" cellpadding="0"><tr><td style="background: url(modules/Shout_Box/images/background/$themeRow[blockBackgroundImage]);" height="$conf[height]">n";
} else {
$top_content .= "<table style="cursor: text;" width="100%" border="$SBborder" cellspacing="0" cellpadding="0"><tr><td height="$conf[height]">n";
}
Reitero que la parte se modifico del archivo, que corresponde al bloque del shoutbox, para ser preciso block-Shout_Box.php, aunque podria tener otro nombre....
A propósito, la parte que modifique fue donde se muestran los mensajes, cuando el shoutbox tiene una imagen de fondo... 
|
|
|
|
Autor
|
Fecha: 26 de Octubre del 2006 a las 22:38:53
Descripción: Ninguna
|
Sexo: Masculino
Edad: 21 años
Ubicación: Poza Rica, Veracruz
País:
Mensajes: 1278
|
Bueno, el problema estaba en que te habia pedido reemplazar algo como | por | |
Jejeje, error mio, pero ya esta solucionado.
A propósito, veo que le falta espaciado inferior (cellpadding bottom), por asi decirlo, pero puedes incluirselo de la siguiente forma:
Código <td width="216" style="padding-left: 15px; padding-right: 15px" valign="top" background="themes/espacio/images/block2.jpg" nowrap>
por:
Código <tr valign="top"><td width="216" style="padding-left: 15px; padding-right: 15px; padding-bottom: 15px" valign="top" background="themes/espacio/images/block2.jpg" nowrap>
Solo agregue "padding-bottom: 15px"...haber que tal va con 15px, si es demasiado le quitas. Eso es del archivo blocks.html
Igual te recuerdo que se puede modificar, solo es cosa de ir cambiando esos numeritos y ya. Los atributos y demas ahi estan y las partes a modificar ya sabes cuales son.
Saludos. 
|
|
|
|
