Vai al contenuto
  • 0

Inserire tab personalizzati nel menù principale

PMI

Domandato da PMI,

 Condividi

Domanda

13 risposte a questa domanda

Messaggi raccomandati

  • 0
najaru Newbie

najaru

Inviato
Inviato

nel globaltemplate della skin che usi

cerchi questo

<div id='primary_nav'>

					<ul>
						<if test="showhomeurl:|:$this->settings['home_url']">
							<li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /> {$this->settings['home_name']}</a></li>
						</if>
						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}

e subito dopo il primo ul aggiungi

<li><a href"LINKCHEVUOI">NOMEDAVISUALIZZARE</a></li>

Link al commento
Condividi su altri siti
  • 0
PMI Newbie

PMI

Inviato
  • Autore
Inviato (modificato)

Grazie mille,

la posizone è quella giusta,

mentre il codice da inserire è il seguente:

<li id='nav_home' class='left'><a href="LINKCHEVUOI">NOMEDAVISUALIZZARE</a></li>

Modificato da PMI
  • Like 1
Link al commento
Condividi su altri siti
  • 0
PaoloGiulioGazzano Newbie

PaoloGiulioGazzano

Inviato
Inviato

Sono riuscito a fare quanto descritto sopra ma vorrei andare un pochino oltre. Come inserire immagini al posto delle scritte?

Mi spiego meglio, se devo inserirne io una nuova non ho problemi, ma come modificare quelle già esistenti?

Grazie mille

Link al commento
Condividi su altri siti
  • 0
najaru Newbie

najaru

Inviato
Inviato

e voilà.

questo è il codice della mia skin

come vedi c'è il richiamo ad un icona per ogni li del menu ul

