Carré Blanc autour de ma PA, problème de codage je crois.

Page 1 sur 2 1, 2  Suivant

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

Résolu Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 19:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je ne sais plus.
Lien du forum : http://lonney-t-pub.monfofo.net/

Description du problème

Bonjour à vous, j'ai un problème esthétique pour mon forum, qui vient en fait d'un problème de codage. Je ne pourrais dire quand le problème est survenu car je viens de le remarquer. Mais comme démontré sur l'hébergement d'image, il y a un gros carré blanc autour de ma PA. En vérifiant dans mes couleurs, je peux voir qu'il n'y a pas de couleur de fond de page, ni de cadre du forum. C'est pourquoi je me dis que le problème peut venir de mon css ou de mes Templates, mais je ne m'y connais pas. Alors je vous donne mon CSS. si jamais vous avez besoin de mes Templte, je pourrai vous les fournir.

Code:
/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
  text-align: center;
  text-shadow: 1px 1px 1px black;
}
 /*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
  font-size: 25px;
  color: #cccccc;
}

 /*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
  background-color: #dfdfdf;
  border: 2px solid #ffffff;
  width: 953px;
  height: 150px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: 1px 1px 10px #dfdfdf;
  box-shadow: 1px 1px 10px #dfdfdf;
}
 /*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
  float: left;
}

a.titre_forum
{
  display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
  color: #cccccc;
  letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
  font-size: 15px;
  text-shadow: 1px 1px 1px black;
  text-decoration: none!important;
}

.description
{
  overflow: auto;
  float: left;
  background-color: #cccccc;
  border: 1px solid #ffffff;
  border-right: 0px;
  height: 107px;
  width: 500px;
  padding: 5px;
  -moz-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
  float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
  background-color: #cccccc;
  border: 1px solid #ffffff;
  height: 120px;
  width: 120px;
  overflow: auto;
  -moz-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  box-shadow: inset 1px 1px 10px #dfdfdf;
}
            /* Fin des CATEGORIES */

/* -------------------------------- QEEL -------------------------------- */

        /*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

        /*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 780px;
          border-radius: 0px 0px 25px 25px;
          background-color: #E4E4E4;
          margin: auto;
          height: 620px;
          position: relative;
        }

        /*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #2D5A57;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

        /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
        .titre_secondaire {
          color: #C7BBC1;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

        /*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #F0F0F0;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #CACACA;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

        #kaboum span.gensmall {
          color: #515151;
        }

        /*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #B0C3AB;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

        .titre_bloc:hover {
          color: #2D5A57;
        }

        /*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

        /* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #CBC4C2;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.5;
        }

        /* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

        /*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

        .credits a{
          color: #B0C3AB;
        }

        /* -------------------------------- FIN QEEL -------------------------------- */
