Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Aggiungere l'Avatar nella risposta rapida


Tutorial Aggiungere l'Avatar nella risposta rapida

Messaggio Da Niko il Sab 23 Mar 2013, 14:46

Aggiungere l'Avatar nella risposta rapida


Ciao membri del FDF,

Attraverso questo tutorial imparerete come posizionare l'avatar accanto alla casella risposta rapida, se abilitata, a seconda della versione del tuo forum.


PhpBB2
Pannello di Amministrazione Moduli gestione del codice Javascript

:new: Creare un nuovo codice JavaScript, scegliere un titolo e selezionare "Negli argomenti" Quindi aggiungere questo codice e convalidate:
Codice:
jQuery(document).ready(function() {
$('#quick_reply').before('<div id="av_quickreply"></div>');
  if(typeof(_userdata)!="undefined") {
    $('#av_quickreply').html(_userdata['avatar']);
  }
  else {
    $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
  }
});

PDA Visualizzazione immagini e colori Colori Scheda "foglio di stile CSS"

Aggiungere la seguente stringa:
Codice:
# av_quickreply img {
  posizione : relativo ;
  top : 35px ;
  sinistra : 15px ;
}
 
# av_quickreply {
  float : a sinistra ;
}



PhpBB3
Pannello di Amministrazione Moduli gestione del codice Javascript

:new: Creare un nuovo codice JavaScript, scegliere un titolo e selezionare "Negli argomenti" Quindi aggiungere questo codice e convalidate:
Codice:
jQuery(document).ready(function() {
$('#textarea_content #text_editor_textarea').before('<div id="av_quickreply"></div>');
  if(typeof(_userdata)!="undefined") {
    $('#av_quickreply').html(_userdata['avatar']);
  }
  else {
    $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars .ucp-main #ucp fieldset dl dd img');
  }
});

PDA Visualizzazione immagini e colori Colori Scheda "foglio di stile CSS"

Aggiungere la seguente stringa:
Codice:
#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
 
#quick_reply #textarea_content{
  width: 800px !important;
  display: table;
}
 
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}



PunBB
Pannello di Amministrazione Moduli gestione del codice Javascript

:new: Creare un nuovo codice JavaScript, scegliere un titolo e selezionare "Negli argomenti" Quindi aggiungere questo codice e convalidate:
Codice:
jQuery(document).ready(function() {
$('#quick_reply').before('<div id="av_quickreply"></div>');
  if(typeof(_userdata)!="undefined") {
    $('#av_quickreply').html(_userdata['avatar']);
  }
  else {
    $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars fieldset.frm-set dl dd img');
  }
});

PDA Visualizzazione immagini e colori Colori Scheda "foglio di stile CSS"

Aggiungere la seguente stringa:
Codice:
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
}



Invision
Pannello di Amministrazione Moduli gestione del codice Javascript

:new: Creare un nuovo codice JavaScript, scegliere un titolo e selezionare "Negli argomenti" Quindi aggiungere questo codice e convalidate:
Codice:
jQuery(document).ready(function() {
$('#qpost .qreply').before('<div id="av_quickreply"></div>');
  if(typeof(_userdata)!="undefined") {
    $('#av_quickreply').html(_userdata['avatar']);
  }
  else {
    $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars .box-content img');
  }
});

PDA Visualizzazione immagini e colori Colori Scheda "foglio di stile CSS"

Aggiungere la seguente stringa:
Codice:
#qpost{
  max-height: 300px !important;
}
 
#av_quickreply img{
  position: relative;
  top: 35px;
  left: 15px;
}
 
.qreply{
  bottom: 150px;
  position: relative;
  margin-tot: 0px;
  margin-right: 20px;
}


Il tutorial si conclude qui :good:
Spero che vi sia di interesse e possa migliorare i vostri forum.. (Siamo sempre disponibili per domande e/o chiarimenti)

Saluti :zen:



Questo tutorial è stato proposto da SGSS del forum si supporto Rumeno e tradotto per quello italiano da Niko.

Per proporre anche tu un tutorial inviami un messaggio privato :bene:
Copyrigth © FORUMATTIVO.COM



Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum