Nascondere sidebar

[Zeus]

Ciao a tutti!
ho 2 pc con 2 schermi molto differenti. quello che uso abitualmente è 24pollici 1920x1080 e il mio forum lo visualizza perfettamente, mentre l'altro è molto piccolo sarà + o - 15pollici. lì il forum non è dei migliori. quella sidebar sulla sinistra è piuttosto fastidiosa ed occupa 1/3 dello schermo. mi chiedevo se fosse possibile nasconderla in caso di necessità... tipo vbulletin che ha quella sidebar sulla destra e c'è quel pulsante che permette di nasconderla o visualizzarla.. qualcuno può aiutarmi? grazie mille in anticipo!!

[Barrnet]

Modifica il forumlist_body.html e racchiudi l'intero template dentro a un div a cui assegni l'id "corpoforum", poi modifica la sidebar e strutturala cosi:

Codice: Seleziona tutto

 
<button type="button" id="hideshow" style="float:right" 
 onclick="if (document.getElementById('sidebar').style.width == '18%') {
document.getElementById('sidebar').style.width = '1%'; document.getElementById('corpoforum').style.width = '98%';document.getElementById('showsidebar').style.display = 'none'; document.getElementById('hideshow').value='Nascondi'
}
else { //tutte le altre condozioni
document.getElementById('sidebar').style.width ='18%'; document.getElementById('corpoforum').style.width = '81%';document.getElementById('showsidebar').style.display = ''; document.getElementById('hideshow').value='Mostra';
}"></button> 
<div id="showsidebar">
<!-- Contenuto Sidebar -->
</div>

Dove c'è il commento inserisci il contenuto della sidebar, in questo modo apparirà un bottone vuoto che ti permetterà di nascondere la sidebar laterale.
Devo ancora lavorare in modo da salvare in un cookie le preferenze sulla sidebar (aperta o chiusa).

[Zeus]

Grazie mille! Ma, ecco, uhm... direi di aver sbagliato qualcosa. Il bottone compare, ma se lo clicco non succede niente. (Sì, ho eliminato la cache, sia del browser che del forum, e aggiornato i template)

[Barrnet]

Devi adattare il codice agli id che vengono usate nel tuo template.

[Zeus]

Devi adattare il codice agli id che vengono usate nel tuo template.

Ne sono tanto, quanto prima...

[Barrnet]

Senza sapere com'è composto il codice del tuo stile è un pò difficile risponderti, non ho di certo la sfera di cristallo...
Allega il codice dell'index_body, del forumlist_body e quello della sidebar, se contenuto in un file separato.

[Zeus]

Ok. Questo è il forumlist_body.html

Codice: Seleziona tutto

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>

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

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="posts">{L_POSTS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums" data-id="{forumrow.FORUM_ID}">
			<!-- DEFINE $FIRST_ROW = true -->
	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row row-outer<!-- IF forumrow.S_UNREAD_FORUM --> unread<!-- ENDIF --><!-- IF forumrow.S_LOCKED_FORUM --> locked<!-- ENDIF --><!-- IF $FIRST_ROW --> row1<!-- ELSE --> row2<!-- ENDIF -->">{$STYLE_ROW_START}
			<dl class="icon" style="background-image: url(<!-- IF forumrow.FORUM_IMAGE -->{forumrow.FORUM_IMAGE_SRC}<!-- ELSE -->{forumrow.FORUM_FOLDER_IMG_SRC}<!-- ENDIF -->); background-repeat: no-repeat;">
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}">{L_FEED} - {forumrow.FORUM_NAME}</a><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<p class="moderators"><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p>
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><p class="subforums"><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p><!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> <span class="by">{L_POST_BY_AUTHOR}</span> {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<!-- ENDIF --></span>
					</dd>
				<!-- ELSE -->
					<dd class="empty"></dd>
				<!-- ENDIF -->
			</dl>
		{$STYLE_ROW_END}</li>
		<!-- IF $FIRST_ROW --><!-- DEFINE $FIRST_ROW = false --><!-- ELSE --><!-- DEFINE $FIRST_ROW = true --><!-- ENDIF -->
	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			</ul>

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

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_FORUMS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END forumrow -->

Quest'altro l'index_body.html

Codice: Seleziona tutto

<!-- INCLUDE overall_header.html -->

<!-- IF S_DISPLAY_SEARCH or U_MCP or (U_MARK_FORUMS and not S_IS_BOT) -->
<div class="navbar">
	<!-- IF S_DISPLAY_SEARCH -->
		<div class="left">
			<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
			<!-- IF S_LOAD_UNREADS --> <span class="bull">&bull;</span> <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> <!-- ENDIF -->
			<!-- IF S_USER_LOGGED_IN --> <span class="bull">&bull;</span> <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> <!-- ENDIF -->
			<span class="bull">&bull;</span> <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a>
		</div>
	<!-- ENDIF -->
	<!-- IF U_MCP -->
		<div class="right">
			<a href="{U_MCP}">{L_MCP}</a>
			<!-- IF U_MARK_FORUMS -->
				<span class="bull">&bull;</span> <a href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a>
			<!-- ENDIF -->

		</div>
		<!-- IF not S_DISPLAY_SEARCH --><div class="clear"></div><!-- ENDIF -->
	<!-- ELSEIF U_MARK_FORUMS and not S_IS_BOT -->
		<div class="right">
			<a href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a>
		</div>
		<!-- IF not S_DISPLAY_SEARCH --><div class="clear"></div><!-- ENDIF -->
	<!-- ENDIF -->
</div>
<!-- ENDIF -->


<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST or (S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST) or NEWEST_USER -->
<div class="panel stats panel-outer">{$STYLE_PANEL_START}
	<div class="inner">
		<!-- IF S_DISPLAY_ONLINE_LIST -->
			<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
			<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}</p>
			<p>{LOGGED_IN_USER_LIST}</p>
			<!-- IF LEGEND --><p><em>{L_LEGEND}: {LEGEND}</em></p><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF NEWEST_USER -->
			<h3>{L_STATISTICS}</h3>
			<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
			<h3>{L_BIRTHDAYS}</h3>
			<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
		<!-- ENDIF -->
	</div>
{$STYLE_PANEL_END}</div>
<!-- ENDIF -->


<!-- INCLUDE overall_footer.html -->

Quest'altro invece è _sidebar_right.html

Codice: Seleziona tutto

<!-- IF false -->
This file contains right sidebar. 
It is disabled by default, remove lines 11 (if false) and 41 (endif) to enable it.

Edit it as text file, not as HTML because WYSIWYG editors (such as Dreamweaver) tend to mess up phpBB template syntax.

After changing this file and uploading it on server, open your forum in browser, go to admin control panel and click "purge cache" button on control panel index.
<!-- ENDIF -->

 
<div class="layout-right">

	<!-- add menu from _menu.html -->
	<!-- INCLUDE _menu.html -->

	<!--
	<ul class="menu">
		<li class="menu-item menu-section"><p>Sample Links</p></li>
		<li class="menu-item"><a href="#">Normal Link</a></li>
		<li class="menu-item menu-home"><a href="#">Home</a></li>
		<li class="menu-item menu-forum"><a href="#">Forum</a></li>
		<li class="menu-item menu-pm"><a href="#">Private Message</a></li>
		<li class="menu-item menu-ucp"><a href="#">User Control Panel</a></li>
		<li class="menu-item menu-users"><a href="#">Users List</a></li>
		<li class="menu-item menu-login"><a href="#">Log In</a></li>
		<li class="menu-item menu-search"><a href="#">Search</a></li>
		<li class="menu-item menu-down"><a href="#">Down Arrow</a></li>
		<li class="menu-item menu-link"><a href="#">Link</a></li>
	</ul>
	-->
		
</div>

Serve anche il codice del _menu.html?

[Barrnet]

In nessuno dei due file è presente la sidebar, prova a postare l'overall_header.

[Zeus]

Eccolo:

Codice: Seleziona tutto