*


        /*********************************** PA ***********************************/

        /*** PARTENAIRES ET TOPS ***/
        .img_partenaires {
          opacity: 0.5;
        }

        .img_partenaires:hover {
          opacity: 1;
        }



        /*** IMAGES DU STAFF ***/

        .imgPA {
          border-radius: 50%;
          width: 100px;
          height: 100px;
        }

        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
       
        c.info:hover {
          z-index: 25;
        }
       
        c.info span {
          display: none;
        }
       
        c.info:hover span {
          display: block;
          position: absolute;
          top: -9.3em;
        left: -0.3em;
          border-radius: 50%;
          width: 105px;
          height: 105px;
          background-color: #0D0D0D;
          color: #F3F3F3;
          text-align: center;
          font-weight: none;
        }



        /*** IMAGES DES PREDEFINIS ***/
        .imgwidget {
          border-radius: 50%;
          width: 100px;
          height: 100px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 100px;
          height: 100px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
       
        d.info span {
          display: none;
        }
       
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 140px;
          height: 50px;
          overflow: auto;
          background-color: #0D0D0D;
          color: #F3F3F3;
          text-align: center;
          font-weight: none;
        }



        /*** EFFET DU CONTEXTE ***/

        .contexte {
          width: 400px;
          height: 200px;
          overflow: hidden;
          background-color: #333333;
          border-radius: 25px;
          position: relative;
          top: -2.2em;
        }
           
        .contexte_img {
          position: relative;
          z-index: 2;
          width: 400px;
          height: 200px;
          margin-left: 0px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          -transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        .contexte:hover .contexte_img {
          margin-top: -200px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }
           
        .contexte_description {
          position: relative;
          z-index: 1;
          width: 350px;
          height: 140px;
          color: #F3F3F3;
          padding: 25px;
          text-align: justify !important;
          font-size: 11px;
          overflow: auto;
        }

        .contexte_description a {
          text-decoration: none !important;
        }



        /*** SYSTEME D'ONGLETS ***/

        .paonglet {
          display: inline-block;
          margin-left: 20px;
          margin-right: 20px;
          padding: 10px;
          cursor: pointer;
          background-color: #333333;
          color: #FCE7AE;
        }
                   
        .paonglet_0 {
          border-radius: 25px;
        }

        .paonglet_1 {
          border-radius: 25px;
          color: #70A0BA;
        }

        .contenu_paonglet {
          padding: 25px;
          display: none;
          width: 780px;
          height: 450px;
          border-radius: 25px;
          background-color: #0D0D0D;
        }

        .contenu_paonglet a{
          text-decoration: none !important;
        }



        /*** BLOC DE TEXTE DE LA PA ***/

        .bloc_pa {
          background-color: #333333;
          border-radius: 25px;
          color: #F3F3F3;
          padding: 25px;
          text-align: justify !important;
          position: relative;
          top: -2.2em;
        }

        .bloc_pa a {
          text-decoration: none !important;
          color: #70A0BA !important;
        }

        /*** TITRES DES BLOCS ***/

        .titre_pa {
          font-family: 'Pacifico', 'cursive';
          font-size: 30px;
          position: relative;
          top: -0.3em;
          color: #F3F3F3;
          z-index: 1;
        }

        .titre_pa:hover {
          color: #70A0BA;
        }

        /*********************************** FIN PA ***********************************/




Titre: Citrouille de poche
Féminin
Age: 20
Message(s): 9588
PeaNUt's: 15863
Dernier badge: Mordu
Equipages: Aucun

Les Guildes
Guilde des Conteurs:
4/10  (4/10)
Guilde des Illusionnistes:
2/10  (2/10)
Guilde des Architectes:
10/20  (10/20)
Voir le profil de l'utilisateur Voir le profil

    Revenir en haut

Cruelly


*-------------------- Règlement-------------*
.fond_reg {
margin:auto;
width:80%;
border-radius: 200px;
background-color:#ABA8A8
border:4px solid #767676;
padding:10px;
box-shadow:0px 0px 8px #767676;
text-align:center;
}

.titre_reg {
display:block;
width:60%;
margin:auto;
color:white;
font-size:25px;
text-align:center;
border:2px dotted #767676;
border-radius: 100px;
padding:10px;
background-color:#8C8888;
font-family: 'Berkshire Swash', cursive;
text-shadow:2px 2px 2px #141517;
}

.texte_reg {
margin:auto;
width:75%;
border-radius: 100px;
background-color:#8C8888;
border:2px dotted #767676;
padding:40px;
text-align:justify;
color:white;
}

.soustitre_reg {
display:block;
font-size:18px;
color:#141517;
text-indent:50px;
text-shadow:2px 2px 2px white;
font-family: 'Handlee', cursive;
}
*----------------- Fin règlement -----------*
/* CADRE MODOS */
    /* MODOVERT */
.modovert {
  background: #F6FAF9;
  -moz-border-radius: 9px;
  -webkitborder-radius: 9px;
  border-radius: 9px;
  border: 1px outset shadow;
  color: green;
  font-weight: bold;
  width: 80%;
  margin: auto;
  box-shadow: 0 0 4px green;

**** 

}
body {
background-repeat: repeat;
background-position: top center;
background-image: url('http://illiweb.com/fa/pbucket.gif')
}

Merci à ceux ou celles qui voudront bien m'aider. Smile


Dernière édition par Charmed Eternity le Dim 8 Fév 2015 - 23:36, édité 1 fois
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 19:46

Bonsoir,

Insérez ce code dans votre feuille de style :

Code:
td.row1, td.row3.over:hover {
    background-color: transparent !important;
}


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 19:58

Ça ne fonctionne pas. LE carré blanc est toujours là. J'ai oublié de dire que ma PA est une Page HTML créé sur le forum.
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 19:59

Re,

Dans ce cas, vous avez dû utiliser un iframe. Je me trompe ?
Si non, puis-je avoir le code ? (En hide si vous le souhaitez.)


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 20:00

Oui j'Ai un Iframe et je peux vous donner la page html sans problème, si vous en avez toujours besoin. Smile
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 20:00

Re,

Il me faudrait juste le code de l'iframe utilisé, c'est tout. Smile


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 20:03

Voila le Iframe

Code:
<iframe style="width: 850px;      height: 730px;    " scrolling="no" src="http://lonney-t-pub.monfofo.net/h1-pa" frameborder="0"></iframe>
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 20:04

Essayez en remplaçant par :

Code:
        <iframe style="width: 850px;height: 730px;background-color:transparent !important;" scrolling="no" src="http://lonney-t-pub.monfofo.net/h1-pa" frameborder="0"></iframe>


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 20:05

Le carré blanc est toujours là Sad
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 20:07

Nous y arriverons. Evil or Very Mad
Pouvez-vous me donner le code complet de la PA ?


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 20:08

Très certainement:

Code:
<meta charset="UTF-8" /><title>PA grise/rose + scrollbar personnalisée.</title><link href="http://fonts.googleapis.com/css?family=Covered+By+Your+Grace" rel="stylesheet" type="text/css" /><style>
body {
background: #e4e1e2;
}
#pa h1, #pa h2, #pa h3, #pa h4, #pa h5, #pa h6, #pa p {
margin: 0; padding: 0; font-weight: normal;
}
#pa {
width: 800px;
min-height: 400px;
border-radius: 10px;
background: #fff;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#pa a {
color: darkgray;
text-decoration: none;
}
#pa a, #pa h2, .news p {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#pa a:hover {
color: #d74e77;
}
#pa h1 {
width: 347px;
height: 70px;
background: url("http://i39.servimg.com/u/f39/19/07/10/81/titre-10.png") no-repeat;
position: absolute;
top: -55px;
left: 50%;
margin-left: -173.5px;
text-indent: -9999px;
}
ul#ticker01, ul#concours, ul.groupes, ul#staff
{
list-style-type: none;
margin: 0;
padding: 0;
}
#pa h2 img {
position: absolute; top:0;
}
#pa table td {
min-height: 50px;
border-radius: 10px;
position: relative;
padding-top: 25px;
}
#pa table td.withbg {
background: #e4e1e2;
}
#pa h2 {
height: 34px;
position: absolute;
top: -12.5px;
z-index: 3;
font-size: 34px;
font-family: 'Covered By Your Grace', cursive;
}
#pa h2:hover {
color: rgba(209,42,97,1);
}
/* CONCEPT */
.concept {
height: 192px; max-height: 192px;
overflow-y: scroll;
padding: 1px;
}
.concept p {
margin-bottom: 20px !important;
padding-right: 20px !important;
}
.concept p:last-child {
margin-bottom: 0px !important;
}
/* Top Partenaire */
.groupes {
height: 60px; max-height: 60px;
text-align: center;
}
.groupes li {
display: inline-block;
margin: 0 10px;
}
/* NEWS */
.news {
height: 87px; max-height: 87px;
overflow-y: scroll;
}
.news strong {
color: #d74e77;
font-family: sans-serif;
text-transform: uppercase;
font-weight: normal;
}
.news p {
border-bottom: 1px solid lightgray;
padding: 2px 0 !important; margin: 2px 0 !important;
}
.news p:hover {
border-bottom: 1px solid lightgray;
padding: 2px 0 2px 20px !important; margin: 2px 0 !important;
}
/* Tooniens Du mois*/
ul#concours {
width: 280px;
height: 114px; max-height: 114px;
margin: 0px auto 0;
text-align: center;
}
ul#concours li {
width: 84px;
margin: 0 5px;
display: inline-block;
position: relative;
z-index: 4;
}
ul#concours li span {
display: none;
width: 150px;
padding: 10px;
position: absolute;
bottom: 60px;  right: 50%; margin-right: -75px;
background: #fff;
color: #fff;
z-index: 5;
border-radius: 10px;
border-bottom: 1px solid #d74e77;
}
ul#concours li:hover span {
display: block;
}
ul#concours li span img {
max-width: 150px;
height: auto;
}
.fleche {
width: 26px;
height: 12px;
background: url("http://i39.servimg.com/u/f39/19/07/10/81/fleche11.png");
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -13px;
}
/* STAFF */
#staff img, ul#concours li img.mini {
-webkit-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-moz-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-ms-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-o-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
}
#staff li {
display: inline-block;
width: 80px; max-width: 80px;
}
#staff li:hover {
cursor: help;
}
.staff p {
padding: 10px 0 10px !important;
}
.staff{
text-align: center;
}
.staff .pseudo
{
display: inline-block;
color: #d74e77;
}
/* Référencement */
td.partenaires {
padding-top: 15px !important;
}
.tickercontainer { /* the outer div with the black border */
width: 750px;
height: 31px;
margin: 0 auto;
padding: 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 750px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
width: 88px;
margin: 0 2px;
padding: 0;
}
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #ffffff;
}
/* SCROLLBAR */
::-webkit-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-webkit-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-webkit-scrollbar-corner{background:none;}
::-moz-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-moz-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-moz-scrollbar-corner{background:none;}
::-ms-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-ms-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-ms-scrollbar-corner{background:none;}
::-o-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-o-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-o-scrollbar-corner{background:none;}
::-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-scrollbar-corner{background:none;}
</style>
<div id="pa">
    
   <h1>
        Bienvenue ! 
   </h1>
    
   <table style="width: 800px;" id="contenu-general" cellpadding="10px" cellspacing="15px">
       
      <tbody>
          
         <tr>
             
            <td style="width: 300px;" rowspan="2" class="withbg" valign="top">
                
               <h2>
                    Looney Tunes Pub 
               </h2>
                
               <div class="concept">
                   
                  <p>
                       Bienvenue sur Looney Tunes Pub ! 
                  </p>
                   
                  <p>
                       Looney Tunes Pub est un forum de Publicité, sur lequel vous pouvez faire votre Pub, bien sur. Nous vous offrons aussi la possibilité de faire des commandes pour vos Design et pour vos Codages, mais aussi des Concours et des EVENt à vous couper le souffle. Rejoignez nous pour plus de plaisir et d'amusement. 
                  </p>
                   
               </div>
                
            </td>
             
            <td style="width: 450px;" valign="top">
                
               <ul class="groupes">
                   
                  <li>
                      <a href="" style="color: red;">Top 1</a> 
                  </li>
                   
                  <li>
                      <a href="" style="color: green;">Top 2</a> 
                  </li>
                   
                  <li>
                      <a href="" style="color: orange;">Top 3</a> 
                  </li>
                   
                  <li>
                      <a href="" style="color: blue;">Top 4</a> 
                  </li>
                   
                  <li>
                      <a href="" style="color: magenta;">Top 5</a> 
                  </li>
                   
               </ul>
                
            </td>
             
         </tr>
          
         <tr>
             
            <!--    <td>lol</td> on supprime cette ligne, car rowspan    --> 
            <td class="withbg" valign="top">
                
               <h2>
                    Les nouveautés 
               </h2>
                
               <div class="news">
                   
                  <p>
                      <strong> ../../.... </strong><a href=""> Texte </a> 
                  </p>
                   
                  <p>
                      <strong> ../../.... </strong><a href=""> Texte </a> 
                  </p>
                   
                  <p>
                      <strong> ../../.... </strong><a href=""> Texte </a> 
                  </p>
                   
                  <p>
                      <strong> ../../.... </strong><a href=""> Texte </a> 
                  </p>
                   
                  <p>
                      <strong> ../../.... </strong><a href=""> Texte </a> 
                  </p>
                   
               </div>
                
            </td>
             
         </tr>
          
         <tr>
             
            <td class="withbg" valign="top">
                
               <h2>
                    Tooniens Du mois 
               </h2>
                
               <ul id="concours">
                   
                  <li>
                      <img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="AOTM" class="mini" /> 
                     <!--    miniature concours 84*37px    --> 
                     <div class="titre-concours">
                          AOTM 
                     </div>
                      
                     <!--    titre concours    --><span><img src="http://r24.imgfast.net/users/2415/57/91/98/avatars/17369-57.jpg" alt="" /> 
                        <!--    infobulle    --></span> 
                     <div style="" class="fleche">
                         
                     </div><span> 
                        <!--    tite fleche    --></span> 
                  </li>
                   
                  <li>
                      <img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="AOTM" class="mini" /> 
                     <!--    miniature concours 84*37px    --> 
                     <div class="titre-concours">
                          AOTM 
                     </div>
                      
                     <!--    titre concours    --><span><img src="http://r24.imgfast.net/users/2415/57/91/98/avatars/17369-57.jpg" alt="" /> 
                        <!--    infobulle    --></span> 
                     <div style="" class="fleche">
                         
                     </div><span> 
                        <!--    tite fleche    --></span> 
                  </li>
                   
                  <!-- 
