Problème avec mon PA

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

Résolu Problème avec mon PA

Message par Xélore le Sam 17 Mar 2012 - 17:45

Bonjour à tous !

Voila alors grace à un forum j'ai réussi à avoir un P A que j'aime mais voila le problème je n'arrive pas à mettre de fond...


On pourrait m'aider ?

S'il faut je peux fournir mon CSS et mon HTML


Dernière édition par Xélore le Sam 17 Mar 2012 - 18:50, édité 1 fois

Xélore
****

Masculin
Messages : 402
Inscrit(e) le : 22/02/2011

http://xena-and-gabrielle.forumgratuit.org/
Xélore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon PA

Message par Dr. Karlos le Sam 17 Mar 2012 - 18:08

Bonsoir,

Désirez-vous appliquer le fond à l'assemble du cadre du message d'accueil ou à un endroit particulier dans votre message?

Pour le deuxième cas, pouvez-nous nous coller votre CSS ainsi que le code utilisé pour votre message? Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon PA

Message par Xélore le Sam 17 Mar 2012 - 18:29

Au fait je voudrais mettre ce fond :

Spoiler:

Ici :

Spoiler:

Voici mon CSS :

Code:
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/

/* effet de transparence image */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

.transparence2 {
margin: 3px
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence2:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------infobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: white;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #784D29;  /* couleur du fond de l'infobulle */
color: #fff; /* couleur du texte */
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
border-color:#000000; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}

/*-----------------Titres----------------- */
.titre1{
color:#000000; /* couleur de la police */
font-weight: bold; /* épaisseur de la police en gras */
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieure */
margin: 4px;  /* marge extérieure */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
border-bottom: 2px solid #000000; /* bordure */
display : block;
}

/*-----------------Navigation----------------- */

.boite1{
color : #000000;
border: 2px solid #000000;
text-align : center; /* alignement du texte */
margin : 5px; /* marge extérieure */
padding: 4px; /* marge intérieure */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
height: 300px;/* taille à ne pas toucher */
}

.chatling{
background-color: #3B1F07;
padding: 4px; /* marge intérieure */
margin: 3px;  /* marge extérieure */
border-left: none;
border-right: none;
width: 200px;/* taille à ne pas toucher */
display : block;
}

/*-----------------Bienvenue----------------- */
.boite2{
color : #000000;
border: 2px solid #000000;
margin : 5px; /* marge extérieure */
padding: 4px; /* marge intérieure */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
height: 250px; /* taille à ne pas toucher */
font-size: 12px; /* taille de la police */
}

/*-----------------Crédit et nouveautés----------------- */
.boite3{
color : #000000;
border: 2px solid #000000; /* brodure */
text-align : center; /* alignement du texte */
margin : 5px; /* marge extérieure */
padding: 4px; /* marge intérieure */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
height: 150px; /* taille à ne pas toucher */
font-size: 12px; /* taille de la police */
}

/*-----------------Staff----------------- */
.boite4{
color : #000000;
border: 2px solid #000000;
margin : 5px; /* marge extérieure */
padding: 4px; /* marge intérieure */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
height: 200px; /* taille à ne pas toucher */
font-size: 12px; /* taille de la police */
}

.staff{
text-align: right; /* alignement du texte */
border-bottom: 2px solid #000000; /* bordure */
font-weight: bold; /* épaisseur de la police en gras */
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/

Mon HTML :

Code:
<table width="800px">
    <tr>
  <td rowspan="3" width="200px"><div class="boite1">
  <span class="titre1">Navigation</span><br>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t140-la-loi-du-forum" class="postlink">Règlement</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t141-lu-et-approuve" class="postlink">Lu et approuvé</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t310-formulaire-de-presentation" class="postlink">Se présenter</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f6-le-forum" class="postlink">Infos</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t168-nous-lier" class="postlink">Nous lier</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t84-partenaire" class="postlink">Le reste des partenaires</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f12-comment-s-inscrire" class="postlink">Des problèmes d'inscription ?</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f1-tout-autre-aide" class="postlink">Tout autre aide</a></span>
    </div></td>
  <td rowspan="2" width="400px"><div class="boite2">
  <span class="titre1">Bienvenue sur Legends of Xena</span><br>
  <div style="height:200px;overflow:auto;">
  Bienvenue sur votre forum de référence sur les deux série j'ai nommé Xena la guerrière et Legend of the Seeker. Venez découvrir ces deux unique séries ou partager votre passion à travers des jeux, des sondages et pleins d'autres choses encore ! Si vous avez la moindre question rendez-vous dans la partie invité ou on se fera un plaisir de vous répondre. Sur ce bonne visite et on espère à très bientôt !  <br>
 
  </div></div></td>
    <td rowspan="3" width="200px"><div  class="boite1">
  <span class="titre1">Partenaires</span><br>
  <span><marquee behavior="scroll" direction="up" scrollamount="1" height="250">
<center><a href="http://xwpw.forumactif.org/" class="postlink transparence" target="_blank"><img src="http://img15.hostingpics.net/pics/690093vkebhd1nnd.gif" class="transparence"/></a>
<a href="LIEN" class="postlink transparence" target="_blank"><img src="http://i.hebimage.com/0511/4de1fc2067535.png" class="transparence"/></a>
</marquee></span></center>
  </div></td>
  </tr>
 
  <tr>
  </tr>
 
  <tr>
  <td rowspan="2" width="400px"><div  class="boite4">
  <span class="titre1">Staff</span><br>
  <span class="staff">Admin :</span><br><br>
 
  <center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20071019/352314_O6AX7RCPCAKZQNYGP3QYR54IJZCTV2_85161-x4ftitafiyt15t35duci5xuuqlxskj-xena266-h133547-l_H174903_S.jpg" class="transparence"><span>Mango<div><img src="URL IMAGE"></div></span></div></center><center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20050226/85161_X4FTITAFIYT15T35DUCI5XUUQLXSKJ_63._H003614_S.jpg" class="transparence"><span>Labulle<div><img src="URL IMAGE"></div></span></div></center>
<center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20050317/85161_X4FTITAFIYT15T35DUCI5XUUQLXSKJ_angexena_H014043_S.jpg" class="transparence"><span>Calli<div><img src="URL IMAGE"></div></span></div></center>
  </div></td>
    </tr>
 
  <tr>
  <td width="200px"><div  class="boite3">
  <span class="titre1">Nouveautés</span><br>
  <div style="height:100px;overflow:auto;">
  Le forum innove avec son nouveau thème fait par les soins de Mango, mais aussi par le codage de Templactif.<br>
  </div></div></td>
  <td width="200px"><div class="boite3">
  <span class="titre1">Crédit</span><br>
  Page d'accueil par Akino <a href="http://templactif.forumgratuit.org" class="postlink" target="_blank" rel="nofollow">Templactif</a><br>
  Forum optimisé pour Firefox, Chrome et IE9
  </div></td>
  </tr>
  </table>

Merci d'avance

Xélore
****

Masculin
Messages : 402
Inscrit(e) le : 22/02/2011

http://xena-and-gabrielle.forumgratuit.org/
Xélore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon PA

Message par Dr. Karlos le Sam 17 Mar 2012 - 18:41

Re,

Remplacez donc votre code par celui-ci:
Code:
<table width="800px" style="background-image: url(http://img15.hostingpics.net/pics/927869ibackground.png);">
    <tr>
  <td rowspan="3" width="200px"><div class="boite1">
  <span class="titre1">Navigation</span><br>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t140-la-loi-du-forum" class="postlink">Règlement</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t141-lu-et-approuve" class="postlink">Lu et approuvé</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t310-formulaire-de-presentation" class="postlink">Se présenter</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f6-le-forum" class="postlink">Infos</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t168-nous-lier" class="postlink">Nous lier</a></span>
    <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/t84-partenaire" class="postlink">Le reste des partenaires</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f12-comment-s-inscrire" class="postlink">Des problèmes d'inscription ?</a></span>
  <span class="chatling"><a href="http://xena-and-gabrielle.forumgratuit.org/f1-tout-autre-aide" class="postlink">Tout autre aide</a></span>
    </div></td>
  <td rowspan="2" width="400px"><div class="boite2">
  <span class="titre1">Bienvenue sur Legends of Xena</span><br>
  <div style="height:200px;overflow:auto;">
  Bienvenue sur votre forum de référence sur les deux série j'ai nommé Xena la guerrière et Legend of the Seeker. Venez découvrir ces deux unique séries ou partager votre passion à travers des jeux, des sondages et pleins d'autres choses encore ! Si vous avez la moindre question rendez-vous dans la partie invité ou on se fera un plaisir de vous répondre. Sur ce bonne visite et on espère à très bientôt !  <br>
 
  </div></div></td>
    <td rowspan="3" width="200px"><div  class="boite1">
  <span class="titre1">Partenaires</span><br>
  <span><marquee behavior="scroll" direction="up" scrollamount="1" height="250">
<center><a href="http://xwpw.forumactif.org/" class="postlink transparence" target="_blank"><img src="http://img15.hostingpics.net/pics/690093vkebhd1nnd.gif" class="transparence"/></a>
<a href="LIEN" class="postlink transparence" target="_blank"><img src="http://i.hebimage.com/0511/4de1fc2067535.png" class="transparence"/></a>
</marquee></span></center>
  </div></td>
  </tr>
 
  <tr>
  </tr>
 
  <tr>
  <td rowspan="2" width="400px"><div  class="boite4">
  <span class="titre1">Staff</span><br>
  <span class="staff">Admin :</span><br><br>
 
  <center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20071019/352314_O6AX7RCPCAKZQNYGP3QYR54IJZCTV2_85161-x4ftitafiyt15t35duci5xuuqlxskj-xena266-h133547-l_H174903_S.jpg" class="transparence"><span>Mango<div><img src="URL IMAGE"></div></span></div></center><center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20050226/85161_X4FTITAFIYT15T35DUCI5XUUQLXSKJ_63._H003614_S.jpg" class="transparence"><span>Labulle<div><img src="URL IMAGE"></div></span></div></center>
<center><div class="infobulle"><img src="http://imalbum.aufeminin.com/album/D20050317/85161_X4FTITAFIYT15T35DUCI5XUUQLXSKJ_angexena_H014043_S.jpg" class="transparence"><span>Calli<div><img src="URL IMAGE"></div></span></div></center>
  </div></td>
    </tr>
 
  <tr>
  <td width="200px"><div  class="boite3">
  <span class="titre1">Nouveautés</span><br>
  <div style="height:100px;overflow:auto;">
  Le forum innove avec son nouveau thème fait par les soins de Mango, mais aussi par le codage de Templactif.<br>
  </div></div></td>
  <td width="200px"><div class="boite3">
  <span class="titre1">Crédit</span><br>
  Page d'accueil par Akino <a href="http://templactif.forumgratuit.org" class="postlink" target="_blank" rel="nofollow">Templactif</a><br>
  Forum optimisé pour Firefox, Chrome et IE9
  </div></td>
  </tr>
  </table>

Cette partie de code est responsable du fond:
Code:
<table width="800px" style="background-image: url(http://img15.hostingpics.net/pics/927869ibackground.png);">

Si vous désirez appliquer l'effet à l'ensemble du cadre du message, trouvez cette partie dans votre template index_body (PA | Affichage | Templates | Général):
Code:
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Et remplacez-la par celle-ci:
Code:
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-image: url(http://img15.hostingpics.net/pics/927869ibackground.png);">

N'oubliez pas de publier avec ajout. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon PA

Message par Xélore le Sam 17 Mar 2012 - 18:50

Ah super ! merci merci beaucoup à toi =)

Xélore
****

Masculin
Messages : 402
Inscrit(e) le : 22/02/2011

http://xena-and-gabrielle.forumgratuit.org/
Xélore a été remercié(e) par l'auteur de ce sujet.

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


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