Rimuovere completamente un bottone dal menù

Tutorial Rimuovere completamente un bottone dal menù

Messaggio Da Niko Gio 7 Mar 2013 - 19:46

Rimuovere completamente un bottone dal menù


Definizione

Il tutorial che andrò ad illustrarvi quest'oggi ha il semplice scopo di rimuovere completamente un bottone dal menù di indice :good:

ID (#)DescrizioneID (#)Descrizione
Rimuovere completamente un bottone dal menù Icon_home#i_icon_mini_index IndexRimuovere completamente un bottone dal menù Icon_c10#i_icon_mini_calendarCalendario
Rimuovere completamente un bottone dal menù Empty#i_icon_mini_portalPortaleRimuovere completamente un bottone dal menù Icon_faq#i_icon_mini_faqFAQ
Rimuovere completamente un bottone dal menù Icon_search#i_icon_mini_searchRicercaRimuovere completamente un bottone dal menù Icon_members#i_icon_mini_membersMembri registrati
Rimuovere completamente un bottone dal menù Icon_groups#i_icon_mini_groupsGruppiRimuovere completamente un bottone dal menù Icon_ucp#i_icon_mini_profileProfilo
Rimuovere completamente un bottone dal menù Icon_message#i_icon_mini_messageMessaggi privatiRimuovere completamente un bottone dal menù Icon_message#i_icon_mini_new_messageNuovo messaggio privato
Rimuovere completamente un bottone dal menù Icon_logout#i_icon_mini_logoutDisconnessioneRimuovere completamente un bottone dal menù Icon_logout#i_icon_mini_loginConnessione
Rimuovere completamente un bottone dal menù Icon_register#i_icon_mini_registerRegistrati

Codice Javascript

Una volta individuato il selettore #ID del bottone (o dei bottoni) che volete rimuovere dal vostro forum, dovete procedere andando nel pannello di gestione dei codici javascript (PDA > Moduli > HTML & JAVASCRIPT > Gestione dei codici Javascript | Creare un nuovo javascript :new: ) ed inserire questa stringa di codice:

Codice:
<!--- Subject: "Remove buttons on pages" - Copyright 2012 Niko. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. ---!> $(document).ready(function(){$('#ID).parent().hide();});

Dopo aver copiato il selettore del bottone ed aver incollato questa stringa dovete modificare questa parte: ..{$('#ID).par.. sostituendola con il vostro selettore. :bene:

Note aggiuntive

In alcuni casi, a seguito della rimozione di un bottone, si va a formare uno 'spazio vuoto', che però è facilmente rimovibile aggiungendo questa stringa di codice CSS nel vostro foglio di stile (PDA > Visualizzazione > Immagini e colori > Foglio CSS

Codice:
#ID {
margin-left: -9px;
}
Ovviamente sostituendo #ID con il vostro selettore :good:

Spero di aver contribuito al miglioramento dei vostri forum con questo breve, ma interessante tutorial! ciao!
Ricordo che sono sempre disponibile per eventuali supporti o chiarimenti tramite la sezione Problemi con lo script (Codici) :zen:




Ultima modifica di Niko il Mer 31 Mar 2021 - 1:59 - modificato 1 volta. (Motivazione : Aggiornamento)
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.