PDA

Voir la version complète : Modification du PostBit


Raz
06/07/2007, 20h00
-----------------------------------------------Tutoriel by Raz-----------------------------------------------

Tutoriel vBulletin


Quelques modifications intéressantes du PostBit: http://www.customxp.net/images/PngFactory/png/6988-Tatice-Vbulletin.png






Description:

Donc voici un très joli tutoriel en texte. Et oui sa arrive aussi lorsqu'on ne peut le faire en vidéo. Voici le résultat possible grace a ce tutoriel:

http://img168.imageshack.us/img168/5691/myscreenshot70lb5.png






Look totalement différent de celui d'originie !



Etapes:

Center le pseudo.
Centrer le Bouton membre et le placer sous l'avatar.
Centrer l'avatar.
Personnaliser "Date", "Message" et "Lieu"
Rajouter un image devant "Date", "Message" et "Lieu"
Personnaliser l'age, le nombre de message, le lieu...
Rajouter un image devant le quota.
Séparer les informations par une image.
Encadrer le tout.

Tutoriel:

Tout ce qui suit va se trouver dans le postbit (pour ce qui travail de manière horizontale avec vBulletin) ou dans le postbit_legacy (pour ce qui sont comme z-tuto a travailler en verticale).



Centrer le pseudo:

Trouvez :
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]
</a>Remplacez par:
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><center>$post[musername]</center></a>



Alignez le bouton membre et le mettre sous l'avatar:

Chercher et supprimer cela:
<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>Ensuite chercher cela:
<if condition="$show['avatar']">
<div class="smallfont">
&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>
</if>et ajouter en dessous:
<if condition="$post['usertitle']"><div class="smallfont"><br /><center>$post[usertitle]</center></div></if>
<if condition="$post['rank']"><div class="smallfont"><br /><center>$post[rank]</center></div></if>Centrer l'avatar:

Chercher cela:
<if condition="$show['avatar']">
<div class="smallfont">
&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>
</if>Remplacez par cela:
<if condition="$show['avatar']">
<div class="smallfont">
&nbsp;<br /><center><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center>
</div>
</if>Personnaliser "Date d'inscription :", "Messages :", "Lieu :"...:

Chercher :

Date d'inscription:
$vbphrase[join_date]:

Location:
$vbphrase[location_perm]:

Age:
$vbphrase[age]:

Messages:
$vbphrase[posts]:

Infraction:
$vbphrase[infractions]:

Utilise le langage HTML pour personnaliser ceci.
Par exemple : <b></b>, <i></i>, <u></u>, <font color="couleur"></font>, <font face="police"></font>, etc..




Comment rajouter une petite image devant ce qu'on a vu précédemment ?

Reprend les variables précédentes et ajoute devant celles-ci :


<img src="lien_de_limage" border=0 /> variable




Comment personnaliser le l'age, le nombre de messages, le lieu, etc... ?

Cherche ces variables :

Date
$post[joindate]

Lieu
$post[field2]

Age
$post[age]

Nombre de messages
$post[posts]

Infraction
$post[warnings]/$post[infractions]

Utilise le langage HTML pour personnaliser ceci.
Par exemple : <b></b>, <i></i>, <u></u>, <font color="couleur"></font>, <font face="police"></font>, etc..




Comment ajouter une petite image devant Quotat total, Quotat des 30 derniers jours, etc.. ?


Sors du postbit_legacy et cherche le module qui concerne le quotat (je me souviens plus du nom mais le crochet doit être un showthread.)
Va tout en bas du module.
Tu va trouver tout cela.

Ajoute <img src='lien_de_ton_image' border=0 /> Quotat total.
Pareil pour les autres... Ne met surtout pas de guillemets dans le module !!! mais utilise cela : ' (touche 4).



Comment séparer les informations (date, messages etc...) des informations du quotat par une image ?


Chercher cela:

<div class="smallfont">
&nbsp;<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if> Ajouter au dessus:
<br /><br /><center><img src="lien_de_ton_image" border=0 /></center><br />Chercher la variable du quota dans ce même template (recherche "quota"

Et ajoute au-dessus :


<br /><br /><center><img src="lien_de_ton_image" border=0 /></center><br />

Comment encadrer le tout ?
Pour l'encadrement, tu dois utiliser la balise <fieldset></fieldset>

Du pseudo à tout en bas
Chercher :
<div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">

Ajoute au dessus :

<fieldset>Cherche la variable du quota que l'on a vu précédemment et en dessous, rajoute :


</fieldset>



Voila j'espère que ce tutoriel vous aura aidé.
Merci a SOFIA ;)
------------------------------------------------------------------

