Probleme PA deformé

3 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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

Résolu Probleme PA deformé

Message par Little_dragon Lun 8 Avr 2013 - 19:45

salut la PA que j'ai installe elle déforme le forum et les categorie voila le code css je sais que ce n'est pas le code html qui est le probleme voila mon code css au complet

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 Mar 16 Avr 2013 - 6:47, édité 1 fois
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: Probleme PA deformé

Message par Anzu Lun 8 Avr 2013 - 20:02


Bonsoir,

Quel est le lien du forum concerné ? Smile
Si c'est la page d'accueil qui pose problème, il nous faudrait son contenu. Affichage > Page d'accueil > Configuration > Il nous faudrait le code html qui s'y trouve.
Je n'ai pas encore regardé votre css.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme PA deformé

Message par Little_dragon Mar 9 Avr 2013 - 4:37

salut www.tenshi-sama.forum-canada.com est le forum concernee je vous donne le html par la suite ...

Code:
<table>
  <tr>
      <td><a href="#" class="lien">Lien One</a></td>
      <td><a href="#" class="lien">Lien Two</a></td>
      <td><a href="#" class="lien">Lien Three</a></td>
      <td><a href="#" class="lien">Lien Four</a></td>
      <td><a href="#" class="lien">Lien Five</a></td>
  </tr>
</table>

<table>
  <tr>
      <td>
        <div class="titre titre-welcome">
            W<br />E<br />L<br />C<br />O<br />M<br />E
        </div>
      </td>
     
      <td>
        <div class="block block-welcome">
            Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte Ton texte  Ton texte Ton texte Ton texte Ton texte
        </div>
      </td>
     
      <td>
        <div class="block block-staff">
            <h1 class="titre titre-staff">L'equipe du Forum</h1>
           
            <table>
              <tr>
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                 
                 
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
                 
                 
                  <td>
                    <div class="thumbnail">
                        <img src="http://i41.servimg.com/u/f41/16/01/60/39/icon_910.png" />
                        <div>
                          Pseudo<br /><br /><a href="LIEN_MP">Mp</a> & <a href="LIEN_PROFIL">Profil</a>
                        </div>
                    </div>
                  </td>
              </tr>
            </table>
       
            <a href="LIEN_DU_SUJET_STAFF" class="tstaff">Tout le staff ?</a>
        </div>
      </td>
  </tr>
</table>

<table>
  <tr>
      <td>
        <div class="block block-partenaires">
            <h1 class="titre">Partenaires</h1> 
           
    <a href="http://www.annuaire-rn.com/portal.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a><a href="http://zasshi.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa29.casimages.com/img/2012/09/17/12091707030986957.png" border="0" alt="" /></a>
         
            <a href="http://velvetrose.forum-canada.com" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a>
                            <a href="http://mackaelah.forum-canada.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <a href="LIEN_PARTENAIRE">
              <img src="http://i41.servimg.com/u/f41/16/01/60/39/sans_t15.png" />
            </a>
            <br />
        </div>
      </td>
     
      <td>
        <div class="block block-nouveautes">
            <h1 class="titre">Avertissement</h1>
           
            <div>
              ATTENTION AVERTISSEMENT
              Ce forum est un forum rpg
              pour 18 ans et  plus pour
              raison qu'il peu contenir  des scènes
              érotiques.
              Yaoi et Hentai. Homophobes
              passez votre chemin!!!
            </div>
        </div>
      </td>
     
      <td>
        <div class="block block-credits">
            <h1 class="titre">Credits</h1>
           
            <div>
              Design by ...<br />Page D'accueil By <a href="http://www.css-actif.com/">Silver°Dragon</a>
            </div>
        </div>
      </td>
  </tr>
</table>


Voici seulement le css de la PA

Code:
/*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000;   
  color: #ffffff;
 
  border: 2px #ffffff solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 1px 1px 5px #ffffff;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #ffffff;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px; 
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}
edit : Bon j'ai trouve une facon pour remettre les cadres de categories en l'interieure mais la il ne sont pas centree j'aimerais les faires centree et il y a apres que la PA qui depasse un peu que je n'ai pas trouve comment faire ...

Merci pour votre aide...
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: Probleme PA deformé

Message par Little_dragon Mer 10 Avr 2013 - 4:46

je remonte le sujet car j'aimerais vraiment réparer l'erreur habituellement je me débrouille mais je ne sais pas du tout :S il ne reste plus qu'a trouver comment arranger pour la PA et comment centrer les cadres des categories dans le forum Merci pour votre aide...
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: Probleme PA deformé

Message par Anzu Mer 10 Avr 2013 - 10:14

Bonjour,

Dans votre css, vous avez ceci:

Code:

        #page-body
        {
        width: 800px
        margin: auto;

        }

Changez le 800px par 850px.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme PA deformé

Message par Little_dragon Mer 10 Avr 2013 - 20:06

salut si je mets ce code c'est pour la page au complet et j'ai deja arrange pour les categorie j'aurais besoin que pour la PA enfin si c'est possible la PA est rester pareille...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: Probleme PA deformé

Message par Little_dragon Jeu 11 Avr 2013 - 19:47

un petit up je crois savoir c`est quoi le problème peut etre que c'est parce que le tableau de l'équipe du forum et celui des crédit est trop gros je vais essayer un truc et j'éditerais ici si cela a fonctionner ou non

edite non sa fonctionne pas
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: Probleme PA deformé

Message par Little_dragon Sam 13 Avr 2013 - 3:57

un petit up j'ai toujours un problème avec la PA et je voudrais centré les cadres des categories svp merciiiiiii

edit : ah et si vous pouvez est-ce que vous pouvez m`aider pour mettre de la transparance dans la pa car j'aimerais a qu'on puisse voir l'image en dessous mais je ne sais pas comment :S merci beaucoup
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: Probleme PA deformé

Message par Naruhiko Sam 13 Avr 2013 - 14:53

Bonjour,

Vous avez deux choix, le premier c'est de changer la taille de votre page grâce au width de #page-body, vous devrez remplacer les 800px par 940px, malheureusement il y a une contrainte... vous devrez agrandir votre image "Welcome" qui s'affiche en haut du forum.

L'autre choix est de modifier chacune des propriétés du CSS qui a un rapport avec la PA... En fait il faudra modifier tous les "width" pour qu'au final vous arriviez à 800px. Personnellement je trouve la première solution bien plus simple, après c'est à vous de voir. ^^

Cordialement.
Naruhiko

Naruhiko
****

Masculin
Messages : 201
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme PA deformé

Message par Little_dragon Sam 13 Avr 2013 - 19:54

salut j'ai mis 940 px et la PA est correcte mais quand je viens pour changer le size pour l"image de Welcome ne veut pas grossir ? est-ce normal?

et j'aimerais savoir j'aimerais avoir le cadre de l'equipe de staff et de credit en transparent ou essayer de faire en sorte que l'image en dessous de La PA apparaisse ? Merci beaucoup
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: Probleme PA deformé

Message par Little_dragon Lun 15 Avr 2013 - 4:20

j'actualise car j'aimerais vraiment regler le probleme 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: Probleme PA deformé

Message par Little_dragon Mar 16 Avr 2013 - 4:02

je remonte le sujet merci beaucoup Smile
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

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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