¡Advertencia!

Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.

Programación Demostrando....

Ghost

Cuenta Oficial

Dios del Foro

Mensajes: 218.831

hace 15 años

Ya que dark no creyo en mi eh tenido que demostrarlo, tal es el caso de mi web www.danger-vip.es.tl ala cual por falta de tiempo le puse un diseño medio feo, pero tipo habbo es lo que cuenta...

Mas dark tu tomas como publicidad mi web mas no sera una webfan, la voy a dedicar a poner templtes tales como para webfan ;).

ami web no la dejare asi pero les dejare los codigos para que lo demuestren, yo pondre el layout de mantenimiento pues no me gusto mucho lo que hize :juju:

pero enseguida les dejo los codigos para que los prueben en su cuenta de PWG.

Texto por ensima de la pagina:

<div id="bgbanner">

<div id="logo"></div>

<div align="center">

<div id="djsays"><marquee>Danger-Vip demuestra lo casi imposible ;)</marquee></div>

</div>

</div>

<div id="ctops"><img src="images/ctops.png" alt="topimage"/>

<div id="columnleft">
<div id="topbox"></div>
<div id="boxmid">lolololol</div>
<div id="boxbt"></div>
<div id="topbox"></div>

<div id="boxmid">lolololol</div>
<div id="boxbt"></div>
<div id="bottomleft"><img src="images/colbot.png" alt="bottumcolumn"/></div></div>

<div id="columnright">
<div id="topbox"></div>
<div id="boxmid">lolololol</div>
<div id="boxbt"></div>
<div id="topbox"></div>

<div id="boxmid">lolololol</div>
<div id="boxbt"></div>
<div id="bottomright"><img src="images/colbot.png" alt="bottumcolumn"/> </div></div>

<div id="columnmid">

texto por debajo de la pagina:

<div id="topcontent"></div>
<div id="midcontent">lolololol</div>
<div id="botcontent"></div>

<div id="bottommid"><img src="images/midcolbot.png" alt="bottumcolumn"/></div>

</div>
</div>

css code sin style tag's:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

@charset "UTF-8";
/* CSS Document */
/* Coded by Alfredo Morales of Habbville.com */
body
{
background: #dadbd0;
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana, Tohoma;
color: #787878;

}

