Inserire una notifica personalizzata

Non sapevo come intitolare questa discussione per cui passo subito a spiegare quello che vorrei, sempre naturalmente che sia possibile.

Mi piacerebbe avere il codice (non sò se è uno script o che cosa sia) per visualizzare la nuvoletta che appare in alto a destra quando qualcuno si connette o comunque fà un' azione qui sul forum (la "nuvoletta" nera che però io vorrei poter fare di un altro colore).

La mia versione è phpbb3.

Grazie!

Ciao @son

si, ho un #tutorial in attesa giusto per questo

va bene se te lo fornisco domani? devo lavorarci un po' su

Ma certamente, ci mancherebbe!
Ah, io non ho la toolbar, nel caso può funzionare anche senza?
Perchè non la vorrei mettere.

yes

questa è l'anteprima:

Ok, allora la installerò, ma prima vado a cercare il tutorial per personalizzarla.

EDIT: non mi piace proprio, dovrei levare il ribbon al lato perchè ne impedisce la scomparsa dalla freccetta.

Niko, a parte il sistema della toolbar non esistono altri modi per far comparire questi messaggi?

nono @son tranquilla, il fatto che nello screenshot ci sia la toolbar non c'entra nulla, è un messaggio a parte

perdonami ma mi ero dimenticato del tutorial, te lo preparo in giornata

Meglio, grazie!

dunque.. prima di tutto aggiungi questo css:

Codice:

#live_notif { width: 330px; position: absolute; }
#live_notif .fa_notification { background-color: #333; opacity: 0.8; border-radius: 5px; padding: 10px; }
#live_notif .fa_notification .content { padding-left: 40px; display: inline-block; background-image: url('http://www.illiweb.com/fa/notifications/notifications.png'); background-repeat: no-repeat; height: 32px; font-size : 11px; color : #fff; overflow : hidden }
#live_notif .fa_notification a { text-decoration: underline !important; vertical-align: baseline; /*max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}



in seguito devi creare un nuovo codice javascript:

• Titolo: a tua scelta
  
• Dove: In tutte le pagine
  
• Codice:
  

  Codice:

  $('body').append('<div id="live_notif" style="width: 330px; position: absolute; right: 39px;"><div class="fa_notification" style="opacity: 0.8;"><div class="content ellipsis">Contenuto</div></div></div>');

e ovviamente devi cambiare contenuto

E cosa devo scriverci?

dipende da cosa vuoi visualizzare

Emmm..per esempio quando qualcuno si collega o manda un mp oppureun messaggio in una discussione.

aaaaah

perdonami @son, pensavo volessi realizzare una notifica personalizzata, come un messaggio fisso.. purtroppo le notifiche sono disponibili solo con la toolbar di Forumattivo

Eh infatti mi pareva!
Vabbè, pazienza e grazie lo stesso!

però non si sa mai, magari @the crow ha qualche trucchetto come sempre

Ok, allora attendo che passi di qua.

Se nessuno ha soluzioni per me potete chiudere.

@son prova ad aspettare, magari @the crow riesce a darti una mano

ma purtroppo non mi viene in mente nessuna idea per avere delle notifiche personalizzate senza toolbar

Io aspetto, non ho fretta però non mi sembra che @the crow abbia notato il mio topic...
Aspettiamo ancora un pò poi semmai se non viene chiudete.

questo e' con o senza toolbar

Perfetto, quale codice e dove devo mettere?

Ho messo "risolto" anche se non ho risolto...

@son visto che the crow non ti risponde ti do io una rapida soluzione

devi creare un nuovo codice javascript:

• Titolo: a tua scelta
  
• Dove: in tutte le pagine
  
• Codice:
  

  Codice:

  $(function() {
var mp = $('#i_icon_mini_message').length;
if (mp = 0) {
$('#top').before('<div id="mpopup">Hai un nuovo messaggio privato</div>');
}
});
   

puoi poi modificare il box della notifica con questo codice css:

Codice:

#mpopup {
//* qui
}

Fammi sapere :zen.

In questo modo appare la notifica quando qualcuno manda qualche messaggio o MP nel forum?
E cosa posso modificare?
Il codice nel css è esatto? Perchè vedo due barre con l' asterisco (//*)...

in pratica se nella barra di navigazione dice che c'è un nuovo messaggio, allora compare quel banner

al posto di //* qui devi inserire i codici css che preferisci