BLOC A DUPLIQUER SI 3 OU 4 CONCOURS :
<li>
<img src="staff.png" alt="AOTM" class="mini">
<div class="titre-concours">AOTM</div>
<span>
<img src="http://r24.imgfast.net/users/2415/57/91/98/avatars/17369-57.jpg" alt="">
<div class="fleche"></div>
</span>
</li>    --> 
               </ul>
                
            </td>
             
            <td class="withbg" valign="top">
                
               <h2>
                    Le staff du forum : 
               </h2>
                
               <ul id="staff">
                   
                  <li onmouseover="javascript:staff1()">
                      <img src="http://img15.hostingpics.net/pics/143830choux.jpg" alt="" /> 
                  </li>
                   
                  <li onmouseover="javascript:staff2()">
                      <img src=" http://img15.hostingpics.net/pics/822819doudou.jpg" alt="" /> 
                  </li>
                   
                  <li onmouseover="javascript:staff3()">
                      <img src="http://img15.hostingpics.net/pics/968925luda.jpg" alt="" /> 
                  </li>
                   
                  <li onmouseover="javascript:staff4()">
                      <img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="" /> 
                  </li>
                   
                  <li onmouseover="javascript:staff5()">
                      <img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="" /> 
                  </li>
                   
               </ul>
                
               <div class="staff">
                   
                  <div id="staff1">
                      
                     <p>
                          Fondateur du forum 
                     </p>
                      
                     <div class="pseudo">
                          ChouXblanC 
                     </div>
                       • <a href="http://lonney-t-pub.monfofo.net/u1" target="_parent">PROFIL</a> • <a href="http://lonney-t-pub.monfofo.net/privmsg?mode=post&u=1" target="_parent">MP</a> 
                  </div>
                   
                  <div id="staff2" style="display:none;">
                      
                     <p>
                          Administratrice 
                     </p>
                      
                     <div class="pseudo">
                          Bacadoudou 
                     </div>
                       • <a href="http://lonney-t-pub.monfofo.net/u2" target="_parent">PROFIL</a> • <a href="http://lonney-t-pub.monfofo.net/privmsg?mode=post&u=2" target="_parent">MP</a> 
                  </div>
                   
                  <div id="staff3" style="display:none;">
                      
                     <p>
                          Administrateur 
                     </p>
                      
                     <div class="pseudo">
                          Ludaweb01 
                     </div>
                       • <a href="http://lonney-t-pub.monfofo.net/u3" target="_parent">PROFIL</a> • <a href="http://lonney-t-pub.monfofo.net/privmsg?mode=post&u=3" target="_parent">MP</a> 
                  </div>
                   
                  <div id="staff4" style="display:none;">
                      
                     <p>
                          Lorem ipsum dolor sit amet 
                     </p>
                      
                     <div class="pseudo">
                          PSEUDO 
                     </div>
                       • <a href="" target="_parent">PROFIL</a> • <a href="" target="_parent">MP</a> 
                  </div>
                   
                  <div id="staff5" style="display:none;">
                      
                     <p>
                          Lorem ipsum dolor sit amet 
                     </p>
                      
                     <div class="pseudo">
                          PSEUDO 
                     </div>
                       • <a href="" target="_parent">PROFIL</a> • <a href="" target="_parent">MP</a> 
                  </div>
                   
               </div>
                
            </td>
             
         </tr>
          
         <tr>
             
            <td colspan="2" class="withbg partenaires" valign="top">
                
               <h2>
                    Référencement 
               </h2>
                
               <ul id="ticker01">
                   
                  <li>
                      <a href=""><img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="" /></a> 
                  </li>
                   
                  <li>
                      <a href=""><img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="" /></a> 
                  </li>
                   
                  <li>
                      <a href=""><img src="http://img15.hostingpics.net/pics/595472petitbouton2.png" alt="" /></a> 
                  </li>
                   
                  <!--    eccetera    --> 
               </ul>
                
            </td>
             
         </tr>
          
      </tbody>
       
   </table>
    
   <div id="credits">
        PA réalisée par Henrykiki sur <a href="http://www.never-utopia.com/t52871-henrykiki-pa-grise-rose-pale" target="_blank">Never-Utopia</a> 
   </div>
