Supeeeer, para terminar y empezar... ¿dónde se edita el largo del portal? Me falto espacio ;w;
a ver que sale con el Dub =S
a ver que sale con el Dub =S
</div>
body {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
text-align: center;
background: #e8e8e8;
}
html, body, #wrapper, h1 {
margin: 0;
padding: 0;
}
th, td {
font-size: 11px;
}
img { border: 0; }
#wrapper {
margin: auto;
text-align: left;
width: 100%;
position: relative;
}
h1, h2, h3 {
font-size: 11px;
}
h7 {
margin: 0;
padding: 0;
font-size: 18px;
color:#191919;
text-transform: uppercase;
font-weight: bold;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0 0 0px 0;
padding: 0;
}
h3 {
padding: 4px 0 0 0;
}
.block {
display: block;
}
.clear {
clear: both;
height: 2px;
padding-top: 0;
margin-top: 0;
margin-bottom: 0px;
font-size: 1px;
}
.left {
float: left;
margin: 1px 8px 0px 0px;
}
.softright {
text-align: right;
}
.readmore {
text-align: right;
}
/* ***** */
#inner {
border-left: 0px solid #fff;
border-right: 0px solid #fff;
background: white;
color: black;
margin-bottom: 10px;
}
#header {
background: url(http://i.imgur.com/pA5za.png) repeat-x;
padding-top: 0px;
position: relative;
}
#header img {
display: block;
}
#nav {
position: absolute;
right: 830px;
top: 300px;
width: 300px;
}
#nav, #nav a {
color: white;
font-weight: bold;
text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
#browse {
float: left;
width: 195px;
margin: 0;
padding: 0;
background: white;
border-bottom: 0px solid ;
border-radius: 10px;
}
#browse dt {
background: #212121;
color: #fff;
margin: 0px 0px 1px 0px;
padding: 4px 0;
text-align: center;
font-weight: bold;
}
#browse dd {
background: #434343;
border-bottom: 1px solid #353535;
padding: 0;
margin: 0 0px;
text-align: left;
}
#browse dd a {
color: white;
text-decoration: none;
display: block;
padding: 3px 22px;
}
* html #browse dd {
padding: 3px 22px;
padd\ing: 0;
}
* html #browse dd a {
display: inline;
di\splay: block;
}
#browse dd a:hover {
text-decoration: underline;
}
#browse .first {
padding-top: 10px;
}
#browse .last {
padding-bottom: 8px;
border-bottom: 0px solid white;
}
#browse .searchform {
padding: 0px;
}
#browse .text, #browse select {
width: 0px;
}
#browse form {
margin: 0;
padding: 0;
}
#browse form div {
padding-bottom: 0px;
width: 0px;
}
#tcontent {
float: left;
margin: 0px;
padding: 0px;
width: 800px;
}
/* content */
.content { padding:0px 0 0 0; }
.content_resize { margin:0 auto; padding:0; width:100%;}
.content .mainbar { margin:0; float:right;}
.content .mainbar img { float:center; padding:2px; margin:0 10px 0 0; border:1px solid #eaecec; background-color:#fff;}
.content .mainbar .article { margin:0 0 20px 0; padding:30px 20px; width:770px; border:1px solid #d8d6d6; background:#fefefe url(http://i.imgur.com/K6QpD.gif) top repeat-x; font-family: calibri; Arial, Helvetica, sans-serif; font-size:12px; color:#555555; font-weight: normal; }
.content .mainbar .article span.butons a { margin:0 5px 0 0; float:right; color:#9a9a9a; padding:1px 10px; text-decoration:none; border:1px solid #ebe8e8; background:#fbfbfc;}
.content .mainbar .article span.butons a:hover { border:1px solid #d9f0ff; background:#40b5ff; color:#fff; text-decoration:none;}
.content .mainbar .article span.butons a.active { border:1px solid #ebe8e8; background:#40b5ff; color:#fff; text-decoration:none;}
.content .sidebar { margin:0; padding:0; float:right; }
.content .sidebar .gadget { margin:0 0 20px 0; padding:30px 20px; width:230px; border:1px solid #d8d6d6; background:#fefefe url(http://i.imgur.com/K6QpD.gif) top repeat-x;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0; border-bottom:1px solid #dedede;}
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#959595; text-decoration:none; margin-left:-12px; padding-left:12px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#2cadff; text-decoration:underline;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}
#templatemo_left_column {
float: right;
margin: 0px 0px 0px 0px;
padding: 22px 10px;
width: 300px;
background: #3d3d3d;
min-height: 200px;
}
#templatemo_middle_column {
float: left;
margin: 0px 0px 0px 0px;
padding: 20px 10px;
width: 700px;
background: #3d3d3d;
min-height: 250px;
font-weight: normal;
}
/* left column */
#leftcolumn_box01 {
width: 270px;
padding: 15px 15px 15px 15px;
background: #197fae;
border-top: 5px solid #0a5f86;
margin: 0px 0px 5px 0px;
}
#leftcolumn_box01 ul {
margin: 0px;
padding: 10px 0px 0px 5px;
list-style: none;
color: #ffffff;
}
#leftcolumn_box01 ul li{
display: block;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #ffffff;
}
#leftcolumn_box01 ul li a{
padding: 0px 0px 0px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
}
#leftcolumn_box01 ul li a:hover{
text-decoration: underline;
color: #ffffff;
}
#leftcolumn_box02 {
width: 270px;
padding: 15px 15px 15px 15px;
background: #6ebfdc;
border-top: 5px solid #008fc1;
margin: 0px 0px 5px 0px;
}
#leftcolumn_box02 ul {
margin: 0px;
padding: 10px 0px 0px 5px;
list-style: none;
color: #ffffff;
}
#leftcolumn_box02 ul li{
display: block;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #ffffff;
}
#leftcolumn_box02 ul li a{
padding: 0px 0px 0px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
}
#leftcolumn_box02 ul li a:hover{
text-decoration: underline;
color: #ffffff;
}
#section1 {
float: left;
width:473px;
margin-right: 0px;
padding: 10px;
border-top: 5px solid #ff2093;
background: #b50f65;
}
#section1 p{
margin: 0px;
padding: 0px 0px 10px 0px;
}
#section2 {
float: left;
width:473px;
margin-right: 0px;
padding: 10px;
border-top: 5px solid #97ef39;
background: #66b214;
}
#section2 p{
margin: 0px;
padding: 0px 0px 10px 0px;
}
#section3 {
float: left;
width:473px;
margin-right: 0px;
padding: 10px;
border-top: 5px solid #5d5d5d;
background: #f1f1f1;
height: 1055px;
}
#section3 p{
margin: 0px;
padding: 0px 0px 10px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#373737;
font-weight: none
}
#section4 {
float: left;
width:790px;
margin-right: 0px;
padding: 10px;
border-top: 5px solid #5d5d5d;
}
#section4 p{
margin: 0px;
padding: 10px 0px 10px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
}
#foot {width:100%; height:70px; float:left; background:url(http://i.imgur.com/NKqxe.png) repeat-x}
#foot_cen {width:100%px; margin:10px auto 0 auto}
#foot ul {width:100%px; margin:100px auto 0 auto}
#foot ul li {width:auto; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#dbdbdb; line-height:18px}
#foot ul li a {width:auto; float:left; color:inherit}
#foot ul li.space {width:auto; float:left; padding:0 6px}
#foot p {width:700px; margin-top:10px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#dbdbdb; line-height:14px; text-align:center}
#
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AkibaCity!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="AkibaCity! Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="inner">
<div id="header">
<h1></h1>
<div id="nav">
<div align="right">
<a href="">PORTAL</a> | <a href="">FORO</a> | <a href="r">CONTACTO</a> </div>
</div><!-- end nav -->
<img src="http://i.imgur.com/uATpL.png" width: 600px;>
</div><!-- end header -->
<dl id="browse">
<dt>Opening/Ending!</dt>
<dd class="first">
<iframe title="YouTube video player" width="190" height="215" src="http://www.youtube.com/embed/_x884k9QQiU" frameborder="0" allowfullscreen></iframe>
</dd>
<dt>Menú Principal</dt>
<dd ><a href="index.html">Inicio</a></dd>
<dd ><a href="http://www.freewebsitetemplates.com">Noticias</a></dd>
<dd><a href="http://www.akibacity.net/forum">Foro</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Staff</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Afiliación</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Afiliados</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Contacto</a></dd>
<dt>Akiba no Fansub</dt>
<dd ><a href="http://www.freewebsitetemplates.com">Actualizaciones</a></dd>
<dd ><a href="http://www.freewebsitetemplates.com">Proyectos</a></dd>
<dd><a href="no page"><s>Anime</s></a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Manga</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Staff</a></dd>
<dd ><a href="http://www.freewebsitetemplates.com">Reclutamiento</a></dd>
<dt>Links Externos</dt>
<dd ><a href="http://akibacity.blogspot.com/">Akiba Blog</a></dd>
<dd><a href="http://akibamusic.blogspot.com/">AkibaMusic!</a></dd>
<dd><a href="http://akibacity.deviantart.com/">Deviantart</a></dd>
<dd><a href="http://www.facebook.com/pages/AkibaCity-Happy-Book/107263775965041">Facebook</a></dd>
<dd><a href="http://www.twitter.com/akibahappy">Twitter</a></dd>
<dd><a href="no page"><s>Youtube</s></a></dd>
<dt>Anime & Manga</dt>
<dd ><a href="http://www.freewebsitetemplates.com">Gosick <img src="http://i.imgur.com/V9NNr.png"></a> </dd>
<dd><a href="http://www.freewebsitetemplates.com">Fortune Arterial <img src="http://i.imgur.com/V9NNr.png"></a></dd>
<dd><a href="http://www.freewebsitetemplates.com">One Piece</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Dragon Ball</a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Reviews</a></dd>
<dd><a href="no page"><s>Descargas</s></a></dd>
<dd><a href="no page"><s>J-Music</s></a></dd>
<dd><a href="no page"><s>Lyrics & Videos</s></a></dd>
<dd><a href="no page"><s>Videojuegos</s></a></dd>
<dd><a href="no page"><s>Otros</s></a></dd>
<dt>Multimedia</dt>
<dd ><a href="no page"><s>Wallpapers</s></a></dd>
<dd><a href="http://www.freewebsitetemplates.com">Icons & Avatares Gifs</a></dd>
<dd><a href="no page"><s>Fanarts</s></a></dd>
<dd><a href="no page"><s>Artbooks</s></a></dd>
<dd><a href="no page"><s>Calendarios</s></a></dd>
<dd><a href="no page"><s>Userbars</s></a></dd>
<dd><a href="no page"><s>Firmas</s></a></dd>
<dd class="searchform">
<dt>Afíliate!</dt>
<dd >
<br>
<div align="center"><font color="#ffffff"><b>Si te agradó la web,
agrega uno de nuestros botones.
<br>
<img src="http://c.imagehost.org/0267/AKC_boton.png">
<textarea name="BAN1" cols="12" rows="3" class="Estilo1"><a href="http://www.akibacity.net/"><img src="http://c.imagehost.org/0267/AKC_boton.png" alt="AkibaCity, para los Verdaderos Otakus" title="AkibaCity"/></a></textarea>
<br>
<a href="http://www.akibacity.net/?pid=1"><b>Más Botones aquí!</a> ¿Quiéres que te afiliemos? Entra <a href="http://www.akibacity.net/t955-reglas-afiliacion-de-webs">Aquí!</a></b></a>
</div>
</dd>
<dd class="searchform">
<dd class="last">
<dt>Afiliados Élite</dt>
<dd>
<center><a href="http://www.leveleando.com/"_blank" title="Leveleando"><img src="http://www.leveleando.com/leveleando_88x31.jpg"/></a><a
href="http://www.narunet.servermh.net" target="_blank"><img
src="http://img101.imageshack.us/img101/6053/narunet2.png" alt="Narunet"
border="0"></a> <a href="http://nkanime.com/" target="_blank"><img src="http://nkanime.com/images/banners/afiliados/bannernka.jpg" alt="niraikanai""></a> <a href="http://www.soltax-otaku.com/"><img src="http://www.soltax-otaku.com/portal/MiniBanner_cc.jpg" alt="Soltax Otaku"/></a></center>
</dd>
</dl>
<div id="body">
<div class="content">
<div id="templatemo_left_column">
<div id="leftcolumn_box01">
<div class="leftcolumn_box01_top">
<h2><b>¡ÚLTIMAS NOTICIAS!</b></h2>
<ul>
<li> ><a href="#">El concierto virtual de Macross Frontier en PS Home.</a></li>
<li> ><a href="#"> Eiga Suite Precure Movie, estreno en Octubre.</a></li>
<li> ><a href="#">Sentai Filmworks agrega al anime Infinite Stratos.</a></li>
<li> ><a href="http://www.flashmo.com" target="_parent">Itsuka Tenma no Kuro-Usagi: De la Novela Ligera al Anime.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent">Película de Sengoku Basara, Kodomo no Jikan DVD Promo, ¡y más!</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Encuesta de Cobs': Arma/Movimiento de manga Favorito.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Fate/Zero: Muy pronto en anime.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Macross Frontier Movie: Sayonara no Tsubasa.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent">Supernatural, en anime.</a></li>
</div>
</div>
<div id="leftcolumn_box02">
<h2><b>AKIBAMUSIC EN DD!</b></h2>
<ul>
<li> ><a href="#"> Silent Hill 2 Original Soundtrack.</a></li>
<li> ><a href="#"> Castlevania Lords of Shadow OST.</a></li>
<li> ><a href="#">Disgaea - Hour of Darkness OST.</a></li>
<li> ><a href="#">Legend of Zelda Ocarina of Time OST.</a></li>
<li> ><a href="#">Detective Conan 3 OST.</a></li>
<li> ><a href="#"> Digimon Adventures OST.</a></li>
<li> ><a href="#"> Final Fantasy VII OST (4CD's).</a></li>
<li> ><a href="#"> Shluffe Memories All OST.</a></li>
<li> ><a href="#"> Yann Tiersen.</a></li>
</ul>
</div>
<div id="leftcolumn_box01">
<div class="leftcolumn_box01_top">
<h2><b>¡ÚLTIMAS REVIEWS!</b></h2>
<ul>
<li> ><a href="#"> MM! (Emu Emu!?).</a></li>
<li> ><a href="#"> Paprika: Detective de los Sueños.</a></li>
<li> ><a href="#"> Fairy Tail.</a></li>
<li> ><a href="http://www.flashmo.com" target="_parent"> Paranoia Agent.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Umineko No Naku Koro Ni.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Toradora! Review.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Fate/Zero: Muy pronto en anime.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Tokyo Mew Mew!.</a></li>
<li> ><a href="http://www.templatemo.com" target="_parent"> Tantei Gakuen Q.</a></li>
</div>
</div>
<div id="leftcolumn_box02">
<h2><b>¡ÚLTIMOS VIDEOJUEGOS EN DD!</b></h2>
<ul>
<li> ><a href="#"> Silent Hill 2.</a></li>
<li> ><a href="#"> Naruto Shuppuden: Narutimate Accel 2.</a></li>
<li> ><a href="#"> Shin Megami Tensei: Persona 4.</a></li>
<li> ><a href="#"> Digimon Rumble Arena 2.</a></li>
<li> ><a href="#"> Resident Evil 4.</a></li>
<li> ><a href="#"> Final Fantasy VII.</a></li>
<li> ><a href="#"> Pokemon Heart Gold & Soul Silver.</a></li>
<li> ><a href="#"> Shadow of Memories.</a></li>
<li> ><a href="#"> Dragon Ball: Budokai Tengaichi 3.</a></li>
</ul>
</div>
<div id="leftcolumn_box01">
<div class="leftcolumn_box01_top">
<h2><b>¡WALLPAPER DE LA SEMANA!</b></h2>
<ul>
<li> <img src="http://www.gamebump.com/images/upload/b3nzdgtu8wf3uj4ut1i7y4cd.jpg" width="260" height="186" alt="Wallpaper" /></li>
</div>
</div>
</div>
</div>
<div id="section3">
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 473px; height: 450px}
.picshow_main { position: relative; width: 473px; height: 450px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 473px; height:450px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 430px; right: 0px; left:20px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<SCRIPT language=javascript>
var counts = 3;
img1 = new Image();
img1.src = 'http://i.imgur.com/6OnBh.png';
img2 = new Image();
img2.src = 'http://i.imgur.com/yxGWr.png';
img3 = new Image();
img3.src = 'http://img37.imageshack.us/img37/8826/not006.png';
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
url1 = 'http://www.akibacity.net/t953-supernatural-en-anime';
url2 = 'http://www.akibacity.net/t960-macross-frontier-movie-sayonara-no-tsubasa';
url3 = 'http://www.akibacity.net/t989-fate-zero-muy-pronto-en-anime';
alt1 = new Image();
alt1.alt = 'Supernatural, En Anime';
alt2 = new Image();
alt2.alt = 'Macross Frontier Sayonara no Tsubasa';
alt3 = new Image();
alt3.alt = ' Fate Zero';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 7000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
ImageShow();
</SCRIPT></center>
<div class="clear"></div>
</div>
</div>
<div id="foot">
<div id="foot_cen">
<h6></h6>
<div align="right"><p> © Copyright AkibaCity! Ahora el Doble de Anime y Manga. | Todos los Derechos Reservados.</p>
</div>
</div>
</div><!-- end inner -->
</body>
</html>