Vai al contenuto
PMI

Inserire tab personalizzati nel menù principale

Recommended Posts

PMI

Salve,

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

Grazie

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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 da PMI

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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.

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

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

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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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.

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
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 :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

You need to be a member in order to leave a comment

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora

×