Duda sabre widgets y HTML

WebLH · #1

A ver, tengo un problema y confío en que podáis ayudarme a solucionarlo. Mi foro es este: http://durmstrang.zxq.net/index.php y me gustaría poner la barra de al lado, es decir los Widgets, como en este sitio: http://dayswithparacetamol.foroactivo.com/ Al ser de foroactivo lo tienen más facil. He intentado copiar los codes de los widgets pero no se me configura bien, porque no sé como editar el grueso de mi barra de widgets ni el grueso de la parte del foro donde hay las categorías y todo eso. Mi foro funciona por códigos, html o bbcode, no sé cuales, y no tengo mucha idea de como editarlo. ¡HELP! Alguien podria ayudarme? :3 Muchas gracias.

memoadian · #2

Hola esa barra la puedes colocar con la siguiente guía.

http://www.phpbb-es.com/foro/guias-phpb ... 18400.html

tomará el estilo de tu foro, o sea se verá como todo lo demás ahi mismo dice como agregar cosas, es solo html.

WebLH · #3

Vale lo vamos a intentar, una cosa, el foro este es sub o silver? http://durmstrang.zxq.net/index.php?sid ... 809a54d5fd

memoadian · #4

Esta basado en prosilver.

WebLH · #5

Vale, y otra cosa, yo tengo el menu de la izquierda en forma de mod, osea de la manera fácil, no puedo coger esos wigets i pasarlo directamente en el mod del menu? aunque algunos wigets me dan error, como por ejemplo al pasar la imagen por encima y no salir las urls.

WebLH · #6

Ahora tengo algo que quiero arreglar, como véis he creado un menú : http://www.lovehogwarts.com/foro/viewforum.php?f=674
pero solo quiero que se vea en el indice del foro, no cuando vayas a postear o ves los otros temas, como hago para que no se vea ahi??????

memoadian · #7

esa es otra duda.

pero bueno. para que el menu solo se vea en el index de tu foro

agrega esto:

Código: Seleccionar todo

<!-- IF S_INDEX -->
    aqui debes colocar el código que forma tu menu
<!-- ENDIF -->

WebLH · #8

Lo he puesto pero no me sale, fíjate ( aparte tengo un menu pero en el centro)

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: Prospace
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  spaceace
	Modified by:      MSSTI (http://www.mssti.com)
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="leftborder"></div>
<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>

		<!-- IF .redbar -->
		<div class="redbar">
			<div class="inner"><span class="corners-top"><span></span></span>
				<div id="red-bar">
					<div style="text-align:center;">
					<!-- BEGIN redbar --><a href="{redbar.U_REDBAR_URL}" {redbar.REDBAR_COLOUR} title="{redbar.REDBAR_NAME}">{redbar.REDBAR_NAME}</a><!-- IF redbar.S_LAST_ROW -->&nbsp;<!-- ELSE --> &nbsp; <strong>&bull;</strong> &nbsp; <!-- ENDIF --><!-- END redbar -->
					</div>
				</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
				<!-- IF S_USER_LOGGED_IN -->
					<!-- IF U_MEDALS --><li class="icon-medal"><a href="{U_MEDALS}" title="{L_MEDALS_VIEW_EXPLAIN}">{L_MEDALS_VIEW}</a></li><!-- ENDIF -->
					<li class="icon-points"><a href="./points.php" title="{L_POINTS_EXPLAIN}">{L_POINTS}<!-- IF S_USER_LOGGED_IN --> [ {U_POINTS} ] <!-- ENDIF --></a></li>
					<!-- Start Ultimate Points -->
					<!-- IF S_POINTS_ENABLE -->
					<li class="icon-points"><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}">{POINTS_LINK}<!-- IF S_USER_LOGGED_IN and S_USE_POINTS --> [ {USER_POINTS} ] <!-- ENDIF --></a></li>
					<!-- ENDIF -->
					<!-- End Ultimate Points -->
				<!-- ENDIF -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>

