Problème d'image

2 participants

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

Résolu Problème d'image

Message par Little_dragon Lun 8 Avr 2013 - 6:56

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 ....


Dernière édition par Little_dragon le Jeu 11 Avr 2013 - 19:42, édité 2 fois (Raison : Code mis sous balises)
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Lun 8 Avr 2013 - 9:45

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 Smile 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;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Lun 8 Avr 2013 - 19:42

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
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Lun 8 Avr 2013 - 20:16

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.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Mar 9 Avr 2013 - 4:48

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Little_dragon Mer 10 Avr 2013 - 4:43

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
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Mer 10 Avr 2013 - 8:53

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 Confused

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.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Mer 10 Avr 2013 - 20:00

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Mer 10 Avr 2013 - 20:04

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…
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Mer 10 Avr 2013 - 20:12

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 Sad
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Mer 10 Avr 2013 - 20:22

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 ? scratch
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Mer 10 Avr 2013 - 20:57

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'image

Message par Matriochka Jeu 11 Avr 2013 - 10:26

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;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème d'image

Message par Little_dragon Jeu 11 Avr 2013 - 19:41

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon 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