Allan
06/07/2007, 20h16
Merci pour ce tutorial ^^

Par contre, un copyright sur une simple modif de postbit meoui

Ombre
06/07/2007, 21h08
Merci pour ce tuto RAZ :)

A quand un pour le postbit_legacy :p

Los Ojos Design
31/07/2007, 13h47
Voila ce que j'ai fait avec ce tuto qu'en pense vous
http://img523.imageshack.us/img523/4018/screensl0.gif
Et encore merci a Raz

Ombre
31/07/2007, 15h43
Waouuuu tu as les moyens didonc CS3 la suite :D suis jaloux :p

Pas mal comme postbit :)

Deaz
31/07/2007, 16h01
llol Balèze le copyright, car j'ai fait sur un de mes forums depuis 6 mois je suis quand même pas obliger de mettre que ca vient de Z-Tuto, si?

:D Nop allez je te taquine, n'empèche que le copyright sert à rien car en effet ca fait 6 mois que l'idée m'est parcourus... mais je te dire tout de même mon chapeau car je n'ai même pas eu l'idée d'en faire un tuto

;)

Los Ojos Design
31/07/2007, 16h10
Pour info j'utilise la suite adobe cs3 en cours je fait des études de pao

Deaz
31/07/2007, 17h05
Sympathique L.O.D. bonne chance pour la suite ;)

Sofia
31/07/2007, 17h28
Merci a SOFIA ;)
------------------------------------------------------------------


Pas besoin du merci, Raz ;) Merci du partage :)

Los Ojos Design
31/07/2007, 23h28
Merci deaz et j'ai voulu voir ton forum il ouvre quand ?

Karline
01/08/2007, 08h00
Salut,
Superbe tuto Merci !!!
Merci pour le partage et pour le temps que ça t'a pris ;)
Superbe :)

EXpMiNi
03/08/2007, 01h00
je vais peut etre passer pour une quiche mais tous c'est code on les trouve ou o_?

Ombre
03/08/2007, 05h46
Slt :)

tu as ta réponse dans le tuto ici:
Quelques modifications intéressantes du PostBit:

EXpMiNi
05/08/2007, 22h47
heuu... et ca ce trouve ? =°

Ombre
05/08/2007, 23h05
dans ton theme, tu regarde dans les templates, utilise la recherche sur ton admincp dans les mdofications de templates ;)

EXpMiNi
06/08/2007, 00h29
Bah j'ai fait aucun nouveau template pour ma part, c'est le template de base avec les images modifier, bref le seul code avec ce mot &quot;postbit&quot; est cette valeur : /* ***** styling for 'big' usernames on postbit etc. ***** */

Raz
06/08/2007, 00h41
Effectue une recherche dans les templates: tu tapes
-Si tu travails en horizontal "postbit"
-Si tu travails en verticale "postbit_legacy" !

Ensuite tu recherche les différents éléments indiqués ci dessus dans un des deux templates précédement cité et tu modifis :!

Bandit59
08/09/2007, 17h27
J'ai modifier mon fichier postbit_legacy mais je ne sais pas comment faire pour passer mon forum en verticale, car toutes les informations sont encore en horizontal.

Oum Aïcha
22/12/2007, 07h46
je ne sais pas si c'est depuis que jai mi le profil a la vertical ou si c'est depuis que je l'ai personaliser mais la colonne ou se trouve le profil est decaler dans chake post sa m'en fait certaines plus large ke d'autre, comment remedier a ce beug?

Sofia
22/12/2007, 08h45
J'ai modifier mon fichier postbit_legacy mais je ne sais pas comment faire pour passer mon forum en verticale, car toutes les informations sont encore en horizontal.



Dans tes options vBulletin >> Style & langue >> Employer le template de message traditionnel (à la verticale) -> Clique sur Oui.

je ne sais pas si c'est depuis que jai mi le profil a la vertical ou si c'est depuis que je l'ai personaliser mais la colonne ou se trouve le profil est decaler dans chake post sa m'en fait certaines plus large ke d'autre, comment remedier a ce beug?

T'aurais un petit srceen ? :)

Oum Aïcha
26/12/2007, 13h18
Le problème est réglé, il résidait dans la longueur des pseudo et dans la taille des avatars.

Bart
05/06/2008, 17h11
Sa rend pas mal. Par contre pour le copy right... mdr
Sinon Z-tuto est mort ?

Raz
15/06/2008, 10h36
Mort? non... en vacances oui !