</div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script type="text/javascript">
/*!
* liScroll 1.0
* Examples and documentation at:
* http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
* 2007-2010 Gian Carlo Mingati
* Version: 1.0.2.1 (22-APRIL-2011)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires:
* jQuery v1.2.x or later
*
*/
jQuery.fn.liScroll = function(settings) {
settings = jQuery.extend({
travelocity: 0.07
}, settings);
return this.each(function(){
var $strip = jQuery(this);
$strip.addClass("newsticker");
var stripWidth = 1;
$strip.find("li").each(function(i){
stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
});
var $mask = $strip.wrap("<div class='mask'></div>");
var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
var containerWidth = $strip.parent().parent().width();
$strip.width(stripWidth);
var totalTravel = stripWidth+containerWidth;
var defTiming = totalTravel/settings.travelocity;  // thanks to Scott Waye
function scrollnews(spazio, tempo){
$strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
}
scrollnews(totalTravel, defTiming);
$strip.hover(function(){
jQuery(this).stop();
},
function(){
var offset = jQuery(this).offset();
var residualSpace = offset.left + stripWidth;
var residualTime = residualSpace/settings.travelocity;
scrollnews(residualSpace, residualTime);
});
});
};
</script><script>
$(function(){
$("#ticker01").liScroll();
});
function staff1() {
document.getElementById('staff1').style.display='block';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff2() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='block';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff3() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='block';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff4() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='block';
document.getElementById('staff5').style.display='none';}
function staff5() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='block';}
</script>
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 20:10

