Adauga avatar linga raspuns rapid

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Adauga avatar linga raspuns rapid

Mesaj Scris de Cassius Dio la data de Mar 12 Feb - 21:47

Adauga avatarul linga caseta de raspuns rapid

După cum probabil știți, pe unele bloguri, la căsuța de comentarii, (în cazul nostru raspuns rapid), apare avatarul utilizatorului. Cu ajutorul acestui tutorial puteți aplica această opțiune și pe forumul dumneavoastra.

Invision

1. Codurile Javascript
Mergeți în:
Panou de Administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript
Creati un cod JavaScript nou:


La amplasare, bifati: Topicuri

Cod:
jQuery(document).ready(function() {
  $('#qpost .qreply').before('<div id="av_raspuns"></div>');
  $('#av_raspuns').load('/profile?mode=editprofile&page_profil=avatars .box-content img');
});

2. Personalizarea cu ajutorul foii de stil CSS
Mergeți în:
Panou de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS
Inserati acest cod:
Cod:
#qpost{
  max-height: 300px !important;
}

#av_raspuns img{
  position: relative;
  top: 35px;
  left: 15px;
}

.qreply{
  bottom: 150px;
  position: relative;
  margin-tot: 0px;
  margin-right: 20px;
  width: 82% !important;
}
Faceti click pe butonul Inregistrare.

phpBB3

1. Codurile Javascript
Mergeți în:
Panou de Administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript
Creati un cod JavaScript nou:


La amplasare, bifati: Topicuri

Cod:
jQuery(document).ready(function() {
  $('#textarea_content #text_editor_textarea').before('<div id="av_raspuns"></div>');
  $('#av_raspuns').load('/profile?mode=editprofile&page_profil=avatars .ucp-main #ucp fieldset dl dd img');
});

2. Personalizarea cu ajutorul foii de stil CSS
Mergeți în:
Panou de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS
Inserati acest cod:
Cod:
#quick_reply #av_raspuns{
  display: table-cell;
  width: 200px;
}

#quick_reply #textarea_content{
  width: 800px !important;
  display: table;
}

#quick_reply #text_editor_controls{
  width: 505px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 100px;
}

#quick_reply #text_editor_textarea{
  display: table-cell;
  width: 400px;
}
Faceti click pe butonul Inregistrare.

   
Tutorial scris de .razvan, revizuit si completat de SGSS

   Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 82
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum