phpBB Italia

Sito di supporto italiano per phpBB
https://www.phpbbitalia.net/forum/

togliere gli angoli arrotondati al dropdown di phpbb.com?

https://www.phpbbitalia.net/forum/viewtopic.php?f=10&t=4148

Pagina 1 di 4

togliere gli angoli arrotondati al dropdown di phpbb.com?

Inviato: 01/06/2011, 14:30
da Genesis
ciao a tutti, ho installato lo stesso dropdown menu che c'è su questo forum, solo che non voglio i bordi arrotondati, c'è un modo per toglierli? grazie in anticipo :)

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 01/06/2011, 16:29
da Carlo
Quale MOD esattamente? Ci sono molte persone che hanno realizzato diverse MOD basate su quella in uso su phpBB.com.

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 01/06/2011, 17:19
da Genesis
è il dropdown menu che ho trovato qui su phpbbitalia, comunque ora non mi serve più togliere gli angoli arrotondati perchè ho modificato lo stile.
piuttosto mi servirebbe sapere come aggiungere e/o modificare le voci già presenti.
grazie in anticipo.

edit: mi sono sbagliato è quella di xiradorn.it non quella di qui, che non so nemmeno se ci sia.
carlo tu dove hai preso il tuo dropdown menu?

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 01/06/2011, 22:14
da Carlo
E' quello di Xiradorn, però ne ha rilasciate due versioni. Una senza sotto menu, e una con.
Dipende di quale delle due intenti.

Comunque, c'è anche un menu di esempio.

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 01/06/2011, 23:17
da Genesis
ho la versione dropdown menu, però io tutte le volte che aggiungo un menu ha sempre le stesse scritte quindi non capisco come fare.. help :(

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 02/06/2011, 10:16
da Carlo
Non ho capito. Puoi mostrarmi uno screenshot?

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 02/06/2011, 23:15
da Genesis
screen: http://cl.ly/3s0O2n3P0b021e3O1026
la seconda scritta forum sarebbe un link che ho aggiunto il intitolato "Downloads", posto il phpbb_navbar.html

Codice: Seleziona tutto


<!-- 
	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="{U_INDEX}"><span></span>Forum</a></li>
			<!-- Link per menu semplice FINE -->
			
						<!-- Link per menu semplice INIZIO -->
			<li class="but-forum"><a href="http://www.radiolimpus.altervista.org/downloads-f136/"><span></span>Downloads</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="{U_SEARCH}" method="post">
				 <fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class=" search" style="margin-left: 15px; padding-bottom: 2px;" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />         
				 </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
-->

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 03/06/2011, 15:09
da Carlo
Come puoi notare, ogni pulsante ha una classe nel CSS.

Ogni voce del menu è composto da un'immagine, che puoi creare utilizzato il PSD contenuto nel pacchetto della MOD. Poi devi aggiungere delle voci al CSS per ogni pulsante.

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 03/06/2011, 15:49
da Genesis
puoi spiegarmi bene come aggiungere le voci al css?
inoltre, se non ho photoshop come faccio? non spendo mica 2750€ per modificare una immagine :D

Re: togliere gli angoli arrotondati al dropdown di phpbb.com

Inviato: 03/06/2011, 22:03
da Carlo
Puoi utilizzare GIMP, sempre se ti permetta di aprire i file PSD.
Tutti gli orari sono UTC+02:00
Pagina 1 di 4
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/