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.
Aggiungere l'Avatar nella risposta rapida Quickr10

Aggiungere l'Avatar nella risposta rapida 09615175912PhpBB2
Pannello di Amministrazione Aggiungere l'Avatar nella risposta rapida Arrow10Moduli Aggiungere l'Avatar nella risposta rapida Arrow10gestione 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 Aggiungere l'Avatar nella risposta rapida Arrow10Visualizzazione Aggiungere l'Avatar nella risposta rapida Arrow10immagini e colori Aggiungere l'Avatar nella risposta rapida Arrow10Colori Aggiungere l'Avatar nella risposta rapida Arrow10Scheda "foglio di stile CSS"

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



Aggiungere l'Avatar nella risposta rapida 09615175912PhpBB3
Pannello di Amministrazione Aggiungere l'Avatar nella risposta rapida Arrow10Moduli Aggiungere l'Avatar nella risposta rapida Arrow10gestione 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 Aggiungere l'Avatar nella risposta rapida Arrow10Visualizzazione Aggiungere l'Avatar nella risposta rapida Arrow10immagini e colori Aggiungere l'Avatar nella risposta rapida Arrow10Colori Aggiungere l'Avatar nella risposta rapida Arrow10Scheda "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;
}



Aggiungere l'Avatar nella risposta rapida 09615175912PunBB
Pannello di Amministrazione Aggiungere l'Avatar nella risposta rapida Arrow10Moduli Aggiungere l'Avatar nella risposta rapida Arrow10gestione 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 Aggiungere l'Avatar nella risposta rapida Arrow10Visualizzazione Aggiungere l'Avatar nella risposta rapida Arrow10immagini e colori Aggiungere l'Avatar nella risposta rapida Arrow10Colori Aggiungere l'Avatar nella risposta rapida Arrow10Scheda "foglio di stile CSS"

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



Aggiungere l'Avatar nella risposta rapida 09615175912Invision
Pannello di Amministrazione Aggiungere l'Avatar nella risposta rapida Arrow10Moduli Aggiungere l'Avatar nella risposta rapida Arrow10gestione 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 Aggiungere l'Avatar nella risposta rapida Arrow10Visualizzazione Aggiungere l'Avatar nella risposta rapida Arrow10immagini e colori Aggiungere l'Avatar nella risposta rapida Arrow10Colori Aggiungere l'Avatar nella risposta rapida Arrow10Scheda "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
Niko
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 23
Messaggi : 7799
Località : Provincia di Varese


https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

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


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