Installare barra di navigazione

Messaggio da **Tiger** » 21/02/2012, 13:42

Bhe',con Photoshop puoi benissimo farla Nera...

Cmq stando in locale con tutta la buona volonta' possibile,io e Micogian,possiamo fare ben poco a questo punto,ti consiglio soltanto di ripristinarti un pacchetto originale in locale e ripartire da zero,stando attenta a tutti i passaggi da fare e da modificare.

Messaggio da **Micogian** » 21/02/2012, 14:24

Non vorrei che tu facessi confusione tra "Prosilver" e "Prosilver SE".
Il "Prosilver SE" non è altro che uno stile che utilizza pochi file del template. in pratica "overall_header e overall_footer" e le cartelle "theme" e "imageset".
Tutti gli altri file del template sono presi da "Prosilver".
Di conseguenza è importante che esistano entrambe le cartelle e fare le modifiche al posto giusto: il file stylesheet.css da modificare è quello del "prosilver_se", così come overall_header.html.
Quello che non c'è nella cartella "styles/prosilver_se/template/" viene cercato nella cartella "styles/prosilver/template".
Se hai modificato il CSS di prosilver (come indicato dalle istruzioni della Mod) è logico che non funzioni, va modificato stylesheet.css di prosilver_se.
Stessa cosa per overall_header.html.
Il colore è l'ultimo dei problemi, basta modificare le immagini con un qualunque programma di grafica.

TheAvenger · Messaggio da **TheAvenger** » 21/02/2012, 17:10

Potete dirmi cortesemente dove sono questi due menu bar adattati da Sir Xiradorn, perchè effettivamente a me va bene la barra così com'è presente su questo forum, devo solo cambiare la grafica dei bottoni.

Edit: per precisare Micogian in un post precedente ha detto che Sir Xiradorn ha adattato la barra per questo forum. Ora, dato che qui come sul mio forum c'è il prosilver_se a me basterebbe il pacchetto della MOD adattata da lui per questo stile.

Messaggio da **Micogian** » 21/02/2012, 17:30

Se devo essere sincero la Mod del Menu di questo Forum è più complessa dell'altra.
Per quanto riguarda lo stile, prosilver o prosilver SE non fa differenza, funziona benissimo in entrambi, l'importante è fare le cose in maniera corretta e se non funziona qualcosa di sbagliato c'è.

EDIT: una delle due Mod di Sir Xiradorn è presente in questo forum: http://www.phpbbitalia.net/titania/mod/xnavbar_v1_mod/
L'altra non so se sia stata pubblicata, lo era nel sito di Sir ma il sito è fermo da un anno.
C'è la versione originale sul com.

TheAvenger · Messaggio da **TheAvenger** » 23/02/2012, 17:18

Ho installato in locale la mod di Sir Xiradorn (quella adattata per il prosilver_se, con il menu a tendina per capirci): sul prosilver_se di base esce tutto perfetto, ma quando applico il mio CSS personalizzato la barra esce ancora una volta in verticale come già indicato prima. Vi posto il codice sorgente pagina.

Codice: Seleziona tutto

<!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="ltr" lang="en-gb" xml:lang="en-gb">
<head>
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
 
<title>yourdomain.com &bull; Index page</title>
 
 
 
