Inserire tab personalizzati nel menù principale

[PMI]

Salve,

come posso fare per inserire dei tab personalizzati prima di forum - utenti - calendar - chat

Grazie

[najaru]

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>

[PMI]

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 9 Agosto 2010 da PMI

[dd1993]

si

[najaru]

pensavo che la classe non fosse necessaria. forse perchè li avevo sempre inseriti DOPO gli altri.

[dd1993]

era l'incoraggiamento.....non prendertela....

[PaoloGiulioGazzano]

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

[najaru]

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.

[PaoloGiulioGazzano]

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

[najaru]

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

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

[mr-unix]

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?

[najaru]

<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.

[mr-unix]

<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

[najaru]

si grazie

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