Ah !

Remplacez :

Code:
body {
background: #e4e1e2;
}

par :

Code:
body {
background: transparent !important;
}


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 20:13

ÇA ne fonctionne pas voici le résultat: Au lieu d'enlever le carré blanc ça a enlevé le fond de la PA

Spoiler:
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 21:31

bonjour

vous parlé de quelle carré blanc , celui de la pomme !!!! ou du cadre blanc
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 21:34

Le cadre blanc qui est autour de la PA. Il ne devrait pas être la. Si on regarde l'image en haut, le carré gris est le fond de la PA, mais le carré blanc autour de celui-ci ne devrait pas être la.
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 21:51

je les installé sur mon forum et je n'est pas de cadre blanc

Spoiler:

cela ne viendrez pas plutôt de votre image de fond !!
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 21:54

Non je viens de changer le fond pour mettre ceci:

Code:
}
body {
background-repeat: no-repeat;
  background-position: top center;
}

Au lieu de ceci:

Code:
}
body {
background-repeat: repeat;
background-position: top center;
background-image: url('http://illiweb.com/fa/pbucket.gif')
}

et le carré blanc est toujours la. Le problème pourrait venir d'un template?
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:01

faite un essais avec ceci
Code:
td.row1 {
background-color: transparent;
}
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 22:06

