He estado editando mi foro como he podido, pero me he fijado en que los widgets de la izquierda (los únicos que tengo ahora mismo) no se ven bien, además de que la tabla de afiliados, que se supone que está abajo del todo (y así se ve en el índice) luego se ve en el lateral como en un Widget. Dejo capturas:
- Spoiler:
Como podéis ver, el lateral se ve como apretado y cortado, y además la tabla está ahí, que no debería aparecer. Los códigos que utilizo son los siguientes:
El HTML del tablón de afiliados.
- Código:
*gh* http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Los Reinos de Annwëm</title><style type="text/css">
body {
background-color: #000;
}
#Contenido {
width:1024px;
height:768px;
margin:0 auto;
background-image:url(http://2img.net/i/fa/pbucket.gif);
border-radius:30px;
}
#WidgetRight {
position:absolute;
left:737px;
top:30px;
width:269px;
height:336px;
z-index:1;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
color: #FFF;
text-align: center;
margin: 0px 120px;
}
.Textoexp {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: normal;
}
#Afiliados {
position:absolute;
left:189px;
top:141px;
width:624px;
height:624px;
z-index:2;
}
</style>
<div id="Contenido">
<div id="WidgetRight">
<p>
•• AFÍLIATE ••
</p>
<p>
<img src="http://2img.net/i/fa/pbucket.gif" style="width: 100px; height: 35px;" />
</p>
<p>
<textarea name="textarea" cols="20" rows="3" disabled="disabled" readonly="readonly" id="textarea"><a href="http://annwem.foroactivo.com/" target="_blank"><img src="http://2img.net/i/fa/pbucket.gif"border="0" alt="Los Reinos de Annwëm"></a>
</a></textarea>
</p>
</div>
<div id="Afiliados">
<p>
<span style="color: #ffffff;">• 88x31 •</span>
</p><a href="http://sweet-yuri.ya.st" target="_blank"><img src="http://2img.net/i/fa/pbucket.gif" title="Sweet Yuri" border="0" /></a> <a href="http://corazondemelon.foroactivo.com/"><img src="http://i47.tinypic.com/zlrh1g.gif" /></a> <a href="http://daysofrol.foroactivo.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://2img.net/i/fa/pbucket.gif?t=1304466093" border="0" alt="" /></a>
<p>
<span style="color: #ffffff;">• 100x35 •</span>
</p><a href="http://muffiatto.forosactivos.net/" target="_blank"><img src="http://2img.net/i/fa/pbucket.gif" border="0" alt="Muffliatto" /></a><a href="http://lost-dimensions.forosactivos.net/" target="_blank"><img src="http://2img.net/i/fa/pbucket.gif" border="0" alt="Lost Dimensions" /></a>
</div>
<br />
</div>
Javascript del tablón de afiliados:
- Código:
$(document).ready(function () {
$('#finalforo').appendTo('#content');
});
CSS del foro:
- Código:
ul.topiclist {
background-color: black;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-size: 15px;
font-family: calibri;
letter-spacing: 3px;
}.postprofile{
height: 480px;
float: left;
text-align: center;
width: 180px;
margin-left: 10px;
margin-top: 20px;
padding-top: 28px;
text-shadow: 1px 1px 0px black;
.postbody}
{ border-left: 10px solid #28201e;
padding: 5px;
}
/*Menu*/
a.mainmenu {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 500!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:
#A1A1A1;
width: 900px;
text-transform: uppercase;
border-bottom: 3px solid
#28201e;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.mainmenu:hover {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 500!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:transparent;
text-shadow: 0px 0px 2px #A1A1A1;
width: 900px;
text-transform: uppercase;
border-bottom: 3px solid
#241010;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.module .h3 {
visibility:hidden;
}
/*Cuerpo*/
#wrap {
min-width:1280px;
max-width: 1180px;
font-size: 10.5px;
}
/*Bordes laterales del foro*/
#wrap {
margin-top: -15px;
margin-bottom: -15px;
-moz-border-radius: 0px;
border-radius: 0px;
border-right : 10px solid #28201e;
border-left: 10px solid #28201e;
}
#wrap {
min-width:1180px;
max-width: 1180px;
margin-left: 100px;
font-size: 11px;
border: 0px solid #;
}
.module .h3 {
visibility:hidden;
display:none;
}
/*perfiles*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;}
.postprofile dd {
text-align: center;
margin-top: 4px;
}
/*ocultarinformacióndeperfil*/
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
background: url("") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}
.postprofile {
text-align:center;
}
#afiliados-celina img {
opacity: 0.7;
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
}
#afiliados-celina img:hover {
opacity: 1;
}
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0 px;
overflow-y: auto;
overflow-x: auto;
}
::-webkit-scrollbar {
width: 3px;
height: 3px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 30px;
display: block;
background-color: #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #ffffff;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: ALTURA DESEADApx;
background-color: #28201e;
border: 1px solid #28201e;
}
/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 3px;
background-color: #28201e;
border: 1px solid #28201e;
}
#textarea_content { margin-top: 3px; }
.navbar {
font-size: 9px;
font-family: Trebuchet MS;
}
#page-header .navbar{
margin-top: 20px;
}
.postprofile a img{
opacity: 0.7;
transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-webkit-transition: all 0.7s ease 0s;
}
.postprofile a img:hover {
opacity: 7;
}
/* nuevos agregados */
::-webkit-scrollbar {width: 10px;height: 10px;background-color: #000000;}
::-webkit-scrollbar-thumb{background-color: #28201e;}
.module {
text-align:center;
background-color:transparent;
}.spoiler_content { color:#000000; }
/*foros*/
.forabg {
padding: 0px;
}
ul.forums {
background: #;
text-align: justify;
border-bottom: 10px solid #28201e;
}
/*foros*/
.forabg {
padding: 0px;
}
ul.forums {
background: #;
text-align: justify;
border-bottom: 10px solid #28201e;
}
/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 5px;
background: #28201e;
border-bottom: 10px solid #28201e;
text-align: center;
}
.table-title, .table-title h2 {
color: #fff;
font: 20px 'Baumans';
letter-spacing: 2px;
text-shadow: 1px 1px 1px #333;
width: 670px;
}
/*título estadisticas y en línea*/
.h3 {
padding: 10px;
background: #;
border-bottom: 10px solid #;
text-align: center;
color: #;
font: 20px 'Baumans';
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
}
.h3 a:link, .h3 a:visited, .h3 a:active {
color: #fff;
}
/*desaparece la cabera*/
.forabg li.header dd.lastpost {
display:none;
}
.forabg li.header dd.posts {
display:none;}
.forabg li.header dd.topics {
display:none;
}
/*Ultimos Temas*/
.#left {display:none;}
/*Estilo leyenda y nombre usuario*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 20px;
font-style:;
text-align: center;
text-shadow: 0 0 4px #fff;
text-transform: lowercase;
}
p em {
font-style: normal;
color: transparent;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}
#desc3:hover .links {
display: inline;
background: #131313;
-webkit-transition:0.3s;
-o-transition:0.3s;
-moz-transitio:0.3s;
}
#texto {
float: center;
text-align: center;
text-shadow: 1px 1px 0px #000000;
height: 85px;
position: relative;
color: #808080
}
#texto a {
display: block;
background: #687A61;
margin-bottom: 1px;
}
/*Redondear algunas zonas*/
input.inputbox, input.button1{
border-radius:8px;
}
/*Títulos de los foros*/
a.forumtitle {
display: block;
margin-top: -8px;
margin-bottom: -10px;
padding: 5px;
height: 10px;
font: 20px Share;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}
a.forumtitle:hover{
padding-left: 10px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
text-decoration: none;
}
/*QUITAR EL BUSCAR*/
#search-box {visibility:hidden}
/*Titulos internos*/
a.forumlink: {
border-left:5px solid #602932;
letter-spacing : 3px;
text-decoration: none;
color : #602932;
-webkit-transition: all .5s linear;
}
a.forumlink: hover{
padding-left: 5px;
color : #c9a176;
text-transform:lowercase;
border-bottom: dotted 1px #000000;
}
a.topictitle:{
color : #602932;
border-left: solid 5px #602932;
-webkit-transition: all .5s linear;
}
a.topictitle:hover{
text-decoration: none;
letter-spacing : 3px;
border-left: solid 10px #602932;
}
/*Spoiler, code y quote*/
dl.codebox {
background-color: #796851;
border:1px solid #28201e;
border-left: 10px solid #28201e;
color:#f7feff;
}
dl.codebox:hover {
border:1px dotted #28201e;
border-left:10px solid #28201e;
}
dl.codebox dt {
border-bottom:1px dotted #28201e;
display:block;
font-size:10px;
color:#f7feff;
margin-bottom:3px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
}
dl.codebox code {
color:#f7feff;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
blockquote {
background-color: #389ca2;
border: 1px solid #28201e;
border-left: 10px solid #28201e;
}
blockquote:hover {
border: 1px dotted #28201e;
border-left: 10px solid #28201e;
}
.content blockquote {
color:#f7feff;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
/*Cuadro para escribir*/
.textarea {
background-color:#a1e3df;
color:#290f14;
font-family:Arial;
font-size:10px;
height:50px;
opacity:0.5;
width:170px;
}
.input{
font-size: 10px;
font-family: Arial;
background-color: #a1e3df;
vertical-align: middle;
color: #290f14;
}
/*Descripción de los Foros*/
.desc20 {
background-image: url(http://url imagen);
border: 1px solid #28201e;
border-left: 20px solid #28201e;
color: #CCCCCC;
font-family: Verdana;
font-size: 8px;
Text-transform: Uppercase;
line-height: 11px;
letter-spacing: 1px;
display: block;
width: 400px;
height: 110px;
-webkit-transition: all .5s linear;
border-radius: 0px 10px 40px 10px;
}
.desc20:hover {
border: 1px solid #CCCCCC;
border-left: 20px solid #CCCCCC;
}
#fond01 {
position:relative;
}
#fond01 img, #fond01 div {
position: absolute;
width: 400px;
height: 110px;
border-radius: 0px 10px 40px 0px;
}
#fond01 img { z-index -1; }
#fond01 div {
width: 330px;
z-index 1;
line-height: Xpx;
opacity: 0;
text-align: Justify;
padding: 10px;
-webkit-transition: all .5s linear;
border-radius: 0px 10px 40px 0px;
}
#fond01:hover img {
opacity: 0.2;
border-radius: 0px 10px 40px 0px;
}
#fond01:hover div {
opacity: 1;
border-radius: 0px 10px 40px 0px;
}
/*Chatbox*/
#chatbox_ret_cont{
z-index: 999;
background-color: transparent;
position: fixed;
bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
left: 0;
}
#chatbox_ret_cont div{
cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
background-color: white;
border: 2px solid grey;
display: none;
height: 450px;
margin-bottom: 0;
width: 900px;
}
#chatbox_ret_cont.chatbox_derecha {
bottom: 10px !important;
right: 50px !important;
position: fixed !important;
}
/*****tablilla afiliados******/
.brobot img {width: 50px; height: 90px; margin: 2px;border: 2px solid #282828; box-shadow: 0px 0px 1px #000;}
.elitebot img {width: 40px; height: 40px; margin: 2px; margin-bottom: 5px; border: 2px solid #282828; box-shadow: 0px 0px 1px #000;}
URL del foro: link
Si me vais a preguntar algo respecto a los códigos, solo puedo decir que no tengo ni idea sobre codes, todo esto me lo hizo mi ex diseñadora, yo solo me limito a añadir recursos de tutoriales e intentar que funcionen.
Gracias por leer.