Afficher la version complète : Ajouter une image d'arrière plan des Messages
BiOMECHANiK
11/11/2006, 21h08
Dans le template postbit ou postbit_legacy
Trouvez :
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />En dessous modifiez la classe CSS de la balise TD de la ligne qui suit
<td class="alt1" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>En
<td class="postbit" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>Puis dans les options CSS Principal / Définitions des CSS supplémentaires du style, ajoutez à la fin:
.postbit, .postbitActive
{
background: #F4F4F4 url(postbitimg.gif) right bottom no-repeat;
color: #000000;
}background: #F4F4F4 : correspond à la couleur de fond de la fenetre d'affichage des messages de votre choix, modifiez cette valeur comme bon vous semble ;)
postbitimg.gif : correspond à l'image que vous voulez afficher dans la fenêtre d'affichage des messages. L'image doit etre placée en racine du répertoire du style dans l'exemple que je vous ai donné.
En image ca donne ce résultat :
http://www.vbulletin-ressources.com/forum/images/tutoriaux/148_1163270000.jpg
J'utiliser le même truc, mais je mettais directement l'image dans le <td> ^^
En tout cas, bien sympa merci poulet ;)
BiOMECHANiK
11/11/2006, 21h56
héhé de rien mon coq (hierarchiquement au dessus du poulet) :D
Merci Bio :) belle astuce !
Netsurfer
11/12/2006, 21h53
Et si on ne veut uniquement qu'une image pour tous les messages d'un user ID seulement, on fait comment?
merci pour tous les gars vous êtes geniaux, très fort j'arriverai peut être à votre niveau dans quelques annnées:blush2:
Pour le Style Aria, je trouve pas les codes à remplacer??
tu aurais la solution Bio, merci d'avance....
Et si on ne veut uniquement qu'une image pour tous les messages d'un user ID seulement, on fait comment?
même question ;)
oui on fait comment ? slt au faite :p
Bkdenice
08/04/2007, 22h13
Simpatique Merci ^^
Dans le style juice de vbstyles je trouve pas le code a remplacer :/
Est ce normal !
BiOMECHANiK
19/04/2007, 09h22
Cherches ce code dans le template postbit ou postbit_legacy
id="td_post_$post[postid]"
Si tu ne trouves pas ce code c'est qu'il a déjà été plus ou moins modifié.
jolaboul
24/04/2007, 08h26
Moi j'ai le meme proble avec iskin pourtant il y a bien
mais je ne trouve pas le code a modifier
id="td_post_$post[postid]"
loriental
23/06/2007, 14h26
salut,
je viens d'essayer cette astuce... mais sans succès !! rien ne s'affiche !
j'ai fais la modif seulement sur postbit_legacy puisque c'est la ou j'ai trouvé les lignes de codes a modifier.
mon style c'est chestnut, j'ai bien mis
.postbit, .postbitActive
{
background: #F4F4F4 url(images/chestnut/misc/monimage.jpg) right bottom no-repeat;
color: #000000;
}
et biensur bien uploadé l'imafe au bon endroit sur le ftp..
quelqu'una une solution ???
loriental
25/06/2007, 23h40
Up svp ? cette fonction m'interesse.
++
1°) Ce serait possible d'avoir une image pour les admins et modos ??? et que les membres n'aient rien
2°) Ce serait possible d'avoir de définir deux couleurs, et que dans un topic de pages par exemple, les couleurs s'inversent d'un topic à l'autre
exemple, Topic 1 du créateur du post couleur BLEU, réponse a ce topic en ROUGE, réponse de la derniere on revient en BLEU puis rouge .....
merci a vous
Moi aussi j'aimerais savoir comment faire pour mettre l'image en arrière plan seulement pour un groupe ou personne défini :p
Il suffit je pense de rajouter une condition sur le postbit ;)
Il suffit je pense de rajouter une condition sur le postbit ;)
tu saurais apporter un exemple ?? :D:D
sinon l'autre qui alterne les couleurs seraient sympa aussi
loriental
29/07/2007, 16h30
perso pour moi rien que ce code ne fonctionne pas du tout chez moi avec chestnut.
@+
le code fourni par biomecanik fonctionne bien sur le template par defaut en vb 3.6.8
simplement j'aimrais voir une alternanc de couleur et/ou ajouter un petit logo special team dans chacun des posts du staff
salut
Quelle condition faut-il ajouter pour que la modif prenne effet que dans le premier post merci pour une solution
labrador083
03/12/2007, 18h23
Ca marche très bien.
Mercibyby
Ca marche très bien, mais just a postbit_legacy
Slt, si tu veux le voir aussi dans le postbit, alors fait la meme demarche dans le template postbit ;) ça devrait fonctionner aussi :)
Bon au fait j'ai réussi à mettre l'image lol mais j'ai un petit bug llol
Regardez le screen svp :
http://www.dump-it.fr/upload/images/3b73999cd666c71ddfabb1a6aa4ca0f5.png
Au fait moi j'avais remplacé ça :
<td height="100%" valign="top" class="alt1" id="td_post_$post[postid]">
Par ça :
<td class="postbit" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
Donc voilà, est ce que vous pouvez me dire comment faire pour remettre les boutons éditer etc à leur place c'est à dire à droite ?
Merci !
Bonsoir,
Tu as regarder a quoi correspond les class que tu as ajouter? sinon essaye peut etre avec un <div align="right"></div> ?
Salut,
Merci pour ta réponse mais malheuresement je ne m'y connais pas du tout au codage ( Mais malgré ça j'ai réussi à monter un super beau forum grâce à vous ), donc je ne sais pas ce que sont les class.
Pour les <div> je ne sais pas ou les mettres à chaque fois que je le fais ça fait tout foirer donc bon :s
Merci :D
Je pense quand je regarde bien ton screenshot que le soucis viens de l installation de ce mod, tu as du faire une erreur, aurais tu un lien de ton forum?
http://www.google.com, puis tape Supprimé, je veux pas enfreindre les règles de vBr ;)
ça va être dure de voir te sposbit, vu qu'il faut s'enregistrer forcement.... compte invité?
Login : invité
Passe : invité
Merci ;)
Ils ont toujours etait a gauche ces bouton, non? il me faudrait des axx pour regarder ton css ou template postbit
Voici le code que j'ai modifier en ajoutent un div align right, là ou il faut pour que tes boutons soit a droite ;)
<div align="right"><if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if></div>ça fonctionne comme tu as du le remarquer :)
moi j ai ce code dans le postbit
<tr>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>
comment faire ? merci
Bonsoir,
Essaye ça:
<tr>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="postbit" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
et n'oublis pas de mettre ta nouvelle class dans ton css principale correspondant au style utilisé ;)
.postbit, .postbitActive
{
background: #F4F4F4 url(postbitimg.gif) right bottom no-repeat;
color: #000000;
}
merci ombre de ton aide ,
bon cela fonctionne , mais l image ne doit pas avoir la bonne Dimension, je te fais un screen
l image de fond que j ai mis sur le forum et en png c ets pas genant ?
http://www.grafikyukle.com/enimg/grafikyukle_Sans_titre-10_copie.png
Non le fait que ça soit un png ça ne pose pas de soucis sauf sur les ancien navigateur tel que les version anteieur a IE 6 qui ne donnerons pas les transparences requise de ton image et les traduirons par un gris.
Sinon ton image devrait avoir le fond identique a celui de ton thread, de façon a mieux s'integré, et surtout elle devrait avoir une opacité bien en dessous, met 40% d'opacité ça devrait suffit sans que l'image attire a elle seul toute l attention des lecteur qui seront peut etre détourné du contenus de ton topic initial :)
Sinon je vois deux choses, la premiere c est que le fond apparait que sur le premier topic et non les réponses ?
Et comment ce fait il que je vois sur ton forum le fond d'avatar de vb-r?
tous simple je ne sais plus si c est toi ou un autres membres qui avais mis un pack sur ceux forum a telecharger ... il y as la modif que vous avez mis, et dans une discution il y avait les images a telecharger ... de toute facon c est temporaire car il mon servie de test , mais j ai pas trop le temps en ce moment et mon designeur et en vacance , bas ca traine un peu ..:blush2:
Sinon ton image devrait avoir le fond identique a celui de ton thread
c ets quoi la dimension du tread ? ou sinon ou je peut l avoir si cela depand du theme , merci
Je crois que tu as mal compris quand je parle de fond c'est de la couleur de fond, on vois que l'image n'a pas le même et on vois le contour carré de celle ci sur le thread, ce qui rend pas du tout bien.
Mais ta question réel a la base c est quoi? le fait que l'image soit apparente que sur le premier post? ou autre chose?
Pour les images de fond je ne me souviens pas de ce partage , et moi je ne l'aurait pas distribué vu que j'en suis pas l'auteur, je verrais ça avec Allan à son retour, c'est peut être lui qui te l'a proposé, mais j'ai des doutes.
le pack etais a telecharger sur votre forum sinon je ne me serais pas permis de le prendre ;)
sinon m as question c ets juste que l image de fond dans le poste n aparais pas en entier il y as des bout dans les postes mais l image complette ...
je réédite pour ne pas avoir de confusion j'ai virais le hack et les images
salut remoi llol
je voulais savoir quelle dimension doit avoir l'image ?
merci byby
La dimension que tu désires voir apparaitre.
Fait des tests pour voir is le rendu te convient.
salut remoi llol
je voulais savoir quelle dimension doit avoir l'image ?
merci byby
l'idéal serait un gif avec fond transparent sur laquelle tu pourrais mettre par exemple des boules comme sur la capture de BiOMECHANiK, là la taille à moins d'importance puisqu'il n'y a que les boules qui serait visible
Bonjour.
C'est impec mais pas pour moi :p !
J'utilise le thème : Juice #+ !
L'image passe derrière :
<td style="background-color:#FFFFFF;">
<div> $post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon] </div>
</td>
<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[right]">
<else />
<td class="postbit" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
.postbit, .postbitActive
{
background: url(images/bas.png) right bottom no-repeat;
}Une petite Aide :s ?
Bonsoir, tu peux nous donner le template complet de ton postbit ou postbit_legacy selon celui que tu utilises stp?
Désolé c'est Réglé. J'avais juste fait une mauvaise manipulation.
Merci de ton message =) !
De rien bonne continuation :)
Spider-Man
26/06/2009, 15h35
Bonjour a vous,
Est t'il possible que cette image apparaisse seulement dans les messages de un sous forum précis. (forum id)
Exemple : je voudrais faire apparaitre une image de fond dans a peux près 10 sous forum (forum id) seulement et nul part ailleurs.
Et si c'est possible avoir 10 image de fond différente pour chaque sous forum que je veux que ses image apparaisse
Merci de votre aide
Bonsoir,
Oui c'est possible, si tu le désires, il te suffit de me donner les id de forums visé pour cela, et me dire si l'id du forum n'est pas présente si tu veux voir apparaitre une image par défaut ou rien.
Spider-Man
26/06/2009, 17h41
Bonsoir,
Oui c'est possible, si tu le désires, il te suffit de me donner les id de forums visé pour cela, et me dire si l'id du forum n'est pas présente si tu veux voir apparaitre une image par défaut ou rien.
A ok merci
Moi personnellement j'aimerais voir l'image de fond dans les messages de ses forums.
(336,313,314,75,76,79,288,291,286,289,290,102,108, 424,454,458,463,467,471,81,578,82,589,561,345,346, 347,322,323,371,595,
265,267,266,268,269,271)
Merci a toi byby
Une image différente pour chaque forum que tu as mentionner c'est bien ça? ou une image identique mais que pour ses forum, sinon aucunes pour les autres forums?
Spider-Man
26/06/2009, 18h13
Une image différente pour chaque forum que tu as mentionner c'est bien ça? ou une image identique mais que pour ses forum, sinon aucunes pour les autres forums?
une image identique que pour ses forum byby
Voila donc pour ce faire, dirige toi dans ton postbit ou postbit_legacy puis recherche le code suivant:
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>Et remplace le par ceci:
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else /><if condition="in_array($thread[forumid], array(336,313,314,75,76,79,288,291,286,289,290,102 ,108,424,454,458,463,467,471,81,578,82,589,561,345 ,346,347,322,323,371,595,265,267,266,268,269,271))">
<td class="postbit" id="td_post_$post[postid]"><else /><td class="alt1" id="td_post_$post[postid]">
</if></if>Puis dans le gestionnaire de style >> CSS principale >> et la seconde cases de "Définitions des CSS supplémentaires" place cette class en pensent retiré l'ancienne:
.postbit{
background-color:#FFFFFF;
background-image:url(URL_DE_TON_IMAGES);
background-position:bottom right;
background-repeat:no-repeat;
color:#000000;
}Remplace les valeurs en rouges, par
la couleur du fond
l'url de l'image que tu désires faire apparaitre
et la couleur par défaut de la police
j'ai remanier le CSS pour qu'il soit rédiger comme il faut, la class (.postbitActive) ne sert à rien car le .postbitActive n'est pris en compte que sur alt1 et alt2, ce qui est dommage car avec ce mod, la modération est moins voyante lors du clic, seul la class restante alt2 change de couleur...
Préviens moi si il y a un soucis.
Spider-Man
26/06/2009, 20h17
Voila donc pour ce faire, dirige toi dans ton postbit ou postbit_legacy puis recherche le code suivant:
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>Et remplace le par ceci:
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else /><if condition="in_array($thread[forumid], array(336,313,314,75,76,79,288,291,286,289,290,102 ,108,424,454,458,463,467,471,81,578,82,589,561,345 ,346,347,322,323,371,595,265,267,266,268,269,271))">
<td class="postbit" id="td_post_$post[postid]"><else /><td class="alt1" id="td_post_$post[postid]">
</if></if>Puis dans le gestionnaire de style >> CSS principale >> et la seconde cases de "Définitions des CSS supplémentaires" place cette class en pensent retiré l'ancienne:
.postbit{
background-color:#FFFFFF;
background-image:url(URL_DE_TON_IMAGES);
background-position:bottom right;
background-repeat:no-repeat;
color:#000000;
}Remplace les valeurs en rouges, par
la couleur du fond
l'url de l'image que tu désires faire apparaitre
et la couleur par défaut de la police
j'ai remanier le CSS pour qu'il soit rédiger comme il faut, la class (.postbitActive) ne sert à rien car le .postbitActive n'est pris en compte que sur alt1 et alt2, ce qui est dommage car avec ce mod, la modération est moins voyante lors du clic, seul la class restante alt2 change de couleur...
Préviens moi si il y a un soucis.
Ok merci je vais essayer cela je te ferait signe si il i a un souci byby
Bonjour, j'aurais aimé que l'image varie selon un champ de profil (avatar xbox live du membre si il a mit son gamertag)
Lorsque je met ça dans les css rien ne s'affiche :
.postbit, .postbitActive
{
background: #131313 url(http://avatar.xboxlive.com/avatar/$post[field5]/avatar-body.png) right bottom no-repeat;
}
Mais avec une image avec un lien en dur celà fonctionne, comment pourrais-je faire pour pouvoir utiliser mon champ de profil ?
Dans le template postbit ou postbit_legacy
Trouvez :
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />En dessous modifiez la classe CSS de la balise TD de la ligne qui suit
<td class="alt1" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>En
<td class="postbit" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>Puis dans les options CSS Principal / Définitions des CSS supplémentaires du style, ajoutez à la fin:
.postbit, .postbitActive
{
background: #F4F4F4 url(postbitimg.gif) right bottom no-repeat;
color: #000000;
}background: #F4F4F4 : correspond à la couleur de fond de la fenetre d'affichage des messages de votre choix, modifiez cette valeur comme bon vous semble ;)
postbitimg.gif : correspond à l'image que vous voulez afficher dans la fenêtre d'affichage des messages. L'image doit etre placée en racine du répertoire du style dans l'exemple que je vous ai donné.
En image ca donne ce résultat :
http://www.vbulletin-ressources.com/forum/images/tutoriaux/148_1163270000.jpg
salut pouver vous nous explique mieux car jai esseye limage je sais pas ou mettre et css aussi
merci de votre aide jutilse la version 3.8.4
Bonsoir,
C'est indiqué ici:
Puis dans les options CSS Principal / Définitions des CSS supplémentaires du style, ajoutez à la fin:Donc dirige toi dans le CSS principale de ton style a partir de Styles & Templates >> Gestionnaire de styles >> et dans le style visé tu as dans un menu déroulant, avec dedans "CSS principal", vas dedans et tout en bas tu as deux champs dans "Définitions des CSS supplémentaires".
Il te suffit de mettre le contenus donné plus haut dans le second champ et d'enregistrer.
c ici que je le met ???? et l'image dans la racine de forum
Non ce n'est pas là, lis les infos que je te donne.
11137 malgre qque sa resolution est 600*500 px
mais elle est trop ptit (miniature)
Je ne vois pas ce qui cloche, normalement vu la class css l'image ne devrait pas être redimensionné...
Tu as essayé sur le style par défaut?
salut mr ombre c regle merci mon amis
bonne soiree
De rien, par contre il est utile pour les autres membres de nous dire ce qui n'allait pas?
Merci.
dexter74
04/04/2012, 15h05
Salut ,
J'aimerai mettre l'image sans mettre la couleur (rouge dans votre exemple)
Bonjour,
Tu parles d'une couleur de fond, il suffit de mettre transparent.
Propulsé par vBulletin™ Version 4.1.12 Copyright © 2012 vBulletin Solutions, Inc. Tous droits réservés - Version française par vBulletin-Ressources.com