Autor Tema: [Tutorial] Agregar imagen de fondo al Mc  (Leído 1982 veces)

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
[Tutorial] Agregar imagen de fondo al Mc
« en: 15 de Enero de 2010, 00:29:21 am »
Hellow. Phpr@s, hoy vine con la idea de publicar este tema, de como poner una imagen de fondo en el mc.. bueno comenzemos, abrimos el archivo tag.php y

Buscamos en la linea 180
Código: [Seleccionar]
<td class="Texto" bgcolor="<?=$bg; ?>" style="border-bottom: 1px solid <?=$bordetabla ?>"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

La sustituimos por:
Código: [Seleccionar]
<td class="Texto" background="img/aqui el nombre de la imagen que quieres poner de fondo" style="border-bottom: 1px solid <?=$bordetabla ?>"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

si te fijas, en el segundo codigo, puse background="img/aqui el nombre de la imagen que quieres poner de fondo", esto quiere decir que deben poner la iamgen que quieren que sea el fondo de su minichat..

Asi no mas de sencillo.. :D, si tienes alguna duda, aqui estare para atenderte  ;)

Saludos...

Comunidad PHPeros

[Tutorial] Agregar imagen de fondo al Mc
« en: 15 de Enero de 2010, 00:29:21 am »

Desconectado ktoz

  • PHPer@ Fijo
  • ***
  • Mensajes: 110
  • Karma: 6
  • Aprendiendo PHP... :D
    • Ver Perfil
    • HabboLand
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #1 en: 15 de Enero de 2010, 00:46:26 am »
Probare vere como keda  :P

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #2 en: 15 de Enero de 2010, 01:37:42 am »
xD Ps.. ya veo que te estas dedicando ultimamente a los tutos eh? ^^
Sigue asi we.. Creo que aunque este codigo sea facil a mas de uno que lo esta viendo le sirbio...

Saludos...
Twitter: @JoakoM010



Desconectado ktoz

  • PHPer@ Fijo
  • ***
  • Mensajes: 110
  • Karma: 6
  • Aprendiendo PHP... :D
    • Ver Perfil
    • HabboLand
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #3 en: 15 de Enero de 2010, 01:54:55 am »
 :o

Me funciono perfecto =D

Grax Buen aporte ;)

Vistra previa en mi Mc: http://maxihabbo.webcindario.com/mc/

Desconectado ktoz

  • PHPer@ Fijo
  • ***
  • Mensajes: 110
  • Karma: 6
  • Aprendiendo PHP... :D
    • Ver Perfil
    • HabboLand
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #4 en: 15 de Enero de 2010, 02:05:25 am »
xD Ps.. ya veo que te estas dedicando ultimamente a los tutos eh? ^^
Sigue asi we.. Creo que aunque este codigo sea facil a mas de uno que lo esta viendo le sirbio...

Saludos...

Si como dice SoyJoaquin : Creo que aunque este codigo sea facil a mas de uno que lo esta viendo le sirvio...

Asi ayudamos a combatir Post Basura ;)
Con puros tutoriales :D

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #5 en: 15 de Enero de 2010, 02:17:50 am »
Si como dice SoyJoaquin : Creo que aunque este codigo sea facil a mas de uno que lo esta viendo le sirvio...

Asi ayudamos a combatir Post Basura ;)
Con puros tutoriales :D

Exacto! y nos eliminamos algunos comentarios que la gente "nobata" por desirlo de alguna formaque en el cual podra definirse como post basura...

y.. estoy tambien con la idea de..
"SI BUSCAS ALGO ENTRA AL BUSCADOR DE PHPEROS" xdddd
Hay muchas respuestas a preguntas que la gente ase pero no quiere buscar... y se les ase mas facil crear un post nuevo como tema inicial la preguntan que se plantean...

como.. Como hago que mi mc no sea hackeble?, Como colocar la bubble a mi mc?, como algo para mostrar el nombre de mi mc?, Como coloco un login externo?, como instalo mi mc? xddddddd

creo que esos tipos de tutos se deven colocar en rojo y fijados no? xDD
Twitter: @JoakoM010



