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


avatar
Niko
Veterano dello staff


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


Vedi 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

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