<!DOCTYPE html>
<!--[if lt IE 8]><html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" class="ie oldie ie7"><![endif]-->
<!--[if IE 8]><html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" class="ie oldie"><![endif]-->
<!--[if gt IE 8]><html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" class="ie"><![endif]-->
<!--[if !(IE)]><!--><html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}"><!--<![endif]-->
<head>
	<meta charset="{S_CONTENT_ENCODING}">
	{META}
	<!-- 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 -->
	<title>{SITENAME} - {PAGE_TITLE}</title>
<!--
   phpBB style name:    Artodia Helion
   Based on style:      prosilver (this is the default phpBB3 style)
   Prosilver author:    Tom Beddard ( http://www.subBlue.com/ )
   Helion author:		Vjacheslav Trushkin ( http://www.artodia.com/ )
-->
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese,cyrillic">
	<link rel="stylesheet" href="{T_STYLESHEET_LINK}">
	<!-- IF S_USER_LANG != 'en-gb' && S_USER_LANG != 'en-us' -->
		<link rel="stylesheet" href="{T_THEME_PATH}/{S_USER_LANG}/translation.css">
	<!-- ENDIF -->
	<!-- INCLUDE config.html -->
	<!-- INCLUDE scripts_header.html -->

<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<link href="{T_THEME_PATH}/mchat.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
</head>
<body class="phpbb section-{SCRIPT_NAME}">
<div class="body-wrapper" id="wrap">

<!-- IF $STYLE_HEADER_LOGIN and not S_USER_LOGGED_IN -->
<div class="header-login">
	<div class="popup-trigger">
		<a href="{U_LOGIN_LOGOUT}" class="header-menu menu-login"><span>{L_LOGIN}</span></a>
		<div class="popup">
			<!-- IF S_LOGIN_ACTION -->
				<form action="{S_LOGIN_ACTION}" method="post" id="phpbb-header-login">
				<fieldset>
				<dl>
					<dt>{L_USERNAME}:</dt>
					<dd><input class="inputbox" type="text" name="username" value="" required></dd>
				</dl>
				<dl>
					<dt>{L_PASSWORD}:</dt>
					<dd><input class="inputbox" type="password" name="password" value="" required></dd>
				</dl>
				<!-- IF S_AUTOLOGIN_ENABLED --><p class="nowrap right"><label><input type="checkbox" name="autologin"> {L_LOG_ME_IN}</label></p><!-- ENDIF -->
				<p class="right buttons">
					<input type="hidden" name="login" value="1" />
					<a href="javascript:void(0);" onclick="$('#phpbb-header-login').get(0).submit(); return false;" class="icon-login"><span></span>{L_LOGIN}</a>
				</p>
				</fieldset>
				</form>
			<!-- ELSE -->
				<p class="right">
					<a class="button1" href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
				</p>
			<!-- ENDIF -->
		</div>
	</div>
	<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
		&bull;
		<a href="{U_REGISTER}" class="header-menu menu-register"><span>{L_REGISTER}</span></a>
	<!-- ENDIF -->
</div>
<!-- ENDIF -->

<!-- INCLUDE _top.html -->

<div class="layout-outer">
<div class="forum-wrapper">
<div class="layout-wrapper">

	<!-- INCLUDE _sidebar_left.html -->
	
	<div class="layout-middle page-content">

		<!-- IF S_USER_LOGGED_IN -->
		<p class="time first">
			{LAST_VISIT_DATE}
		</p>
		<p class="time">
			{CURRENT_TIME}
		</p>
		<!-- ENDIF -->

		<!-- 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>
		<!-- ELSEIF S_USER_LOGGED_IN and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<!-- IF S_USER_NEW_PRIVMSG -->
					<a href="{U_PRIVATEMSGS}"><!-- IF S_USER_NEW_PRIVMSG > 1 -->{L_YOU_NEW_PMS}<!-- ELSE -->{L_YOU_NEW_PM}<!-- ENDIF --></a>
				<!-- ELSE -->
					<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
				<!-- ENDIF -->
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

[Zeus]

Servono altre informazioni?