Desconectado chihue

  • PHPero Master
  • ******
  • Mensajes: 1.118
  • Karma: 43
  • Sexo: Masculino
  • 8 dias
    • Ver Perfil
    • Minichat con todo incluido
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #6 en: 15 de Enero de 2010, 14:23:44 pm »
Muy bueno sige a si ya lo pongo en mi listado de tutos =)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #7 en: 15 de Enero de 2010, 14:41:33 pm »
También podreis hacer un nuevo atributo en HTML que sirve para fijar el fondo. ¿A que me refiero con esto?. Podemos hacer que una imagen no se repita , es decir , que el texto se moverá , pero la imagen de fondo se queda. Le da un toque bueno a tu pagina o en este caso MC.

Su estructura es : background-image: url(link...) fixed;

Saludos :)

#Fdo. Physlet

Desconectado Estritorial

  • PHPer@ Fijo
  • ***
  • Mensajes: 218
  • Karma: 6
  • Sexo: Masculino
  • PHPero Video Tutero
    • Ver Perfil
    • Habbo Planet
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #8 en: 15 de Enero de 2010, 17:22:08 pm »
Por si algunos no les van, tiene que poner "img/nombre de imagen" si la imagen esta dentro de IMG si no ponen el nom de carpeta y si esta suelto no poner img/ si no el nombre de la IMG :)


Si el PHP fuera solo una imaginación, ¿que seria de los PHPeros?

Desconectado Katuz

  • PHPer@
  • **
  • Mensajes: 65
  • Karma: 1
  • Sexo: Masculino
  • TheGroX
    • Ver Perfil
    • HabbaThe Web fan
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #9 en: 12 de Febrero de 2010, 19:47:48 pm »
gracias men me sirvio :D

Desconectado TheKeperUrban

  • PHPerit@
  • *
  • Mensajes: 7
  • Karma: 0
  • Sexo: Masculino
  • Web-Master
    • Ver Perfil
    • HabboFutura
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #10 en: 27 de Febrero de 2010, 04:35:24 am »
ese sirve con el de mod Ferri? porque en la linea 180 solo me sale else






Código: [Seleccionar]
<?
// Comprobamos si el archivo indispensable para le funcionamiento este presente
if(!file_exists("conectar.php")){
echo"<body><title>
Error: archivo conectar inexistente!!</title><b><font size=3>¡¡El Archivo conectar.php no existe!!</font></b><br><br><h1><font face=verdana>Sin ese archivo dificilmente vas a poder usar el minichat ¬¬, arreglalo! xD</font></h1></body>";
} else {
// Comprobamos si el instalador esta presente en la carpeta
if(file_exists("instalador.php")){
echo"<body><title>
Error: debes borrar el archivo instalar.php!!</title><b><font size=3>¡¡Para poder usar el minichat debes borrar el archivo instalador.php!!</font></b><br><br>
<h1><font face=verdana>Mas facil no puede ser, BORRA EL ARCHIVO instalador.php ;)</font></h1></body>";
} else {
session_start();
session_cache_limiter('nocache,private');

include("configtag.php");
include("lanzaralerta.php");
include("lanzaralertageneral.php");
include("colores.php");
include("funciones.php");
include("language/lang-".$langactual.".php");
?>

<? if ($activarMant == "off") { ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="Minichat v<?=$version; ?>">
<meta name="Author" content="RamFu">
<meta name="Generator" content="Minichat v<?=$version; ?>">
   <title>Minichat v<?=$version; ?></title>
<link REL="STYLESHEET" HREF="style.css" TYPE="text/css">

<script language="javascript">
<? include("funciones.js"); ?>
function catalogo(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,menubar=0,resizable=0,width=650,height=410,left = 152,top = 134');");
}
function registro(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,menubar=0,resizable=0,width=320,height=320,left = 152,top = 134');");
}
function badges(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,menubar=0,resizable=0,width=230,height=200,left = 152,top = 134');");
}
function guias(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,menubar=0,resizable=0,width=230,height=260,left = 152,top = 134');");
}
function ayuda(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,menubar=0,resizable=0,width=307,height=263,left = 152,top = 134');");
}

</script>
<style type="text/css">

.CampoTexto {
   font-size: 10px;
   font-family: verdana;
   border: 1px solid <? echo $bordecampo; ?>;
   background: <? echo $fondocampo; ?>;

}
#caja1 {
margin:0px;
padding:0px;
width:161px;
height:auto;
}
#caja2 {
margin:0px;
padding:0px;
width:161px;
height:auto;
background-image:url(img/vip_middle.png);
background-repeat:repeat;
}
.Texto {
   font-family: verdana;
   font-size: 10px;
   font-weight: normal;
   color: <?=$colortexto; ?>;
}

.toolbar{
background-image:url(menu_new/back.png);border:#000000 SOLID 2PX;width: 220px; height: 30px;
background-repeat:no-repeat}
body {
background-image: url();
margin-left: 5px;
margin-top: 5px;
}
.buttonv3 {
BORDER-RIGHT: #37798A 2px solid; BORDER-TOP: #37798A 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #37798A 2px solid; CURSOR: pointer; COLOR: #37798A; BORDER-BOTTOM: #37798A 4px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #E0EFF3; border-radius: 4px; moz-border-radius: 4px
}
</style>
</head>
<body bgcolor="<?=$colorfondo; ?>">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td bordercolor="#000000">
  <div align="center">
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="43"><div class="toolbar">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="51%"><?
if (isset($_SESSION['nnick'])) {
  if (!isset($_SESSION['iden'])) {
$iden = idenAdmin($_SESSION['nnick']);
    $_SESSION['iden'] = $iden;
$id = idAdmin($_SESSION['nnick']);
$_SESSION['id'] = $id;
  }
 
?>
                <a href="upanel.php?<? echo session_name()."=".session_id() ?>" class="EnlaceMenu" target="_blank"><span style="font-family: Trebuchet MS; font-size: 11px; color:white;"><b> <img src="menu_new/ir_panel.png" width="32" height="13" border="0" align="absmiddle"></b></span></a>
                    <? } ?></td>
                <td width="49%"><div align="right"><?php
