Image en fond de QEEL

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image en fond de QEEL

Message par manue29 Mar 11 Oct 2011 - 21:07

Bonjour à tous;

question simple: je voudrais changer ma couleur de fond de QEEL, par cette image:
https://i.servimg.com/u/f43/11/63/90/09/digi0210.jpg

mon template modifié:
Spoiler:

Je précise que je n' ai pas de CSS défini pour cette modification

J' espère vous avoir donné tous les éléments, merci pour votre aide.

Manue29.
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mar 11 Oct 2011 - 21:22

Bonsoir

dans cette partie du template
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->

<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall"><span id="users">{TOTAL_USERS}</span><br />
<script type="text/javascript">
document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"Le Bretagne Hayabusa compte");
</script>

<span class="gensmall"><span id="messages">{TOTAL_POSTS}</span><br /> <script type="text/javascript"> document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les Busards ont posté un total de : ");
document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Busard. "); document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"Busards. ");
</script>
<span id="newuser">{NEWEST_USER}</span>
<script type="text/javascript"> document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier Busard arrivé est :");
</script>.

</td>
</tr>
<tr>
<td class="row1"><span class="gensmall"><span id="totaluser">{TOTAL_USERS_ONLINE}</span><br />
<script type="text/javascript"> document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Busard en train de rouler"); document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Busards en train de rouler");
document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Busard");
document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Busards");
</script>
<span id="record">{RECORD_USERS}</span><br />
<script type="text/javascript"> document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de Busards roulant en groupe est de ");
</script>
<br />
<span id="connecteduser">{LOGGED_IN_USER_LIST}</span></span>
<script type="text/javascript">
document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Busard en selle");
document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Busards en selle");
</script>
</td>
</tr></tr>
<tr id="qeel8" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,'Busards connectés');</script>
{L_WHOSBIRTHDAY_TODAY}<span id="anniv"></span>
{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres/,"Busards").replace(/Membres/,"Busards").replace(/Aucun membre/,"Aucun busard").replace(/Aucun membre/,"Aucun busard");</script>
<tr>
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

supprimez tous les class="row1" puis remplacez au début class="forumline" par class="qeel"

enfin dans votre css mettez :

.qeel {
background-image : url("lien de votre image");
background-repeat : no-repeat;
background-position : top center;
}

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 13:52

Bonjour Macema.

J' ai bien l' image qui s' affiche en fond, mais le souci, les phrases du QEEL se placent un peu n' importe où ?

Que doit être supprimé exactement dans les class="row1" ?

J' ai tout de même essayé sur un faux forum, avant de le le poster sur le mien Siffleur
L' adresse du forum: voir ici
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 13:58

Il faut redimensionner déjà votre qeel à la taille de cette image ^^
Remplacer :

Code:
<table class="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
par
Code:
<table class="qeel" width="640" height="480" border="0" cellspacing="1" cellpadding="0">

Ensuite pour les anniversaires et les connectés 24h ceci est normal. Je compte vous l'expliquer ensuite, par contre, il me faudrait votre template actuel désormais.

Cordialement.

SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 18:10

OK, c' est correct maintenant, il fallait y penser.
Il faudrait presque retirer l' image de la première colonne, qui apparait normalement à gauche, puisqu' on la retrouve en plein milieu Confused ça serait bien ça !
Voilà la partie du template modifié:
Spoiler:
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 18:22

Pour retirer l'image normale supprimez ceci :
Code:

<td class= rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

ensuite repérez ceci :
Code:

{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}

changez le en
Code:

<tr><td><table class="trans">{L_CONNECTED_MEMBERS}</table></td></tr>
<tr><td><table class="trans">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></td></tr>

puis dans la css mettez :
Code:
.trans .row1 {
background-color : transparent;
}
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 18:56

Superbe Merci Macema cheers

Juste une chose:
Pour centrer toutes les phrases, il me faut mettre une <div> supplémentaire ?
Et de changer la couleur de celles-ci, ça se fait sur quelle phrase?
Après c' est fini, j' arrête mes questions Laughing
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 19:38

pour centrer les phrases
changez
Code:
  .trans .row1 {
        background-color : transparent;
        }
par
Code:
 .trans .row1 {
        background-color : transparent;
test-align : center;
        }
et dans chaque td <td .... > ajoutez
Code:
align="center"
avant le >
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 20:59

Confused Bon là ça ne fonctionne pas
J' ai surement oublié un truc:

Spoiler:

et pour ce qui est de la couleur ? Snifff j' avais promis d' arrêter avec mes questions.
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 21:12

</td align="center">
^^ déjà je vous ai dit td et pas /td ^^ y'en a quelques uns à remettre en </td>

j'ai fait une petite erreur mea culpa :
.trans .row1 {
background-color : transparent;
text-align : center;
}

Code:
<td class= width="100%"><span class="gensmall" align="center">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />

ici vous avez oublié de le mettre ^^

pour la couleur,
.qeel {
background-image : url("lien de votre image");
background-repeat : no-repeat;
background-position : top center;
color : #ff00ff;
}

ajoutez la partie en rouge, par contre modifier le code pour mettre celle désirée.

Y'a-t-il encore un problème ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 21:40

Juste un petit: toutes les phrases ne se sont pas déplacés;
Notamment la deuxième partie; Et je ne vois pas d' où celà peut provenir Gloups

et pourtant je suis très attentive Wink
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 21:45

Pouvez-vous me fournir un screen de ce qui n'est pas déplacé ou pas à déplacer, je n'ai pas bien saisi ? votre template actuel et la css .
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 22:00

le screen, avec les phrases restées à gauche:

Spoiler:

le CSS:
Spoiler:

Le template:
Spoiler:
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 22:10

Changez ceci :
Code:
<tr><td align="center"><table class="trans">{L_CONNECTED_MEMBERS}</table></td></tr>
<tr><td align="center"><table class="trans">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></td></tr>
ainsi :
Code:
<tr><td align="center"><center><table class="trans">{L_CONNECTED_MEMBERS}</table></center></td></tr>
<tr><td align="center"><center><table class="trans">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></center></td></tr>

Puis en reprenant d'en haut vous avez quelques erreurs :
<td class= width="100%" align="center">
<td class= align="center">
3 fois

enlevez les parties en rouge
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par manue29 Mer 12 Oct 2011 - 22:20

Hé ben cette fois c' est tout bon !
Un grand Merci Macema, une très grande rapidité pour remédier à ce problème. Yes Super Macema:heros:

Je n' ai pas essayé pour les couleurs, si ce sujet peut resté ouvert un petit peu Clin d\'oeil

Merci Forumactif, bonne soirée !
manue29

manue29
****

Féminin
Messages : 221
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par SoraNoHime Mer 12 Oct 2011 - 22:24

^^ tant que vous ne mettez pas résolu et upper une fois par 24h il restera ouvert .

J'attends donc le verdict. Bonne soirée.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en fond de QEEL

Message par Automne Jeu 20 Oct 2011 - 8:55

Image en fond de QEEL Ktip10Bonjour,

Où en-est votre problème ?

Deux solutions :

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum