Vai al contenuto

Inserire tab personalizzati nel menù principale

PMI
Da PMI
in Supporto

Featured Replies

Inviato

Salve,

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

Grazie

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>

Inviato
  • Autore

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
    Inviato

    si

    Inviato

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

    Inviato

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

    • 3 settimane dopo...
    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

    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.

    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

    Inviato

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

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

    • 3 settimane dopo...
    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?

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

    Per favore accedi per lasciare un commento

    Potrai lasciare un commento dopo aver effettuato l'accesso

    Accedi Ora
    https://invisionita.it/topic/1273-inserire-tab-personalizzati-nel-men%C3%B9-principale/
    Vai alla lista discussioni

    Chi sta navigando 0

    • Nessun utente registrato visualizza questa pagina.

    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.

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.