if (isset($_SESSION[&#39;nnick&#39;])) {
?>

                  <a href="javascript:badges('badges');"><img src="menu_new/badges.png" width="16" height="16" border="0" align="absmiddle"> </a><a href="javascript:catalogo('shop');"><img src="menu_new/catalogo.gif" width="18" height="18" border="0" align="absmiddle"></a>
<?php
} else {?>
<a href="javascript:registro('catalogo');"><img src="menu_new/vip_head.png" width="73" height="13" border="0" align="absmiddle"></a> <?php
}
?>
<a href="javascript:ayuda('ayuda');"><img src="menu_new/help.png" width="13" height="17" border="0" align="absmiddle"></a></div></td>
              </tr>
            </table>
        </div></td>
        </tr>
    </table>
    <?
include ("main.php");
if ($_GET['mostrar'] == "tag.php") {
?>
    <iframe marginwidth="0" marginheight="0" src="tag.php?<?=session_name()."=".session_id(); ?>" frameborder="0" width="225" height="350" scrolling="auto" name="iframe" ></iframe>
    <?
} else {
?><div class="frame">
<? include("./".$_GET['mostrar']);
{
}
?>
</div>
  <? } ?></td>
</tr>
<form onSubmit="return enviado()" method="post"
action="procesar.php?<? echo session_name()."=".session_id() ?>" name="tag">
<tr>
  <td align="center" class="Texto">
    <div align="center">
      <?
if (isset($_SESSION['nnick'])) {
 echo _WELLCOME." <b>".$_SESSION['nnick']."";
 echo "</b> <a href=\"logout.php\" class=\"EnlaceMenu\">"._LOGOUT."</a>&nbsp;";
 if (isset($_SESSION['nnick'])){
 $nick = $_SESSION['nnick'];
   }
 else if (isset($_POST['nick'])) {
      echo "</b> <a href=\"logout.php\" class=\"EnlaceMenu\">"._LOGOUT."</a>&nbsp;";
       }
 } else {

if ($activarReg == "on")
$size = "17";
else
$size = "30";

if (!isset($_GET['n']) || $_GET['n'] == "")
$nick =_NICKNAME;
else
$nick = $_GET['n'];

?>
    </div>
    <label></label>
  <div align="left">
    Conéctate para enviar mensajes. <br><input name="nick" value="<?=$nick; ?>"  size="16" class="Campo"
maxlength="<? echo $maxNick; ?>" onFocus="borrarNick();" onClick="borrarNick();">
    <? if ($activarReg == "on") { ?>
    <input name="clave" value="<?=_PASSWORD; ?>" size="10" maxlength="10" type="Password"
onfocus="borrarClave();" class="Campo">
    <? } ?>
    <? } ?>
    &nbsp;</div></td></tr>
<? if ($activarUrl == "on") {
if (!isset($_GET['u']) || $_GET['u'] == "")
$web = "http://";
else
$web = $_GET['u'];
?>
<tr>
<td align="center"><input name="url" value="<?=$web; ?>" size=33 class="Campo"></td>
</tr>
<? } ?>
<tr>
<td align="left" class="Texto" valign="middle">
<? if(!$_SESSION['nnick']) { echo ""; } else { ?>
<input name="mensaje" size="23" value="<?=_MESSAGE; ?>" class="Campo" onFocus="borrarMensaje();"
maxlength="<? echo $maxMsg ?>" onKeyPress="charsleft(this);" onKeyDown="charsleft(this);"
onBlur="charsleft(this);" onKeyUp="charsleft(this);" wrap="VIRTUAL"
onChange="charsleft(this);">
<input class="Campo" size="2" value="<? echo $maxMsg ?>" name="num"
readonly></td><? } ?>
</tr>
<tr>
<td align="center">
  <div align="left">
    <input name="enviar" type="submit" class="Campo" value="<?php
  if (isset(
$_SESSION[&#39;nnick&#39;])) {
  echo "Enviar";
  } else {
  echo "Conectar";
  }
  ?>
">
    <?php
  if (isset(
$_SESSION[&#39;nnick&#39;])) {
  } else {
  ?>

      <input class="Campo" type="Reset" value="<?=_RESET; ?>" name="borrar" id="login-submit-button">
      <?php
  }
  if (isset($_SESSION[&#39;nnick&#39;])) {
  echo &#39;<input class="Campo" type="button" value="Actualizar" onClick="location.reload()">&#39;;
  } else {
  }
  ?>

      </div>
</form>
</form>
</tr>
</td>
</table>
</body>
</html>
<? } else { ?>
<body bgcolor="#82A1D9">
<p></p>
<p></p>
<p></p>
<p align="center">
<img border="0" src="img/mantenimiento.gif">&nbsp; </p>
<? } } } ?>
<? if ($raton == "on") {?>
<script language="Javascript">
var vie=
parseFloat(navigator.appVersion.slice(navigator.appVersion.indexOf("MSIE")+4,navigator.appVersion.length));
function sinmenu()
{
event.cancelBubble = true;
event.returnValue = false;
return false;
}
function noclicderecho(e)
{
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) return false;
else
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
{
if (vie < 5) // -- para el IE4 -- \\
{
alert('Puedes personalizar este mensaje');
return false;
}
else
if (vie >= 5) // -- para el IE5 -- \\
{
document.oncontextmenu = sinmenu;
return false;
}
}
return true;
}
document.onmousedown=noclicderecho;

// -- Desabilita el clic derecho en las capas (layers) -- \\

if (document.layers)window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=noclicderecho;
</script>
<!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript">
<!--

   function event_false() {
         window.event.returnValue = false
   }

document.onselectstart = event_false

//-->
</script>
<!--webbot bot="HTMLMarkup" endspan -->
<? } ?>

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #11 en: 27 de Febrero de 2010, 12:03:29 pm »

 Me estoy empezando a hartar un poco con este tipo de asunto como por ejemplo : ¿En que línea lo pongo? .
Es evidente que si un usuario ha hecho una modificación de un minichat, las cosas van a cambiar y la colocación de las
líneas también van a variar.

Por lo tanto con eso estoy empezando a creer que los que estáis en la sección de MC no queréis aprender, queréis que os
lo hagamos todo (En estos momentos comprendo a West). Por favor no seais vagos y buscar la línea.

#Fdo. Physlet

Desconectado ferri

  • PHPero Experto
  • *****
  • Mensajes: 642
  • Karma: 40
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] Agregar imagen de fondo al Mc
« Respuesta #12 en: 27 de Febrero de 2010, 13:13:47 pm »
TheKeperUrban, para cambiar el fondo es en el tag.php no en el ftag.php.

Un saludo ;)

Desconectado Guero

  • PHPero Avanzado
  • ****
  • Mensajes: 439
  • Karma: 13
  • Sexo: Masculino
  • PHPeros, tu web PHP
    • Ver Perfil
    • De aquí, puedes encontrar Roma
Poner fondo en el MC
« Respuesta #13 en: 27 de Febrero de 2010, 14:51:40 pm »
Todo lo que sea dentro de el chat digamos, los mensajes, el diseño y todo es tag.php el diseño del exterior es ftag.php, podriais confundiros, pero es facil. La parte que sea blanca y este separada de las demas, es el tag.php.

Un cordial saludo, Guero.