<div id='primary_nav'>
					<ul>
						<if test="showhomeurl:|:$this->settings['home_url']">
							<li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /> {$this->settings['home_name']}</a></li>
						</if>
						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}
						{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}
						<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'><img src="{style_images_url}/_custom/icon_primary_forums.png" /> {$this->lang->words['discussion']}</a></li></if>
						<if test="!ipsRegistry::$applications['members']['app_hide_tab']"><li id='nav_members' class='left {parse variable="membersActive"}'><a href='{parse url="app=members" base="public" template="members_list" seotitle="false"}' title='{$this->lang->words['go_to_memberlist']}'><img src="{style_images_url}/_custom/icon_primary_members.png" /> {$this->lang->words['tb_mlist']}</a></li></if>
						<if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
							<foreach loop="applications:$header_items['applications'] as $data">
								<if test="showingapp:|:$data['app_show']">
									{parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
									<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'><img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" /> {IPSLib::getAppTitle($data['app_dir'])}</a></li>
								</if>
							</foreach>
						</if>

a te modificare il tuo aggiungendo il richiamo alle immagini che si dovranno trovare nella cartella che hai deciso tu, anche perchè non ho capito se vuoi far visualizzare solo immagini (e quindi devi anche rimuovere del codice), o icona più testo

in ogni caso magari domani ci smanetto un po e faccio piccolo tutorial se non ci sei riuscito.

Link al commento
Condividi su altri siti
  • 0
PaoloGiulioGazzano Newbie

PaoloGiulioGazzano

Inviato
Inviato

Io voglio far apparire solo l'immagine. Mi creo un immagine con photoshop in png che andrò a sostituire alla scritta!! Ora ne creo una e la metto al posto di uno dei collegamenti aggiunto da me cosi lo vedi per bene!!! Ciao e grazie

Link al commento
Condividi su altri siti
  • 0
najaru Newbie

najaru

Inviato
Inviato

a bhe, se metti l'url completo statico è ancora più facile.

memorizzati il primary _menu originale magari, in modo da poterlo recuperare

Link al commento
Condividi su altri siti
  • 0
mr-unix Newbie

mr-unix

Inviato
Inviato

e voilà.

questo è il codice della mia skin

come vedi c'è il richiamo ad un icona per ogni li del menu ul

<div id='primary_nav'>
					<ul>
						<if test="showhomeurl:|:$this->settings['home_url']">
							<li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /> {$this->settings['home_name']}</a></li>
						</if>
						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}
						{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}
						<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'><img src="{style_images_url}/_custom/icon_primary_forums.png" /> {$this->lang->words['discussion']}</a></li></if>
						<if test="!ipsRegistry::$applications['members']['app_hide_tab']"><li id='nav_members' class='left {parse variable="membersActive"}'><a href='{parse url="app=members" base="public" template="members_list" seotitle="false"}' title='{$this->lang->words['go_to_memberlist']}'><img src="{style_images_url}/_custom/icon_primary_members.png" /> {$this->lang->words['tb_mlist']}</a></li></if>
						<if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
							<foreach loop="applications:$header_items['applications'] as $data">
								<if test="showingapp:|:$data['app_show']">
									{parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
									<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'><img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" /> {IPSLib::getAppTitle($data['app_dir'])}</a></li>
								</if>
							</foreach>
						</if>

a te modificare il tuo aggiungendo il richiamo alle immagini che si dovranno trovare nella cartella che hai deciso tu, anche perchè non ho capito se vuoi far visualizzare solo immagini (e quindi devi anche rimuovere del codice), o icona più testo

in ogni caso magari domani ci smanetto un po e faccio piccolo tutorial se non ci sei riuscito.

stavo cercandol'applicazione calendario ma non la trovo per metterci un'iconcina vicino.... su quale template devo cercarla?

Link al commento
Condividi su altri siti
  • 0
najaru Newbie

najaru

Inviato
Inviato 

<div id='primary_nav'>
					<ul>
						<if test="showhomeurl:|:$this->settings['home_url']">
							<li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /> {$this->settings['home_name']}</a></li>
						</if>
						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}
						{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}
						<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'><img src="{style_images_url}/_custom/icon_primary_forums.png" /> {$this->lang->words['discussion']}</a></li></if>
						<if test="!ipsRegistry::$applications['members']['app_hide_tab']"><li id='nav_members' class='left {parse variable="membersActive"}'><a href='{parse url="app=members" base="public" template="members_list" seotitle="false"}' title='{$this->lang->words['go_to_memberlist']}'><img src="{style_images_url}/_custom/icon_primary_members.png" /> {$this->lang->words['tb_mlist']}</a></li></if>
						<if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
							<foreach loop="applications:$header_items['applications'] as $data">
								<if test="showingapp:|:$data['app_show']">
									{parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
									<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'><img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" /> {IPSLib::getAppTitle($data['app_dir'])}</a></li>
								</if>
							</foreach>
						</if>

usando il codice qui sopra (al posto di quello corrispondente nel primary menu è possibile fare richiamare in automatico delle immagini corrispondenti alle varie applicazioni

come si può vedere infatti verso la fine viene richiamato un codice cosi:

<img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" />

che richiama in automatico le immagini nominate come le applicazioni, che si trovano nella cartella_custom del tema.

ad esempio la mia icona:


http://www.invisionita.it/forum/public/style_images/surface/_custom/icon_primary_members.png

le immagini inserite nell'ftp si devono chiamare in quel modo ma con il finale corrispondente al nome dell'applicazione che vuoi richiamare.

  • Like 1
Link al commento
Condividi su altri siti
  • 0
mr-unix Newbie

mr-unix

Inviato
Inviato 

<div id='primary_nav'>
					<ul>
						<if test="showhomeurl:|:$this->settings['home_url']">
							<li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home"><img src="{style_images_url}/_custom/icon_primary_home.png" /> {$this->settings['home_name']}</a></li>
						</if>
						{parse variable="forumActive" default="" oncondition="IPS_APP_COMPONENT == 'forums'" value="active"}
						{parse variable="membersActive" default="" oncondition="IPS_APP_COMPONENT == 'members'" value="active"}
						{parse variable="helpActive" default="" oncondition="IPS_APP_COMPONENT == 'core' AND $this->request['module'] == 'help'" value="active"}
						<if test="!ipsRegistry::$applications['forums']['app_hide_tab']"><li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'><img src="{style_images_url}/_custom/icon_primary_forums.png" /> {$this->lang->words['discussion']}</a></li></if>
						<if test="!ipsRegistry::$applications['members']['app_hide_tab']"><li id='nav_members' class='left {parse variable="membersActive"}'><a href='{parse url="app=members" base="public" template="members_list" seotitle="false"}' title='{$this->lang->words['go_to_memberlist']}'><img src="{style_images_url}/_custom/icon_primary_members.png" /> {$this->lang->words['tb_mlist']}</a></li></if>
						<if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
							<foreach loop="applications:$header_items['applications'] as $data">
								<if test="showingapp:|:$data['app_show']">
									{parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
									<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="false" base="public"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'><img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" /> {IPSLib::getAppTitle($data['app_dir'])}</a></li>
								</if>
							</foreach>
						</if>

usando il codice qui sopra (al posto di quello corrispondente nel primary menu è possibile fare richiamare in automatico delle immagini corrispondenti alle varie applicazioni

come si può vedere infatti verso la fine viene richiamato un codice cosi:

<img src="{style_images_url}/_custom/icon_primary_{$data['app_dir']}.png" />

che richiama in automatico le immagini nominate come le applicazioni, che si trovano nella cartella_custom del tema.

ad esempio la mia icona:


http://www.invisionita.it/forum/public/style_images/surface/_custom/icon_primary_members.png

le immagini inserite nell'ftp si devono chiamare in quel modo ma con il finale corrispondente al nome dell'applicazione che vuoi richiamare.

per facilitare il compito esiste questa mod:

Fusion.Menu.v1.1.4.for.IP.Board.v3.x

  • Like 1
Link al commento
Condividi su altri siti
  • 0
najaru Newbie

najaru

Inviato
Inviato

si grazie :)

purtroppo è a pagamento, e sostituisce completamente il menu, quindi è possibile che a molti non piaccia perchè non adatto alla skin in uso :)

  • Like 1
Link al commento
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un membro per lasciare un commento

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora
 Condividi
Vai alla lista delle domande

  • Chi sta navigando   0 utenti

    • Nessun utente registrato visualizza questa pagina.
×
×
  • Crea Nuovo...

Informazioni importanti

Abbiamo inserito dei cookies nel tuo dispositivo per aiutarti a migliorare la tua esperienza su questo sito. Puoi modificare le impostazioni dei cookie, altrimenti puoi accettarli cliccando su continua. to insert a cookie message.

 Accept Cookies  Reject Cookies