<!--
	phpBB style name: 	prosilver Special Edition
	Based on style:   	prosilver (this is the default phpBB3 style)
	Original author:  	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Styles Team     
	
	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 = 'Enter the page number you wish to go to:';
	var on_page = '';
	var per_page = '';
	var base_url = '';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '; path=/';
	var onload_functions = new Array();
	var onunload_functions = new Array();
 
	
 
	/**
	* 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="./styles/prosilver/template/styleswitcher.js"></script>
<script type="text/javascript" src="./styles/prosilver/template/forum_fn.js"></script>
 
<link href="./styles/prosilver_se/theme/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="./style.php?id=2&lang=en" rel="stylesheet" type="text/css" media="screen, projection" />
 
<link href="./styles/prosilver_se/theme/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="./styles/prosilver_se/theme/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="./styles/prosilver_se/theme/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
 
<!-- inclusione jquery scripting -->
<script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="./js/scripts.js"></script>
<!-- inclusione jquery scripting -->
 
</head>
 
<body id="phpbb" class="section-index ltr">
 
<div id="wrap">
    <div class="border-left">
    <div class="border-right">
    <div class="border-top">
    <div class="border-top-left">
    <div class="border-top-right">
        <div class="inside" style="direction: ltr;">
        	<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="./index.php" title="Board index" id="logo"><img src="./styles/prosilver_se/imageset/site_logo.gif" width="149" height="52" alt="" title="" /></a>
        				<h1>yourdomain.com</h1>
        				<p>A short text to describe your forum</p>
        				<p class="skiplink"><a href="#start_here">Skip to content</a></p>
        			</div>
        
        		<span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
		</div>
        <!-- phpbb_com navbar START --><!-- 
	phpbb.com navigation menu mod
	Thank to phpbb.com for script and css
	images made by sir xiradorn xiradorn lab
-->
 
	<div id="navbar">
		<ul>
			<!-- Link per menu arrotondato INIZIO -->
			<li class="but-home"><a href="../"><span></span>Home</a></li>
			<!-- Link per menu arrotondato FINE --><!-- Link per menu semplice INIZIO -->
			<li class="but-forum"><a href="./index.php"><span></span>Forum</a></li>
			<!-- Link per menu semplice FINE --><!-- Link per menu con dropdown INIZIO -->
			<li class="but-menu_normal"><a href="#menu_normal"><span></span>menu_normal</a>
 
				<!-- struttura menu con dropdown menu precedente INIZIO -->
				<div class="sub-menu">
					<!-- colonna sx interna INIZIO -->
					<ul>
						<li>
							<h4><a href="#menu1">Menu 1</a></h4>
							<p><a href="#menu1">Descrizione 1</a></p>
						</li>
						<li>
							<h4><a href="#menu2">Menu 2</a></h4>
							<p><a href="#menu2">Descrizione 2</a></p>
						</li>
						<!-- class usato per terzo menu in fondo INIZIO -->
						<li class="last">
							<h4><a href="#menu3">Menu 3</a></h4>
							<p><a href="#menu3">Descrizione 3</a></p>
						</li>
						<!-- class usato per terzo menu in fondo FINE -->						
					</ul>
					<!-- colonna sx interna FINE --><!-- colonna dx interna INIZIO -->
					<ul>
						<li>
							<h4><a href="#menu1">Menu 1</a></h4>
							<p><a href="#menu1">Descrizione 1</a></p>
						</li>
						<!-- link esterno INIZIO -->
						<li class="external">
							<h4><a href="#menu2">Menu 2</a></h4>
							<p><a href="#menu2">Descrizione 2</a></p>
						</li>
						<!-- link esterno FINE --><!-- class usato per terzo menu in fondo con link esterno INIZIO -->
						<li class="last external">
							<h4><a href="#menu3">Menu 3</a></h4>
							<p><a href="#menu3">Descrizione 3</a></p>
						</li>
						<!-- class usato per terzo menu in fondo con link esterno FINE -->						
					</ul>
					<!-- colonna dx interna FINE -->
					
					<div class="sub-menu-bottom"></div>
				</div>
				<!-- struttura menu con dropdown menu precedente FINE -->
			</li>
			<!-- Link per menu con dropdown FINE --><!-- Link per menu con dropdown INIZIO -->
			<li class="but-menu_plus"><a href="#menu_plus"><span></span>menu_plus</a>
 
				<!-- struttura menu con dropdown menu precedente INIZIO -->
				<div class="sub-menu sub-menu-extra">
					<!-- colonna sx interna INIZIO -->
					<ul>
						<li>
							<h4><a href="#menu1">Menu 1</a></h4>
							<p><a href="#menu1">Descrizione 1</a></p>
						</li>
						<li>
							<h4><a href="#menu2">Menu 2</a></h4>
							<p><a href="#menu2">Descrizione 2</a></p>
						</li>
						<!-- class usato per terzo menu in fondo INIZIO -->
						<li class="last">
							<h4><a href="#menu3">Menu 3</a></h4>
							<p><a href="#menu3">Descrizione 3</a></p>
						</li>
						<!-- class usato per terzo menu in fondo FINE -->						
					</ul>
					<!-- colonna sx interna FINE --><!-- colonna dx interna INIZIO -->
					<ul>
						<li>
							<h4><a href="#menu1">Menu 1</a></h4>
							<p><a href="#menu1">Descrizione 1</a></p>
						</li>
						<!-- link esterno INIZIO -->
						<li class="external">
							<h4><a href="#menu2">Menu 2</a></h4>
							<p><a href="#menu2">Descrizione 2</a></p>
						</li>
						<!-- link esterno FINE --><!-- class usato per terzo menu in fondo con link esterno INIZIO -->
						<li class="last external">
							<h4><a href="#menu3">Menu 3</a></h4>
							<p><a href="#menu3">Descrizione 3</a></p>
						</li>
						<!-- class usato per terzo menu in fondo con link esterno FINE -->						
					</ul>
					<!-- colonna dx interna FINE --><!-- link di fondo addizionale INIZIO -->
					<div class="sub-menu-bottom"><a href="#link">link</a></div>
					<!-- link di fondo addizionale FINE -->
				</div>
				<!-- struttura menu con dropdown menu precedente FINE -->
			</li>
			<!-- Link per menu con dropdown FINE --><!-- tasto ricerca INIZIO -->
			<li id="searchbox" style="font-size: 0.8em;">
				 <form action="./search.php" method="post">
				 <fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="Search for keywords" class=" search" style="margin-left: 15px; padding-bottom: 2px;" value="Search…" onclick="if(this.value=='Search…')this.value='';" onblur="if(this.value=='')this.value='Search…';" />         
				 </fieldset>
				 </form>
			</li>
			<!-- tasto ricerca FINE -->
		</ul>
	</div>
 
<!-- 
	phpbb.com navigation menu mod
	Thank to phpbb.com for script and css
	images made by sir xiradorn - xiradorn lab
--><!-- phpbb_com navbar END -->
        
        		<div class="navbar">
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<ul class="linklist navlinks">
        				<li class="icon-home"><a href="./index.php" accesskey="h">Board index</a> </li>
        
        				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="Change font size">Change font size</a></li>
        
        				
        			</ul>
        
        			
        			<ul class="linklist leftside">
        				<li class="icon-ucp">
							<a href="./ucp.php" title="User Control Panel" accesskey="e">User Control Panel</a>
								 (<a href="./ucp.php?i=pm&folder=inbox"><strong>0</strong> new messages</a>) &bull;
							<a href="./search.php?search_id=egosearch">View your posts</a>
							
        				</li>
        			</ul>
        			
        
        			<ul class="linklist rightside">
        				<li class="icon-faq"><a href="./faq.php" title="Frequently Asked Questions">FAQ</a></li>
        				<li class="icon-members"><a href="./memberlist.php" title="View complete list of members">Members</a></li>
							<li class="icon-logout"><a href="./ucp.php?mode=logout&sid=cfac79dcc5884c257c71a737775de8ed" title="Logout [ admin ]" accesskey="x">Logout [ admin ]</a></li>
        				
        			</ul>
        
        			<span class="corners-bottom"><span></span></span></div>
        		</div>
        
        	</div>
        
        	<a name="start_here"></a>
        	<div id="page-body">
        		
				
 
<p class="right rightside">Last visit was: Thu Feb 23, 2012 3:30 pm</p>
<p>It is currently Thu Feb 23, 2012 4:11 pm <br />[&nbsp;<a href="./mcp.php?i=main&mode=front&sid=cfac79dcc5884c257c71a737775de8ed">Moderator Control Panel</a>&nbsp;]</p>
<ul class="linklist">
	
		<li><a href="./search.php?search_id=unanswered">View unanswered posts</a> &bull; <a href="./search.php?search_id=unreadposts">View unread posts</a> &bull; <a href="./search.php?search_id=newposts">View new posts</a> &bull; <a href="./search.php?search_id=active_topics">View active topics</a></li>
	<li class="rightside"><a href="./index.php?hash=3fc82bd8&mark=forums" accesskey="m">Mark forums read</a></li>
</ul>
 
		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><a href="./viewforum.php?f=1">Your first category</a></dt>
						<dd class="topics">Topics</dd>
						<dd class="posts">Posts</dd>
						<dd class="lastpost"><span>Last post</span></dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
	
		<li class="row">
			<dl class="icon" style="background-image: url(./styles/prosilver_se/imageset/forum_unread.gif); background-repeat: no-repeat;">
				<dt title="Unread posts">
				
					<a href="./viewforum.php?f=2" class="forumtitle">Your first forum</a><br />
					Description of your first forum.
					
				</dt>
				
					<dd class="topics">1 <dfn>Topics</dfn></dd>
					<dd class="posts">1 <dfn>Posts</dfn></dd>
					<dd class="lastpost"><span>
						<dfn>Last post</dfn> by <a href="./memberlist.php?mode=viewprofile&u=2" style="color: #AA0000;" class="username-coloured">admin</a>
						<a href="./viewtopic.php?f=2&p=1#p1"><img src="./styles/prosilver_se/imageset/icon_topic_latest.gif" width="11" height="9" alt="View the latest post" title="View the latest post" /></a> <br />Tue Feb 21, 2012 4:02 pm</span>
					</dd>
				
			</dl>
		</li>
	
			</ul>
 
			<span class="corners-bottom"><span></span></span></div>
		</div>
	<h3><a href="./viewonline.php">Who is online</a></h3>
	<p>In total there is <strong>1</strong> user online :: 1 registered, 0 hidden and 0 guests (based on users active over the past 5 minutes)<br />Most users ever online was <strong>2</strong> on Tue Feb 21, 2012 4:07 pm<br /> <br />Registered users: <a href="./memberlist.php?mode=viewprofile&u=2" style="color: #AA0000;" class="username-coloured">admin</a>
	<br /><em>Legend: <a style="color:#AA0000" href="./memberlist.php?mode=group&g=5">Administrators</a>, <a style="color:#00AA00" href="./memberlist.php?mode=group&g=4">Global moderators</a></em></p>
 
	<h3>Statistics</h3>
	<p>Total posts <strong>1</strong> &bull; Total topics <strong>1</strong> &bull; Total members <strong>1</strong> &bull; Our newest member <strong><a href="./memberlist.php?mode=viewprofile&u=2" style="color: #AA0000;" class="username-coloured">admin</a></strong></p>
</div>
    
                <div id="page-footer">
                
                	<div class="navbar">
                		<div class="inner"><span class="corners-top"><span></span></span>
                
                		<ul class="linklist">
                			<li class="icon-home"><a href="./index.php" accesskey="h">Board index</a></li>
                				
                            <li class="rightside"><a href="./memberlist.php?mode=leaders">The team</a> &bull; <a href="./ucp.php?mode=delete_cookies">Delete all board cookies</a> &bull; All times are UTC </li>
                		</ul>
                
                		<span class="corners-bottom"><span></span></span></div>
                	</div>
                </div>
            </div>
        <div class="border-bottom"><span><span></span></span></div>
    </div></div></div></div></div>
</div>
	
	<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a>&reg; Forum Software &copy; phpBB Group
		<br /><strong><a href="./adm/index.php?sid=cfac79dcc5884c257c71a737775de8ed">Administration Control Panel</a></strong>
	</div>
 
 
 
<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	
</div>
 
</body>
</html>

Messaggio da **Micogian** » 23/02/2012, 18:47

Ma cosa vuol dire "tutto perfetto" ?

.....sul prosilver_se di base esce tutto perfetto, ma quando applico il mio CSS personalizzato la barra esce ancora una volta in verticale...

Qui siamo sempre alle solite: non basta vedere la copia del codice sorgente, bisogna vedere il "codice sorgente" dal vivo.
Se nel codice sorgente vai alla riga <link href="./style.php?id=2&lang=en" rel="stylesheet" type="text/css" media="screen, projection" /> e clicchi sul link "style.php" visualizzi il CSS.
A questo punto controlla che ci sia la parte relativa al Menu.
In caso contrario è il css del menu che manca.

TheAvenger · Messaggio da **TheAvenger** » 24/02/2012, 19:00

Alla fine pare che ce l'abbia fatta. Ho installato infatti la mod con il menu a tendina di Sir Xir. e sul prosilver_se di base è andato tutto bene. Dato che se incollavo direttamente il mio CSS persnalizzato al posto di quello originale mi sballava tutto come mostrato in precedenza, ho proceduto passo passo cambiando pezzo per pezzo il codice di base. Ho però ancora bisogno di informazioni.

Prima di tutto per quanto riguarda la barra, da dove modifico i collegamente ai links? Poi, dato che voglio eliminare la scritta "nome sito" perchè mi impedisce di attaccare la barra al logo, come posso fare? Infatti se vado sul PCA ed elimino la scritta direttamente da "Impostazioni - Nome del sito" mi attacca si la barra al logo, ma al contempo mi elimina il nome del sito sul browser in alto a sinitra, lasciandomi la scritta "Indice".

TheAvenger · Messaggio da **TheAvenger** » 27/02/2012, 0:28

Per quanto riguarda la scritta "Nome sito" ho risolto elimando dal file overall_header.html il giusto pezzetto di codice, ma per la barra ho ancora qualche dubbio. Bene o male ho capito cosa e dove andare a modificare, correggetemi se sbaglio per favore: per cambiare i links ai bottoni faccio le dovute modifiche nel file phpbb_navbar.html mentre per la grafica dei bottoni faccio riferimento a phpbb_navbar_customize.css. Il mio dubbio riguarda più che altro il file phpbb_navbar.css che si trova nella stessa cartella (phpBB3\styles\prosilver_se\theme\menu) del precedente, devo modificare qualcosa anche lì o devo lasciar perdere questo file?

Messaggio da **Micogian** » 27/02/2012, 8:53

L'ho già detto e lo ripeto: è molto difficile capire quello che stai facendo senza poter "vedere" direttamente le pagine del Forum.
A me sembra che le due Mod (anche la precedente) siano ben spiegate.
Non capisco cosa intendi per "prosilver di base", perchè parli di "phpbb_navabar_customize.css" e di "phpbb_navbar.css". Il file css associato al Menu è uno solo, va messo assieme agli altri css e va aggiunto al file stylesheet.css con una semplice riga di codice:

Codice: Seleziona tutto

@import url("nome_file.css");

ovviamente con il nome giusto e questo è indicato nelle istruzioni di installazione.
Io avrei installato la Mod così come viene indicato dalle istruzioni e solamente in un secondo tempo avrei fatto le modifiche necessarie per adattare il Menu, vale a dire creare le immagini dei pulsanti con i colori e le scritte volute, nominare questi pulsanti con nomi ben definiti e aggiungere questi nomi nel file css.
Ogni pulsante ha un nome e va gestito dal CSS.

TheAvenger · Messaggio da **TheAvenger** » 27/02/2012, 13:23

Per prosilver_se di base intendo lo stile "vergine", quello che si vede non appena lo si applica sul forum. Insomma, lo stile così com'è stato creato dagli sviluppatori.

Micogian ha scritto: Io avrei installato la Mod così come viene indicato dalle istruzioni e solamente in un secondo tempo avrei fatto le modifiche necessarie per adattare il Menu, vale a dire creare le immagini dei pulsanti con i colori e le scritte volute, nominare questi pulsanti con nomi ben definiti e aggiungere questi nomi nel file css.

Forse mi hai fraintesa.. installare la barra seguendo alla lettera le istruzioni è proprio ciò che ho fatto.. adesso volevo solo sapere come modificare bottoni, links e quant'altro dato che questo tipo di MOD (quella con il menu a tendina di Sir Xiradorn per l'appunto) non fa si che nel PCA appaia il pulsante MOD da dove modificare le cose. Dunque, dato che in questo caso devo andare a modificare direttamente i files, mi chiedevo (per la grafica dei bottoni) a quale file fare riferimento tra i due citati prima che comunque si trovano proprio nella cartella menu della MOD (root/styles\prosilver_se\theme\menu).

phpBB Italia

Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Re: Installare barra di navigazione

Chi c’è in linea