Problème d'image

[Little_dragon]

salut voila il y a que j'essaie de faire un desing sur mon nouveau forum et je n'aime pas une partie du code mais je ne sais pas ce que je dois enlever pour ne pas avoir l'image sur le fond de mes categories voila mon forum http://tenshi-sama.forum-canada.com/

mais c'est que j'aimerais garder l'image de fond dans le cadre du qui est en ligne a droite mais pas les images dans les cadre des categories ... je vous donne le css ... et je viens d'installer une PA et j'aimerais savoir comment je peux redimmensionner la pa car elle est déformer j'ai rajoutee le code de la PA et la Pa a toute deformer aussi mes categories elle sont plus longue je voudrais les mettre comme elles etaient avant et aussi je viens de remarquer que l'image que je veux enlever sur les categories elle est en dessous de la PA mais j'aimerais la garder par contre je veux quelle apparaisse a coter de la PA sans que sa déforme le forum si c'est possible je connais un peu le css mais pour ces problèmes la je suis pourrite... merci de votre aide en avance!!!

Code:

 body
{
background: url(http://image.noelshack.com/fichiers/2013/13/1364747333-bann-essai.png) top center no-repeat, url(http://img4.hostingpics.net/pics/422316background.jpg) top center repeat-x #c8ced4;
}

#i_logo
{
height: 600px;
}

#page-body
{
width: 800px;
margin: auto;
background: url(http://i77.servimg.com/u/f77/11/90/82/77/welcom10.png) top center no-repeat #ffffff;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 2px solid #C8CED4;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
padding-top: 250px;
padding-bottom: 20px;
}
#navigation
{
float: right;
margin-top: -200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #C8CED4;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #C8CED4;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
background: url(http://i77.servimg.com/u/f77/11/90/82/77/backgr10.png) bottom center no-repeat #ffffff;
}
.forumline2
{
max-width: 850px;
margin: auto;
background: url(http://i77.servimg.com/u/f77/11/90/82/77/backgr10.png) bottom center no-repeat #ffffff;
}
.table_head
{
width: 850px;
height: 92px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/469045forumline01.jpg) top center no-repeat;
}
.table_foot
{
width: 850px;
height: 42px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/835984forumline04.jpg) top center no-repeat;
}
.secondarytitle
{
display: block;
text-align: center;
}
.titre_cate
{
font-size: 48px;
font-weight: bold;
color: #5E5E5E;
text-shadow: 1px 1px 0px #eeeeee;
}

.forumlink
{
display: block;
width: 80%;
text-align: left;
padding-left: 50px;
margin-top: 6px;
}
.forumlink a
{
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px dotted #bebebe;
color: #5E5E5E !important;
}
.forumlink a:hover
{
text-decoration: none !important;
color: #5E5E5E !important;
border-bottom: 2px dotted #2d1500;
}
.table_cate
{
vertical-align: top;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #5E5E5E;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #2d1500;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
}
.description_cate
{
border-left: 4px solid #bebebe;
border-right: 4px solid #bebebe;
height: 100px;
overflow: auto;
padding: 5px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #e26f15;
}
.description
{
display: block;
text-align: justify;
}
.qeel
{
width: 850px;
margin: auto;
height: 400px;
background: url(http://img11.hostingpics.net/pics/945551fondqeel.jpg) center center no-repeat;
}
.stats1
{
width: 400px;
background-color: #5E5E5E;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #5E5E5E;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #C8CED4;
border-right: 3px solid #C8CED4;
}
.cb
{
margin-top: 50px;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

Merci pour votre aide ....

[Matriochka]

Bonjour,

et je viens d'installer une PA et j'aimerais savoir comment je peux redimmensionner la pa car elle est déformer j'ai rajoutee le code de la PA et la Pa a toute deformer aussi mes categories elle sont plus longue je voudrais les mettre comme elles etaient avant et aussi je viens de remarquer que l'image que je veux enlever sur les categories elle est en dessous de la PA mais j'aimerais la garder par contre je veux quelle apparaisse a coter de la PA sans que sa déforme le forum si c'est possible je connais un peu le css mais pour ces problèmes la je suis pourrite... merci de votre aide en avance!!!

Pour ceci, merci de faire un autre sujet Ce sera plus simple si on règle chaque chose une par une (aussi bien pour toi que pour les membres qui feraient des recherches ultérieures).

Concernant le souci principal, c’est ce code dans le CSS (en rouge) :

.forumline2
{
max-width: 850px;
margin: auto;
background: url(https://i.servimg.com/u/f77/11/90/82/77/backgr10.png) bottom center no-repeat #ffffff;
}

Tu peux le supprimer.

Maintenant, si tu veux conserver cette image uniquement dans le Qui est en ligne, il est possible de le faire en allant dans Panneau d’administration > Affichage > Templates > Général > index_body.

Trouve cette partie du code :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Remplace-la par :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" id="qeelimage" width="100%" border="0" cellspacing="1" cellpadding="0">

Comme tu le vois, j’ai ajouté un id : qeeimage. On va s’en servir pour remettre l’image dans le CSS :

Code:

#qeelimage {
background: url(http://i77.servimg.com/u/f77/11/90/82/77/backgr10.png) bottom center no-repeat;}

[Little_dragon]

salut merci pour ta reponse j'ai fais ce que tu as dis pour l'image mais rien n'a fonctionner l'image est encore c est tu normales ? merci

[Matriochka]

As-tu enregistré puis publié le template ?

Relis mon message plus haut et reprends chaque étape une par une. Je vois que dans ton template, tu as mis id="https://i.servimg.com/u/f77/11/90/82/77/backgr10.png", ce qui n’est pas correct du tout.

[Little_dragon]

salut je ne sais pas j'ai tout refais j'ai vue l'erreur que j'avais fais mais par contre je ne sais pas pourquoi sa fonctionne pas plus :S cette fois-ci j'ai bien suivie pourtant :S

[Little_dragon]

Un petit up je vais reessayer mais je ne suis pas sur d'y arriver car cela fais deja trois fois que je le fais :S

[Matriochka]

Je n’ai vraiment aucun problème de mon côté, ça ne peut que venir d’une mauvaise manipulation de ta part. Je ne sais pas faire beaucoup plus, à part te donner un code tout préparé, ce dont j’ai horreur

Si besoin, tu peux ajouter également ceci dans ton CSS :

Code:

#qeelimage td.row1 {background:transparent;}

Ça te permet de rendre les cellules du Qui est en ligne transparentes afin d’éviter qu’elles ne cachent l’image de fond.

[Little_dragon]

salut sa fonctionner mais juste une derniere chose si je voudrais avoir une image dans la PA en mettant des cadre en transparence?

[Matriochka]

mais juste une derniere chose si je voudrais avoir une image dans la PA en mettant des cadre en transparence?

C’est-à-dire ? je ne comprends pas trop…

[Little_dragon]

je vais te donner un lien dun forum pour illustree c'est avoir l'image coller sur la pa migoto-no-shima.forumactifs.com j'ai toujours voulu faire sa mais sa jamais fonctionner

[Matriochka]

Tu parles de ce forum ?
http://migoto-no-shima.forumsactifs.com/

Qu’est-ce qui t’intéresse là-dessus en fait ? l’image en fond de page d’accueil ?

[Little_dragon]

oui je voudrais mettre mon image du queel que je voulais en fond dans la Page d'accueil mais je ne sais pas comment

[Matriochka]

D’accord. Hé bien dans ce cas, la manipulation va être la même que pour le QEEL. Dans ton template index_body, trouve ceci (au tout début) :

Code:

<!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">

Remplace-le par :

Code:

<!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" id="accueilimage" rowspan="3" align="center" valign="middle">

Puis dans ton CSS, ajoute ton image :

Code:

#accueilimage {
background: url(http://i77.servimg.com/u/f77/11/90/82/77/backgr10.png) bottom center no-repeat;}

[Little_dragon]

salut merci beaucoup tu as répondu a mes questions parfaitement il va me rester que deux autres problème a règler je mets donc en résolution