<!-- MOD : MSSTI Full Sponsored Forum (v1.0.1) - Start //-->
	<!-- IF .fsf_top or .fsf_rotator --><!-- INCLUDE fsf_top.html --><!-- ENDIF -->
<!-- MOD : MSSTI Full Sponsored Forum (v1.0.1) - End //-->

	<div id="page-body">
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

<!-- MOD : MSSTI Full Sponsored Forum (v1.0.1) ( full wide ) - Start //-->
		<!-- IF .fsf_left or .fsf_right -->
		<table border="0" cellpadding="0" cellspacing="0" width="100%">
			<tr>
				<!-- IF .fsf_left -->
				<td id="sponsors_left" style="width:{FSF_LEFT_COLUMN}px;">
					<!-- INCLUDE fsf_left.html -->
				</td>
				<!-- ENDIF -->
				<td id="sponsors_middle">
		<!-- ENDIF -->
<!-- MOD : MSSTI Full Sponsored Forum (v1.0.1) ( full wide ) - End //-->
<!-- data banner code end -->


<center>
<head>
<table width="165"><tr>
<map name="diamond">
<area shape="RECT" coords="390,338,511,445" href="http://www.lovehogwarts.com/foro/viewforum.php?f=767">
<area shape="RECT" coords="571,267,709,417" href="http://www.lovehogwarts.com/foro/viewforum.php?f=762">
<area shape="circle" coords="599,145,42" href="http://www.lovehogwarts.com/foro/viewforum.php?f=710">
<area shape="RECT" coords="313,222,417,274" href="http://roleplaymonster.gotop100.com/in.php?ref=149">
<area shape="RECT" coords="433,232,527,272" href="http://rol4us.gotop100.com/in.php?ref=119">
</map>
</tr></table>
</head>
<body>
<img src="http://img8.imageshack.us/img8/602/dsfvdsbv.png" usemap="#diamond">
</body></center>







<!-- IF S_INDEX -->
<table width="165"><tr>
<map name="diamond">
<area shape="RECT" coords="390,338,511,445" href="http://www.lovehogwarts.com/foro/viewforum.php?f=767">
<area shape="RECT" coords="571,267,709,417" href="http://www.lovehogwarts.com/foro/viewforum.php?f=762">
<area shape="circle" coords="599,145,42" href="http://www.lovehogwarts.com/foro/viewforum.php?f=710">
<area shape="RECT" coords="313,222,417,274" href="http://roleplaymonster.gotop100.com/in.php?ref=149">
<area shape="RECT" coords="433,232,527,272" href="http://rol4us.gotop100.com/in.php?ref=119">
</map>
</tr></table>
</head>
<body>
<img src="http://img8.imageshack.us/img8/602/dsfvdsbv.png" usemap="#diamond">
</body></center>




<table width="100%" cellspacing="0">
<tr>
<td valign="top" width="17%" style="padding-right:8px;">

<a href="" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"><img src="http://img716.imageshack.us/img716/3334/navegacion1.png" border="0"></a>
<style type="text/css">

#popitmenu{
-moz-border-radius: 12px 12px 12px 12px;
position: absolute;
background-color: #131111;
border:2px solid #B8B8B8;
font: normal 22px georgia;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #e4e3e1;
display: block;
}
#popitmenu a:hover{ /*hover background color*/
-moz-border-radius: 12px 12px 12px 12px;
background-color: #418fbc;
color: white;
font-style: georgia;
}</style>




<script type="text/javascript">

var defaultMenuWidth="150px" //set default menu width.

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=730">NORMAS GENERALES</a>'
linkset[0]+='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=729">NORMAS ADULTOS</a>'
linkset[0]+='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=731">NORMAS HOGWARTS</a>'
linkset[0]+='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=676">PJ CANONS</a>'
linkset[0]+='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=721">CREACIÓN DE FICHAS</a>'
linkset[0]+='<a href="http://www.lovehogwarts.com/foro/viewforum.php?f=698">FICHAS TERMINADAS</a>'

////No need to edit beyond here

var ie5=document.all && !window.opera
var ns6=document.getElementById

if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}

function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

if (ie5||ns6)
document.onclick=hidemenu</script>
<div style="width: 200px; height: 300px; background-image:url(http://img696.imageshack.us/img696/8099/relojesxd.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="2"><b><font color=#C13B2D>GRYFFINDOR : 3270</b></font><BR>
<font size="2"><b><font color=#47C847>SLYTHERIN : 2693</b></font><BR>
<font size="2"><b><font color=#E3D04F>HUFFLEPUFF : 3536</b></font><BR>
<font size="2"><b><font color=#6981CF>RAVENCLAW : 4006</b></font>
<font size="2"><b><font color=#925232>? : 0</b></font><BR>
<font size="2"><b><font color=#93cfdc>? : 0</b></font>
</div></center>
<div style="width: 200px; height: 300px; background-image:url(http://img571.imageshack.us/img571/2513/normasimportantes11.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br />
<center><font size="1"><b><font color=#eeeeee>1º- NO PUEDES DONAR GALEONES 
A TUS OTRAS CUENTAS U OTROS USUARIOS
 SI NO COMPRAS NADA.
 </b></font><BR>
<font size="1"><b><font color=#eeeeee>2º- MAGIA FUERA DE LA ESCUELA:
SÓLO ALUMNOS DE 6º Y 7º CURSO.
 </b></font><BR>
<font size="1"><b><font color=#eeeeee>3º- GRÁFICOS: 

F - 500x200 A - 165x300</b></font><BR>
<font size="1"><b><font color=#eeeeee>4º- ROLEAR EN UN
SITIO A LA VEZ.</b></font><BR></div></center>

</div></center><div style="width: 200px; height: 300px; background-image:url(http://img593.imageshack.us/img593/6343/situaciooon.png
); -moz-border-radius: 0px 0px 0px 0px;">
<center><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><font size="0,2"><b><font color=#c59000>AÑO: 2011</b></font><BR>
<font size="0,2"><b><font color=#c59000>MES: AGOSTO</b></font>
<font size="0,2"><b><font color=#c59000>EN ESTOS MOMENTOS: Se respira
un aire tranquilo en toda Inglaterra.</b></font>
</div></center>

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: "profile",
  rpp: 9,
  interval: 6000,
  width: 200,
  height: 300,
  theme: {
    shell: {
      background: "#000000",
      color: "#ffffff"
    },
    tweets: {
      background: "#000000",
      color: "#454545",
      links: "#c4c4c4"
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: false,
    timestamp: true,
    avatars: false,
    behavior: "all"
  }
}).render().setUser("LoveHogwarts").start();
</script>



<div style="width: 200px; height: 300px; background-image:url(http://img638.imageshack.us/img638/893/qudditch.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="0,2"><b><font color=#0f81b1>RAVEN: 0P</b></font>
<font size="0,2"><b><font color=#13844e>SLYTH: 3P</b></font><BR>
<font size="0,2"><b><font color=#e3bf2e>HUFFL: 3P</b></font>
<font size="0,2"><b><font color=#c42d21>GRYFF: 0P</b></font>
</div></center>


<div style="width: 200px; height: 400px; background-image:url(http://img8.imageshack.us/img8/6900/eventoooooos.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR>
<center>
</div></center>

<div style="width: 200px; height: 400px; background-image:url(http://img18.imageshack.us/img18/2454/eventoos.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR>
<center>
</div></center>


<div style="width: 200px; height: 300px; background-image:url(http://img814.imageshack.us/img814/8561/plir1.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR>
<center><font size="0,2"><b><font color=#d9d9d9>SALIDAS A HOGSMEADE : 
VIERNES 14:00 HASTA EL DOMINGO A LAS 12:35.</b></font>
<center><font size="0,2"><b><font color=#d9d9d9>SALIDAS A HOGSMEADE : 
VIERNES 14:00 HASTA EL DOMINGO A LAS 12:35.</b></font>
</div></center>
<div style="width: 200px; height: 400px; background-image:url(http://img841.imageshack.us/img841/6660/tramal.png
); -moz-border-radius: 0px 0px 0px 0px;"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="0,2"><b><font color=#d9d9d9> <img src="http://img535.imageshack.us/img535/337/gemicon.png" border="0"</a></b></font><BR><BR>
<font size="0,2"><b><font color=#d8d8d8>LAS RELIQUIAS DEL TIEMPO</b></font>
</div></center>
<div style="width: 200px; height: 300px; background-image:url(http://img687.imageshack.us/img687/1255/insuciones22.png); -moz-border-radius: 0px 0px 0px 0px;"><br /><BR><BR><center><font size="4"><i><a href="http://www.lovehogwarts.com/foro/viewforum.php?f=743"><font color=#d9d8d6>AURORES & ED</a> <br><a href="http://www.lovehogwarts.com/foro/viewforum.php?f=548"><font color=#323231>BRIGADA</a> <br><a href="http://www.lovehogwarts.com/foro/viewforum.php?f=750"><font color=#323231>MARP</a> <br><a href="http://www.lovehogwarts.com/foro/viewforum.php?f=750"><font color=#323231>MORTIFAGOS</a> <br> <a href="http://www.lovehogwarts.com/foro/viewforum.php?f=750"><font color=#323231>VAMPIROS</a> <br> <a href="http://www.lovehogwarts.com/foro/viewforum.php?f=740"><font color=#d9d8d6>CAZADORES</a> <br> <a href="http://www.lovehogwarts.com/foro/viewforum.php?f=750"><font color=#d9d8d6>LOBOS</a></i></font></div></center>
</div></center><div style="width: 200px; height: 300px; background-image:url(http://img707.imageshack.us/img707/7459/elprofeta.png
); -moz-border-radius: 0px 0px 0px 0px;"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="3"><b><font color=#ebebeb>.</b></font>
</div></center>

</div></center><div style="width: 200px; height: 290px; background-image:url(http://img52.imageshack.us/img52/1481/sebuscapersonaje.png
); -moz-border-radius: 0px 0px 0px 0px;"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="3"><b><font color=#ebebeb>LORD VOLDEMORT</b></font>
</div></center>

</div></center><div style="width: 200px; height: 600px; background-image:url(http://img853.imageshack.us/img853/7599/personajedelmes.png
); -moz-border-radius: 0px 0px 0px 0px;">
<center><font size="0,2"><b><font color=#ebebeb></b></font>
</div></center>







<center>
<div style="width: 200px; height: 300px; background-image:url(http://img38.imageshack.us/img38/7034/afiladoselite.png); -moz-border-radius: 0px 0px 0px 0px;">
<center>
<br><br><br><br>
<a class="afiliados" href="http://adhlan.com/" target="_blank"><img src="http://i56.tinypic.com/23mvjtl.png" title="ADHLANFILES" border="0"></a><a class="afiliados" href="http://thehungergames.foro-phpbb.com/" target="_blank"><img src="http://i56.tinypic.com/95piqg.jpg" title="HUNGER GAMES" border="0"></a><br><a class="afiliados" href="http://roleplaymonster.ultimaterpg.org/" target="_blank"><img src="http://i54.tinypic.com/2uopde8.png" </a><a class="afiliados" href="http://rol4us.blogspot.com/" target="_blank"><img src="http://i51.tinypic.com/xoif5h.png" </a>