Ça ne fonctionne pas Sad
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:11

pourtant c'est bien celui la qui agi sur cette partie


Carré Blanc autour de ma PA, problème de codage je crois.  2015-078

peut être complet alors ,

Code:
td.row1, td.row3.over:hover {
background-color: #0A0909;
}
la c'est noir faite un essais
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 22:13

Ça ne fonctionne pas non plus Sad Dois-je ajouter ce lien à ma feuille de style css ou à ma page html?
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:15

sur le css ,mettez le pour voir
en attendant

je recherche si vous avez deja un code du genre pour pas qu'il y est de conflit entre eux
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 22:17

C'est déjà ajouté au CSS et merci beaucoup de me venir en aide Smile

Est-ce se pourrait être la dedans:

Code:
/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
  background-color: #dfdfdf;
  border: 2px solid #ffffff;
  width: 953px;
  height: 150px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: 1px 1px 10px #dfdfdf;
  box-shadow: 1px 1px 10px #dfdfdf;
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:41

bon effectivement pas de changement bizarre ..

je ne trouve pas de code couleur correspondant dans vos code fournie ...

peut être cela vient d'ailleurs
j'ai installé tous les codes que vous avez donné et je n'est pas ce cadre blanc !
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:42

avez vous tenter d'enlever le titre

forum fermé qui est juste au dessus ..!!!
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 22:42

Je peux vous donnez mes template modifié, peut-être le problème vient-il de la? C'est enlevé, mais le cadre blanc reste la tout de même Sad
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 22:54

il reste a voir votre iframe
la je les élargie.. a la largeur des cat, peut être ne voulez vous pas aussi large !!!
c'est juste pour voir si le cadre suis ou pas

Code:
<iframe style="width: 954px;      height: 730px;    " scrolling="no" src="http://lonney-t-pub.monfofo.net/h1-pa" frameborder="0"></iframe>
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 22:59

Les bande blanches restent, regardez:

Spoiler:
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Invité Dim 8 Fév 2015 - 23:06

regardé la
http://lonney-t-pub.monfofo.net/
elle n'y sont plus
Anonymous

Invité
Invité


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

Résolu Re: Carré Blanc autour de ma PA, problème de codage je crois.

Message par Charmed Eternity Dim 8 Fév 2015 - 23:07

Moi je les vois encore :S
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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