Aggiungere l'Avatar nella risposta rapida


Tutorial Aggiungere l'Avatar nella risposta rapida

Messaggio Da Niko Sab 23 Mar 2013 - 14:46

Aggiungere l'Avatar nella risposta rapida


Definizione

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

Installazione

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');
  }
});

Foglio di stile CSS

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

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;
}



Codice CSS

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

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');
  }
});

Codice CSS

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

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');
  }
});

Codice CSS

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;
}




Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9008
Località : Provincia di Varese

Visualizza il profilo 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.