<br><br><layer name="scroll2" width=140 height=120 bgColor="transparent"><div id="scroll3" style="width:150px;height:120px;background-color:transparent;overflow:scroll">
<ilayer name="scroll1" width=200 height=130 clip="0,0,100,150">
<a class="afiliados" href="http://seven-seas.foroactivo.net/portal" target="_blank"><img src="http://img51.imageshack.us/img51/8729/2sanold.png" title="ADHLANFILES" border="0"></a><a class="afiliados" href="http://shadow-hunters.org/collide/" target="_blank"><img src="http://i51.tinypic.com/nvpksi.png" </a><a class="afiliados" href="http://www.todobatman.com/" target="_blank"><img src="http://i740.photobucket.com/albums/xx48/BatmanForo/35x35.gif" </a>
<a class="afiliados" href="http://pets-world.foroactivo.net/forum" target="_blank"><img src="http://i55.tinypic.com/2ccqjk5.png" </a><a class="afiliados" href="http://z15.invisionfree.com/Academia_X/index.php?act=idx" target="_blank"><img src="http://i54.tinypic.com/w7kn6b.png"</a><a class="afiliados" href="http://z7.invisionfree.com/Le_Valgrange/index.php?act=idx" target="_blank"><img src="http://img844.imageshack.us/img844/9713/35x35.jpg" </a><a class="afiliados" href="http://hp-avadakedavra.com/" target="_blank"><img src="http://hp-avadakedavra.com/forumv2/style_images/banners/hpak03.gif" </a>

<a class="afiliados" href="http://victorianvampires.foroes.net/forum" target="_blank"><img src="http://i53.tinypic.com/30shmkn.png" </a><a class="afiliados" href="http://www.clevermontcollege.com/" target="_blank"><img src="http://i52.tinypic.com/sl7ms4.png" </a></a><a class="afiliados" href="http://magicandsorcery.forosweb.org/" target="_blank"><img src="http://i56.tinypic.com/1tloo1.png" </a><a class="afiliados" href="http://www.preciousgraphics.net/" target="_blank"><img src="http://uppix.net/f/6/c/67e858685e616b9082620fca645ae.jpg" </a><a class="afiliados" href="http://www.thedarkhole.com/" target="_blank"><img src="http://i55.tinypic.com/2u89lkz.png"</a>

<a class="afiliados" href="http://mcgraughill-college.foroactivo.com/forum" target="_blank"><img src="http://i53.tinypic.com/hwh9wg.png" </a><a class="afiliados" href="http://z15.invisionfree.com/Old_HogwartsII/index.php?" target="_blank"><img src="http://i.imgur.com/5vv2Y.jpg" </a><a class="afiliados" href="http://cuentosdenoreth.creacionforo.com/" target="_blank"><img src="http://i52.tinypic.com/nov5sj_th.png" </a><a class="afiliados" href="http://www.elpensadero.net/" target="_blank"><img src="http://i52.tinypic.com/11afln5.png" </a><a class="afiliados" href="http://www.theatre-des-vampires.net/" target="_blank"><img src="http://i134.photobucket.com/albums/q110/Underground_Forum/Teatro30x30.gif"</a><a class="afiliados" href="http://www.lovehogwarts.com" target="_blank"><img src="http://i56.tinypic.com/332xrfs.png"</a></font>

<font size="2"><i><a href="http://www.lovehogwarts.com/foro/viewforum.php?f=709"><font color=#838383>AFILIADOS NORMALES</a></i></font>
<br></div></center>

</div></center><div style="width: 200px; height: 300px; background-image:url(http://img832.imageshack.us/img832/7829/otrosd.png
); -moz-border-radius: 0px 0px 0px 0px;">
<center><font size="0,2"><b><font color=#ebebeb></b></font>
</div></center>
<div style="width: 200px; height: 300px; background-image:url(http://img835.imageshack.us/img835/4243/videoxs.png
); -moz-border-radius: 0px 0px 0px 0px;"><BR><BR><BR><BR><BR>
<center><iframe width="120" height="120" src="http://www.youtube.com/embed/uq2c1NFBqhQ" frameborder="0" allowfullscreen></iframe>
<font size="2"><b><BR><BR><BR><BR><BR>
<font color=#db1878>RON & HERMIONE</b></font>
</div></center>