div#bgbanner
{
background-image: url(http://img10.imageshack.us/img10/2158/bannerbgm.png);
width: 100%;
height: 74px;
overflow: hidden;
position: relative;

}

div#logo
{
background-image: url(http://img238.imageshack.us/img238/2696/indexn.gif);
width: 191px;
height: 53px;
margin-top: 15px;
margin-left: 7px;

}

div#djsays
{
background-image: url(http://img269.imageshack.us/img269/9780/djsays.png);
width: 474px;
height: 33px;
margin-top: -68px;
font-size: 12px;
padding-right: 10px;
padding-left: 10px;
padding-top: 11px;

}

#left
{
width: 221px;
float: left;
}

#right
{
width: 215px;
float: right;
margin: 0 auto;
}

div#ctops
{
height: 6px;
width: 982px;
margin: auto;
position: relative;
}

div#columnleft
{
background-image: url(http://img132.imageshack.us/img132/9320/colmid.png);
width: 220.5px;
min-height: 200px;
position: absolute;
padding-left: 5.5px;
padding-top: 15px;

}

div#columnright
{
background-image: url(http://img132.imageshack.us/img132/9320/colmid.png);
width: 220.5px;
min-height: 200px;
position: absolute;
right: 0;
padding-left: 5.5px;
padding-top: 15px;

}

div#columnmid
{
background-image: url(http://img10.imageshack.us/img10/5719/midcolmid.png);
width: 509px;
margin: 0 auto;
position: relative;
padding-left: 7px;
padding-top: 15px;
}

div#bottomleft
{
margin-left: -6px;

}

div#bottomright
{
margin-left: -6px;

}

div#bottommid
{
margin-left: -7px;

}
div#topbox
{
background-image: url(http://img10.imageshack.us/img10/6796/boxtop.png);
width: 213px;
height: 34px;
}

div#boxmid
{
background-image: url(http://img146.imageshack.us/img146/524/boxmid.png);
width: 205px;
min-height: 100px;
padding-top: 8px;
padding-left: 8px;
}

div#boxbt
{
background-image: url(http://img56.imageshack.us/img56/9316/boxbot.png);
width: 213px;
height: 7px;
margin-bottom: 13px;
}

div#topcontent
{
background-image: url(http://img146.imageshack.us/img146/1106/contenttop.png);
width: 500px;
height: 33px;
}

div#midcontent
{
background-image: url(http://img190.imageshack.us/img190/6461/contentmid.png);
width: 492px;
min-height: 100px;
padding-top: 8px;
padding-left: 8px;
}

div#botcontent
{
background-image: url(http://img11.imageshack.us/img11/6889/contentbot.png);
width: 500px;
height: 9px;
margin-bottom: 13px;

}

y tambien los codigos del layout de mantenimiento por que pondre otro para la web

Texto por ensima de la pagina:

<html>
<head>
<title>YourSite.com ~ Your Tagline!</title>
<meta http-equiv="Content-Type" content="text/html;">


<LINK href="css/style.css" rel="stylesheet" type="text/css"></head>
<table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="7" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="5" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="2" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="39" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="39" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="402" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="38" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="2" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="7" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="7" height="1" border="0" alt=""></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="1" border="0" alt=""></td>
</tr>

<tr>
<td colspan="12"></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="8" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="8"></td>
<td colspan="10" background="http://img139.imageshack.us/img139/2668/indexr2c2.png"></td>
<td rowspan="8"></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="8" border="0" alt=""></td>
</tr>
<tr>
<td colspan="10" background="http://img26.imageshack.us/img26/3894/indexr3c2.png"></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2" background="http://img15.imageshack.us/img15/8513/indexr4c2.png"></td>
<td><img name="index_r4_c5" src="http://img149.imageshack.us/img149/7286/indexr4c5.png" width="1" height="21" border="0" alt=""></td>
<td background="http://img268.imageshack.us/img268/9652/indexr4c6.png"></td>
<td background="http://img149.imageshack.us/img149/2248/indexr4c7.png">
<marquee>
<font color="#FFFFFF">Pagina en mantenimiento</font>
</marquee></td>
<td><img name="index_r4_c8" src="http://img107.imageshack.us/img107/1918/indexr4c8.png" width="1" height="21" border="0" alt=""></td>
<td colspan="3" rowspan="2" background="http://img12.imageshack.us/img12/8858/indexr4c9.png"></td>
<td><img src="http://img17.imageshack.us/img17/4470/spacerffr.gif" width="1" height="21" border="0" alt=""></td>
</tr>
<tr>
<td colspan="4" background="http://img196.imageshack.us/img196/2655/indexr5c5.png"></td>
<td><img src="http://img17.imageshack.us/img17/4470/spacerffr.gif" width="1" height="73" border="0" alt=""></td>
</tr>
<tr>
<td colspan="10" background="http://img224.imageshack.us/img224/486/indexr6c2.png"></td>
<td><img src="http://img9.imageshack.us/img9/42/spacersfb.gif" width="1" height="8" border="0" alt=""></td>
</tr>
<tr>
<td background="http://img11.imageshack.us/img11/3404/indexr7c2.png"></td>
<td background="http://img231.imageshack.us/img231/4741/indexr7c3.png"></td>
<td colspan="6" align="left" valign="top" background="http://img231.imageshack.us/img231/4196/indexr7c4.png">Luego abro la web y como veran ya no sera completamente de entretenimiento si no que sera una pagina habbo, mientras tanto dejo el xat <img border="0" alt="" style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNDIwOTgyNTg*NDYmcHQ9MTI*MjA5ODM4NTU*MCZwPTUzMTUxJmQ9Jmc9MSZ*PSZvPTVkY2IzMDdkNmU1NDRiOWM5MzVhZGI1ODQ4OGMwMGEw.gif" /><embed height="405" width="540" align="middle" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" name="chat" flashvars="id=59232204" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml"></embed><br />
<small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=59232204">Go Large!</a></small><br>
<br>
<br>
<br>
<br>
<br>
<center>
<h1>HASTA LUEGO :D</h1>
</center></td>
<td background="http://img35.imageshack.us/img35/3757/indexr7c10.png"></td>
<td background="http://img35.imageshack.us/img35/2716/indexr7c11.png"></td>
<td><img src="http://img148.imageshack.us/img148/1241/spacerfib.gif" width="1" height="247" border="0" alt=""></td>
</tr>
<tr>

texto por debajo de la pagina:

<td colspan="10" valign="middle" background="http://img146.imageshack.us/img146/8223/indexr8c2.png">
<div align="center">Totalmente en mantenimiento ;)</div></td>
<td><img src="http://img148.imageshack.us/img148/1241/spacerfib.gif" width="1" height="25" border="0" alt=""></td>
</tr>
<tr>
<td colspan="10"></td>
<td><img src="http://img37.imageshack.us/img37/7342/spacermwb.gif" width="1" height="9" border="0" alt=""></td>
</tr>
</table>

css code sin style tag's:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* CSS Document */
/* Css Put Together by Josh Morris (iCloudz of Habbo UK) */
/* For more information please email iCloudz@iCloudz.org */
body,td,th {
font-family: Verdana;
font-size: 10px;
color: #666666;
}
background-image: {
url(http://img139.imageshack.us/img139/2953/17438837.gif)
}
td {padding-left: 0px}
}
td {padding-top: 0px}
ul {
list-style-image: url(http://img40.imageshack.us/img40/9840/my3y.gif)
}

a:link {
color:#666666;
font-weight: normal;
text-decoration: none;
}

a:visited {
color:#666666;
font-weight: normal;
text-decoration: none;
}

a:hover {
color:#666666;
font-weight: none;
text-decoration: underline;
}
body
{
background-image:
url('images/bg.gif')
}
form{
margin: 0;
padding: 0px;
}
input, textarea, select{
font-family: Verdana;
font-size: 10px;
color: #000000;
border: 1px solid #000000;
}
td{
font-family: Verdana;
font-size: 10px;
color: #000000;
}
option{
font-family: Verdana;
font-size: 10px;
color: #4A4A4A;
}

Espero les sirvan :juju:

P.D:Los layouts tanto como el normal y el del mantenimiento se editan en el codigo, SOLO ALGUNAS COSAS, como pudiste ver, no hay links pero tu puedes poner el codigo de los links aqui se los dejo el codigo para que pongas links en cualquier box:

<a id="bottomlink" href="http://www.habbos.es/?s=tyc">Términos y Condiciones</a>

el codigo del link es editable tambien, solo tome un ejemplo de abajo "TERMINOS Y CONDICIONES"

Saludos. :juju:

P.D de la P.D: hare otro post donde ire poniendo layouts de mantenimiento y normales adaptados.

Saludos. :juju:

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻

Ghost

Cuenta Oficial

Dios del Foro

Mensajes: 218.831

hace 15 años

Ponedlo a descarga, mejor irá :).

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻

Ghost

Cuenta Oficial

Dios del Foro

Mensajes: 218.831

hace 15 años

Así los pondre, saludos gracias!. :juju:

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻

Programación Demostrando....