<div style="width: 200px; height: 300px; background-image:url(http://img535.imageshack.us/img535/6954/premiiooos.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR>
<center>
</div></center>
<div style="width: 200px; height: 300px; background-image:url(http://img3.imageshack.us/img3/1517/creditosl.png
); -moz-border-radius: 0px 0px 0px 0px;">
<br /><BR><br /><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<center><font size="0,2"><b><font color=#d9d9d9>Devian Art</b></font><BR>
<font size="0,2"><b><font color=#d9d9d9>WeHeartit y HarryMedia</b></font><BR>
<font size="0,2"><b><font color=#d9d9d9>BlogHogwarts y Google</b></font><BR>

</div></center>

   

<td width="100%" valign="top">

<!-- ENDIF -->

Persephone · #9

Hola WebLH, si no he entendido mal quieres que la barra lateral solo se vea en el index ¿no?

Si no recuerdo mal se hacía duplicando estos dos archivos:
- overall_header.html
- overall_footer.html

Con lo que tendrías los dos originales más los dos nuevos a los que renombraras llamándolos overall_header_index.html y overall_footer_index.html. Estos dos son los que contendrá el código de la barra lateral, de los originales quita el código de la barra y déjalos tal cual estaba, pues son los archivos que utilizara el foro para las demás paginas que no sea el index.

Osea que tendrás estos 4 archivos entonces:
-overall_header.html (Sin barra)
-overall_footer.html (Sin barra)
-overall_header_index.html (Con barra)
-overall_footer_index.html (Con barra)

Una vez hecho esto abres el archivo: styles/tu estilo/template/index_body.html
Y en la primera línea que pone:

Código: Seleccionar todo

<!-- INCLUDE overall_header.html -->

Lo remplazas por:

Código: Seleccionar todo

<!-- INCLUDE overall_header_index.html -->

Y por último en la última línea:

Código: Seleccionar todo

<!-- INCLUDE overall_footer.html -->

La remplazas por:

Código: Seleccionar todo

<!-- INCLUDE overall_footer_index.html -->

Ya nada más tienes que actualizar tema, limpias el cache y refrescas el navegador. Y me dices si te sirvió

Si tienes algún problema me lo haces saber, ya que esto mismo es lo que hice yo hace tiempo cuando tuve en mi foro la barra lateral. Lo hice siguiendo un tutorial de DAVIDU de coloreatuforo, que por cierto en su web aun tiene que existir

si me equivoque en algún paso y no te sale te lo buscaré

WebLH · #10

Uff lo veo muy complicado, para empezar no se como duplicarlo, como hacer una hoja y subirlo a word, no tengo esos programas. ¿No hay ninguna solucion como el codigo que me dijo el otro mas arriba? Ponerlo y ya esta? T.T

Persephone · #11

Otra solución no se si la habrá, esa es la manera que yo se hacerlo

Para duplicarlo solo basta con dar con el segundo botón del ratón sobre el archivo (en tu pc claro) darle a copiar y a pegar en otra carpeta puesto que se llaman igual. Luego renombras uno y al original le sacas los códigos de la barra que hay en el overal y el footer. En verdad no es tan difícil como suena

WebLH · #12

Vale estoy siguiendo tus pasos, ahora viene el problema :
¿como edito las lineas? En word me dijeron una vez que no lo hiciera, lo hago directamente desde el ACP?¿

Persephone · #13

En word se puede, pero puede darte problemas con la codificación. Lo mejor es que te bajes el notepad++ que es un programa gratuito y con el puedes editar cualquier archivo: html, css, etc y te servirá para futuros cambio en tu foro que tengas que hacer. Ademas es muy bueno porque con la herramienta de buscar a la hora de editar te ahorras el mirarte todo el archivo

WebLH · #14

Uff me lo estoy bajando, pero esto es muy complicado T.T he duplicado las capas y al subirlas me sale dos veces .htlm o lo que sea

WebLH · #15

No me deja editar :
1º Me ha salido, pero ahora hay otro problema:
El anterior chico que me ayudo me quito la foto de quien esta online, y ahora se ve, y encima la letra de abajo de usuarios son pequeños, QUE HAGO?

phpBB España Oficial

Duda sabre widgets y HTML

Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML

Re: Duda sabre widgets y HTML