Cadre en tout bas de page.

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

Résolu Cadre en tout bas de page.

Message par Oz-Chan le Lun 25 Juin 2012 - 3:04

Bonsoir,
je viens vous demander un petit peu d'aide pour mon bas de page. Ce que j'aimerais, c'est avoir un emplacement pour mettre nos partenaires comme nous pouvons trouver sur certain forum. En schéma assez vite fait, ça donnerait quelque chose comme ceci :

Voici mon CSS :
Code:
*::-moz-selection {
  color: #860000;
  background: #f7e22e none repeat scroll 0 0;
}

body {
  margin-top: 10px;
}

.forumline {
  padding: 5px;
  border: 1px solid #c16a6a;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #c16a6a;
}

a.forumlink {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -2px;
  height: 7px;
  display: block;
  line-height: 12px;
  background-attachment: scroll;
  background-color: #820E0E;
  border-radius: 10px;
  webkit-border-radius: 10px;
}

a.forumlink:hover {
  margin-top: 10px;
  margin-bottom: -8px;
  padding-left: 40px;
  text-shadow: 0px 0px 0px;
  height: 7px;
  line-height: 12px;
  background-attachment: scroll;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}



/* --- LIENS --- */

a {
  text-decoration: none !important;
  cursor: crosshair;
}

a:hover {
  color: #FF7B47;
  text-decoration: none !important;
}



/* --- BALISES PERSOS  --- */

.t1 {
  color: #F7DA66;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;
  background-color: #820E0E;
  border: 2px solid #FFDF40;
  border-left: 6px solid #FFDF40;
  border-right: 6px solid #FFDF40;
  border-radius: 0px 30px 0px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.t1:hover
{
  font-size: 180%; background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
    border-radius: 30px 0px 30px 0px;
  -webkit-border-radius: 0px 30px 0px 30px;
}

.t2 {
  color: #F7DA66;
  font-family: georgia;
  font-size: 150%;
  text-shadow: red 1px 1px 2px;
  padding-bottom: 3px;
  border-bottom: 5px solid #820E0E;
}
.t2:hover {
  color: #FF733B;
  border-bottom: 5px solid #FFDF40;
}

.t3 {
  color: #FFDF40;
  font-variant: small-caps;
}
.t3:before { content: "» "; }
.t3:hover:before { content: "» "; color: #FF733B; }
.t3:hover:after { content: "→"; color: #FF733B; padding-left: 5px; }

.important {
  color: #F7DA66;
  font-family: Courier New;
  font-size: 12px;
}

/* --- BALISES DU FORUM --- */

u {
  text-decoration: none;
  border-bottom: 2px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.quote {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.quote:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.code {
  background-color: #820E0E;
    color: #FFEF9C;
  border: 1px solid #820E0E;
  padding: 10px 10px 10px 10px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 5px #FFEF9C;
  -webkit-box-shadow: 0px 0px 5px #FFEF9C;
}
.code div.cont_code{ max-height:200px; overflow:auto }
.code:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.spoiler {
  border: 1px solid #C24444;
  background-color: #820E0E;
  padding: 7px 7px 7px 7px;
  -webkit-border-radius: 10px 0px 10px 0px;
  border-radius: 10px 0px 10px 0px;
  box-shadow: 0px 0px 5px #FFEF9C;
}
.spoiler:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.spoiler_closed {
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}
.spoiler_content {
  color: #FFEF9C;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border: 1px solid #C24444;
}



/* --- NAVIGATION --- */

.navi {  position: fixed;
  z-index: 999;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 2px 0 4px 0;
    border: 1px solid #FFDF40;
  border-radius: 0 0 50px 50px;
  -webkit-border-radius: 0 0 50px 50px;
  background-color: #c16a6a ;
  box-shadow: 0 0 5px #FFDF40;
  -webkit-box-shadow: 0 0 5px #FFDF40;
}

a.mainmenu {
  padding-right: 5px;
  font-family: Georgia;
  font-size: 14px;
  letter-spacing: -1px;
}
a.mainmenu:before { content: "❥"; color: #870000; font-family: verdana; margin-right: 3px; }

a.mainmenu img {display: none;}



/* --- PROFIL --- */

.avi {
  padding: 10px 5px 10px 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
    -webkit-border-radius: 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  box-shadow: 0px 0px 5px #870000;
  -webkit-box-shadow: 0px 0px 5px #870000;
}

.pseudo {
  border-top: 3px solid #820E0E;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #b53c3c;
}
.pseudo:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.name {
  font-size: 20px;
  font-family: Times New Roman;
  letter-spacing: -1px;
  word-spacing: 3px;
}

.rang {
  padding: 5px;
  border: 1px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

.darkie {
  background-color: #804c4c;
  border-radius: 30px 30px 15px 15px;
    -webkit-border-radius: 30px 30px 15px 15px;
  box-shadow: 0px 0px 5px #804c4c;
  -webkit-box-shadow: 0px 0px 5px #804c4c;
}

.proofil {
    color: #820E0E;
    background-image: url("http://i48.servimg.com/u/f48/17/48/68/27/gond10.jpg");
  padding: 5px;
  border: 1px solid #820E0E;
  border-top: 3px solid #820E0E;
  border-bottom: 3px solid #820E0E;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0px 0px 2px #870000;
  -webkit-box-shadow: 0px 0px 2px #870000;
}

.proofil:hover {
    background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
}

/* --- MESSAGES --- */

.blabla {
  padding: 5px;
  border: 1px solid #FFDF40;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://img16.imageshack.us/img16/9683/477g.png");
  box-shadow: 0px 0px 2px #FFDF40;
}



/* --- BOUTON MONTRER/MASQUER --- */

input {
  color: #FFDF40;
  background-color: #820E0E;
    border: 2px solid #820E0E;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.post, select, textarea.inputbox, input.liteoption, input.mainoption {
  background-color: #F4F4F4;
}


/* --- MENU DÉROULANT --- */

select {
  background-color: #820E0E;
  border: 1px solid #A61C1C;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* --- ZONE DE TEXTE/SAISIE --- */

textarea {
  padding: 2px;
  border: 2px solid #820E0E;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

/* --- BOUTON ENVOYER BROUILLON --- */

input[type=submit] {
  padding: 2px;
  border: 1px solid #FFDF40;
  background-color: #820E0E;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

input[type=reset] {
  padding: 2px;
  border: 1px solid #FFDF40;
  background-color: #820E0E;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}


/* --- CHAMPS SUJET--- */

input[type=text] {
  padding: 2px;
  color: #FFEF9C;
  border: 2px solid #820E0E;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

.select {
        background-color:#C24444;
        border:1px solid #820E0E;
        left:0;
        overflow:hidden;
        position:absolute;
        top:0;
        width:0;
        z-index:100;
        }

.select button {
  background-color: #C24444;
  -webkit-border-radius: 5px 5px 5px 5px; }

.select input[type=button] {
  padding: 2px;
  border: 1px solid #FFDF40;
  background-color: #820E0E;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}


/* --- TITRES DES CATÉGORIE --- */

.secondarytitle, .secondarytitle h2 {
  text-align: center;
  color : #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}

.cattitle { color: #F7DA66; }

a.cattitle {
  display: block;
  text-align: center;
  text-align: center;
  color: #F7DA66;
  font-family: georgia;
  font-size: 24px;
  letter-spacing: -2px;
  word-spacing: 5px;
  font-weight: lighter;
  text-decoration: none;
  padding: 3px;
}



/* --- DESCRIPTIONS DES FORUMS --- */

.phalink {
  padding: 1px 5px 1px 5px;
  border: 1px solid #870000;
  background-color: #870000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a.phalink {
  color: #FFDF40;
  font-size: 10px;
}

a.phalink:hover {
  color: #FF733B;
}

.desc {
  margin-top: 10px;
  padding: 5px;
  text-align: justify;
  border: 1px solid #c16a6a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.pix {
  float: left;
  margin-right: 10px;
}



/* --- FONDS DES FORUMS ---*/

.row1 {  }
.row2 {  }
.row3 {  }


/* --- COLONNE DE DROITE --- */

.lastie {
  width: 160px;
  padding: 5px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-bottom: 3px solid #870000;
  -moz-border-radius: 40px 40px 20px 20px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  box-shadow: 0px 0px 2px #c16a6a;
  -moz-box-shadow: 0px 0px 2px #c16a6a;
  -webkit-box-shadow: 0px 0px 2px #c16a6a;
}

.stats {
  margin-top: 3px;
}



/* --- PAGE D'ACCUEIL --- */

#menupa ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#menupa li { float: left; margin: auto; padding: 2; }
#menupa li a { display: block; width: 137px; color: #5e97db; text-decoration: none; padding: 5px; letter-spacing: -1px; font-size: 10px; margin: 2px; background-color: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#menupa li a:hover { color:#9AC220; background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png"); -moz-box-shadow: 0px 0px 3px #fff; -webkit-box-shadow: 0px 0px 3px #fff; box-shadow: 0px 0px 3px #fff; }
#menupa ul li ul { display:none; }
#menupa ul li:hover ul { display:block; }
#menupa li:hover ul li { float:none; }
#menupa li ul { position:absolute; }

.contexte {
  width: 250px;
  height: 180px;
  overflow: auto;
  margin: -235px 45px 55px 0;
  text-align: justify;
}

.staffou {
  padding: 3px;
  border: 1px solid #9AC220;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.staffou:hover { border: 1px solid #5e97db; }

.news {
  height: 114px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 5px dotted;
}
.scan {
  padding-right: 10px;
  text-align: left;
  font-size: 9px;
}


.patitre {
  border: 1px solid #F4F4F4;
  border-top: 3px solid #F4F4F4;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #F4F4F4;
  text-align: center;
  color: #9AC220;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.patitre:hover {
  background-image: url("http://i62.servimg.com/u/f62/13/82/15/09/36658310.png");
}

.pabox {
  padding: 5px 10px 5px 10px;
  border: 1px solid #F4F4F4;
  border-bottom: 3px solid #F4F4F4;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}

.paimg {
  background-color: #B8B8B8;
  border: 2px solid #ADADAD;
  padding: 5px;
  -moz-border-radius: 10px 10px 10px 10px;
}

a.infobulle { position: relative; }
a.infobulle span { display: none; }
a.infobulle span { display: none; z-index: 999; }
a.infobulle:hover { background: none; z-index: 999; }
a.infobulle:hover span { display: inline; position: absolute; white-space: nowrap; top: 15px; left: 15px; padding: 3px; background-image: url("http://img268.imageshack.us/img268/3452/tshirt10.jpg"); color: #909090; border: 1px solid #F4F4F4; border-right: 3px solid #F4F4F4; border-left: 3px solid #F4F4F4; padding: 3px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

body.chatbox {
    background-repeat: no-repeat;
    background: url(http://img16.imageshack.us/img16/9683/477g.png);
    background-color: #C24444;
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}


/* --- GROUPES --- */

a.bezarius { color: #fcf13f; font-size: 12px; font-weight: bold;}
a.nightray { color: #a3a4ab; font-size: 12px; font-weight: bold; }
a.rainsworth { color: #ffb0f5; font-size: 12px; font-weight: bold; }
a.barma { color: #f89999; font-size: 12px; font-weight: bold; }
a.pandora { color: #a4a4ef; font-size: 12px; font-weight: bold;}
a.baskerville { color: #e18aee; font-size: 12px; font-weight: bold; }
a.chains { color: #a3d6f6; font-size: 12px; font-weight: bold; }
a.contractants { color: #7ddda3; font-size: 12px; font-weight: bold; }
a.lutwidge{ color: #9add7d; font-size: 12px; font-weight: bold; }
a.sorciers { color: #dbb18f; font-size: 12px; font-weight: bold;}
a.civils { color: #ffae4e; font-size: 12px; font-weight: bold; }
a.nonrpgistes { color: #d5d5d5; font-size: 12px; font-weight: bold;}
a.noblesse { color: #ffffff; font-size: 12px; font-weight: bold;}


/* --- PREDEFINIS --- */

.predefbox {
  width: 650px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  border-top: 10px solid #820E0E;
  border-bottom: 10px solid #820E0E;
  -moz-border-radius: 70px 70px 40px 40px;
  -webkit-border-radius: 70px 70px 40px 40px;
  border-radius: 70px 70px 40px 40px;
}

.predefname {
  margin: 10px 0 -13px 0;
  color: #C24444;
  text-shadow: #820E0E 5px 0px 0px;
  font-family: georgia;
  font-size: 40px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.predefpix {
  padding: 3px;
  border: 1px solid #cc6e54;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.predefpix:hover {
  border: 1px solid #FFF691
}

.predeftitre {
  padding-left: 40px;
  color: #FF733B;
  font-family: georgia;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -2px;
  word-spacing: 5px;
  height: 5px;
  line-height: 6px;
  background-color: #820E0E;
  background-attachment: scroll;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.predeftitre:hover {
  color: #F0B728;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
}

.predefdesc {
  margin: 0 20px 0 20px;
  text-align: justify;
  font-size: 11px;
}

a.bubulle { position: relative; }
a.bubulle span { display: none;  }
a.bubulle span {  display: none; z-index: 999; }
a.bubulle:hover { background: none; z-index: 999; }
a.bubulle:hover span { display: inline; position: absolute; top: 15px; left: 15px; width: 250px; background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg"); color: #FFF691; border: 1px solid #870000; padding: 3px; text-align: justify; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: none; }

.linkname {
  margin: 0 450px -20px 0;
  color: #C24444;
  text-shadow: #820E0E 3px 0px 0px;
  font-family: georgia;
  font-size: 20px;
  font-style: italic;
  letter-spacing: -3px;
  word-spacing: 7px;
}

.linkbox {
  width: 630px;
  padding: 5px;
  background-color: #C24444;
  border: 2px solid #820E0E;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  text-align: justify;
}

.linkpix {
  float: left;
  margin-right: 5px;
}


/* --- PREDEFINIS ACCUEIL--- */

.préd2{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
  TEXT-ALIGN: center;
  border: 6px solid #af0800;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd3{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #1f9200;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.préd4{
  width: 110px;
  height: 130px;
  padding: 3px;
    font-size: 11px;
    font-family: georgia;
    TEXT-ALIGN: center;
  border: 6px solid #fff71d;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS RPG --- */

.presbox {
  width: 650px;
  margin-top: 100px;
  padding-bottom: 30px;
  background-color: #C24444;
  border: 1px solid #870000;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.prespix {
  float: left;
  margin: -80px 10px 0 30px;
  padding: 7px;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 6px black;
  -webkit-box-shadow: 1px 1px 6px black;
  box-shadow: 1px 1px 6px black;
}

.pressurname {
  display: block;
  text-align: left;
  margin-left: 270px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  font-style: italic;
  letter-spacing: -2px;
  opacity: 0.6;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presname {
  display: block;
  text-align: left;
  margin-left: 300px;
  margin-top: -10px;
  color: #870000;
  font-family: georgia;
  font-size: 42px;
  letter-spacing: -2px;
  font-style: italic;
  text-shadow: 1px 1px 6px #FFEF9C;
}

.presprofile {
  height: 221px;
  overflow: auto;
  margin: 0 10px 0 255px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.prestitre {
  color: #870000;
  font-family: georgia;
  font-size: 28px;
  font-style: italic;
  letter-spacing: -1px;
  height: 14px;
    text-shadow: 1px 1px 6px #FFEF9C;
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
}

.presdesc {
  margin: 0 20px 0 20px;
  padding: 7px;
  text-align: justify;
  font-size: 11px;
  background-image: url("http://img534.imageshack.us/img534/6720/kyukyu.png");
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* --- PRESENTATIONS NON RPG ---*/

.youbox {
  width: 600px;
  height: 300px;
  text-align: justify;
  font-size: 10px;
  padding: 0 3px 0 0;
  background-color: #a57a69;
}

.youleft {
  width: 170px;
  height: 300px;
  float: left;
  margin-right: 3px;
  padding: 0 3px 0 3px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
}

.youtitre {
  color: white;
  font-family: Courier New;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid white;
}

.b1 {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* --- RELATION---*/

.rela1{
  background-color: #d6997f;
border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;
  width:600px;}
.rela2{
  text-align:center;
  letter-spacing: -3px;
    font-size:33px;
  font-family:times new roman;
  font-weight:bold;
  credit-site-css: mycandids.tk;
  color: #FFEF9C}
.rela3{
border: 5px solid brown;
 border-top-left-radius:10px;
border-top-right-radius:  10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 5px;}
.rela4{
  background-color: #FFEF9C;
  border: 3px double yellow;}
.rela5{
  width: 350px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  letter-spacing: -1px;
  color: #FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela6{
  color:darkgray;
  font-size:12px;
  font-color: #FFDF40;
  font-family:Georgia;
  background-color: #ffe9a7;
  width: 270px;
  border-radius:40px;}
  .rela7{
letter-spacing: -1px;
  color:#FFDF40;
  font-size:22px;
  font-family:times new roman;}
.rela8{
  width:400px;
  height:75px;
  color:#973C08;
  overflow:auto;}
.rela9{
  border-bottom: solid 5px;
  width:750px;
  font-size:18px;
  font-family:times new roman;
  color:#FFEF9C;}
.rela0{
  TEXT-ALIGN: left;
  font-color: #FFEF9C;
    FONT-FAMILY: Times New Roman;
  font-size:27px;}
.rela10{
  background:#FFEF9C;
  font-size: 1px;
  line-height: normal;
border-top-left-radius:10px;
  -font-color:brown;}
.rela11{
  border: 2px solid #FFEF9C;
  width:35em;
  font-color: #FFEF9C;
border-radius:10px;
margin-left;20px}

  /* --- STAFF---*/
.admintitre {
  width: 330px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.admintitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.adminbox {
  width: 310px;
  height: 300px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
.adminame{color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 170%;
  text-shadow: red 1px 1px 2px;
  padding: 7px 7px 7px 7px;}
 
.modotitre {
  width: 280px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  -moz-border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  text-align: center;
  color: #FFDF40;
  font-size: 16px;
  font-family: georgia;
  letter-spacing: -1px;
}
.modotitre:hover {
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
 
}

.modobox {
  width: 260px;
    height: 255px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #870000;
  border-bottom: 3px solid #870000;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-image: url("http://i42.servimg.com/u/f42/13/82/15/09/kyu112.jpg");
  text-align: justify;
}
et mon template footer_end

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

<div style="padding:0px; position:fixed; bottom:0; right:0; z-index: 999; text-align:center; margin-bottom: 0px; margin-right: 20px;"><a href="#top"><img src="http://i42.servimg.com/u/f42/13/82/15/09/haut10.png"></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/13/82/15/09/bas10.png"></a></div>
<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
</body>
</html>

Merci de votre future aide !


Dernière édition par Oz-Chan le Jeu 28 Juin 2012 - 13:45, édité 1 fois

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par NatureSauvage le Lun 25 Juin 2012 - 8:20

Bonjour =)

Dans ton template, juste après la ligne 69 - après le </div> - il faut rajouter :
Code:
<div class="partenaires_footer">Tes partenaires</div>

Et dans le CSS, tu rajoutes :
Code:
.partenaires_footer {
Tes propriétés CSS
}

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par Oz-Chan le Lun 25 Juin 2012 - 20:14

Bonsoir,
Merci de votre aide !
Petite question, est-ce que ça serait possible de le mettre en dessus des stat's, panneau d'admin, ect...? Ainsi que les faire défiler? ^^
Encore merci !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par NatureSauvage le Mar 26 Juin 2012 - 8:53

En le mettant ligne 4 après le body au lieu de ligne 69, ça va ? =)
Pour le défilement, j'ai trouvé ce script, tu as juste à le placer là où tu peux qu'il y ait ton texte défilant (donc dans le div partenaires_footer) :
Code:
<SCRIPT type="text/javascript" title="G1SCRIPT">
// © Dynamic Drive

//Specify the marquee's width (in pixels)
var marqueewidth="100px"
//Specify the marquee's height
var marqueeheight="75px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=3
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that's great):

var marqueecontent='<nobr>Bienvenue sur EspaceJavascript.Com <b>Une certaine référence dans <i>le Webmastering</i></b> Une aide pour tous !</nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT>

Tu peux personnaliser, en haut du script, marqueewidth pour la largeur de ton cadre, marqueeheight pour sa hauteur, marqueespeed pour la vitesse de défilement, pauseit pour savoir si la barre s'arrête quand on passe la souris dessus et marqueecontent pour écrire ce que tu veux.
Attention : Dans marqueecontent, si tu mets des apostrophes il faut les échapper. C'est-à-dire que tu dois mettre un \ devant. Wink

Il provient d'ici. Wink

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par Oz-Chan le Mar 26 Juin 2012 - 18:10

Bonsoir,
j'ai bien placé le code sur la ligne 4, après le body mais là, il n'y a plus rien qui s'affiche du tout. ><
Et j'avoue n'avoir rien compris au code que vous m'avez envoyé. Je dois le mettre où? Ca prends encore les codes que j'ai mis?
Les voilà ;

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

<div style="padding:0px; position:fixed; bottom:0; right:0; z-index: 999; text-align:center; margin-bottom: 0px; margin-right: 20px;"><a href="#top"><img src="http://i42.servimg.com/u/f42/13/82/15/09/haut10.png"></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/13/82/15/09/bas10.png"></a></div>
  <center><div class="partenaires_footer_header">Parce que nos petits partenaires le valent bien ! </div></center>
  <center><div class="partenaires_footer"><a href="http://tales-of-world.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/17/07/98/76/88x3110.jpg" border="0" alt="" /></a>
<a href="http://strong-world.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/kyukyu12.jpg" border="0" alt="" /></a>
<a href="http://pensionnat-interdit.actifforum.com"><img src="http://i56.tinypic.com/2dubm3b.png" border="0" alt="" /></a>
<a href="http://isei-gakuen.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/isei_b10.jpg" border="0" alt="" /></a>
<a href="http://hetalia.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img217.imageshack.us/img217/3600/aphrpg1.jpg" border="0" alt="" /></a>
<a href="http://gokusha-no-neko.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i52.tinypic.com/2rr3239.jpg" border="0" alt="" /></a>
<a href="http://theoc-area.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/11/50/88/37/topsit18.png" border="0" alt="" /></a>
    <a href="http://gakuenpokemon.forumactif.org/"><img src="http://img4.hostingpics.net/pics/826621part1.png"/></a>
  <a href="http://kagawa.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img198.imageshack.us/img198/4467/boutonkagawa.jpg"/></a>
<a href="http://saigo-chanbara-rpg.forums-rpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/25961688x31saigochanbara.jpg" border="0" alt="" /></a>
<a href="http://karnevale-avenue.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/718684ka88.jpg" border="0" alt="" /></a>
<a href="http://fiorenooukoku.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/11/71/23/53/parten11.gif" border="0" alt="" /></a>
<a href="http://ephaelya.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/16/52/99/62/10122310.jpg" border="0" alt="" /></a>
<a href="http://fairy-tail-world-rpg.forumsactifs.net/forum/" class="postlink" target="_blank"><img src="http://nsa15.casimages.com/img/2010/05/31/100531122419333871.png" border="0" alt="" /></a>
<a href="http://reborn-rpg.pureforum.net/forum.htm"><img src="http://i38.servimg.com/u/f38/11/08/91/18/part1010.png"/></a>
 <a href="http://kiss-academy.forumactif.org/"><img src="http://i60.servimg.com/u/f60/12/80/18/70/yq18fc10.jpg"/></a>
<a href="http://mylady-mylord.forums-actifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/9193508831.png" border="0" alt="" /></a>
<a href="http://shitoku.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i67.servimg.com/u/f67/11/67/35/90/bouton11.png" border="0" alt="" /></a>
<a href="http://pensionnat-yokasami.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/44816814b1.png" border="0" alt="" /></a>
<a href="http://murasaki-suishou.un concurrent.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://img28.xooimage.com/files/2/8/c/bouton-p1-1915c52.png" border="0" alt="" /></a>
<a href="http://pensionnat-shyzen.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/91597988313.png" border="0" alt="" /></a>
<a href="http://reinventeladestinee.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i28.servimg.com/u/f28/14/58/50/16/rld_ic11.jpg" border="0" alt="" /></a>
  <a href="http://aijounainosekai.superforum.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/148574partenariatanns.png" border="0" alt="" /></a></div></center>
<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
</body>
</html>

et le CSS

Code:
  /* --- PARTENAIRES--*/
.partenaires_footer_header {
  width: 530px;
  border: 1px solid #870000;
  border-top: 3px solid #870000;
  border-radius: 30px 30px 0 0;
  -webkit-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
  background-color: #870000;
  color: #FFDF40;
  text-align: center;
  font-family: georgia;
  font-weight: bold;
  font-size: 15px;
  text-shadow: red 1px 1px 2px;}

.partenaires_footer_header:hover{
  background-image: url("http://img32.imageshack.us/img32/3673/16176155p5.png");
  }

.partenaires_footer {
  width: 850px;
  height: 40px;
  border: 1px solid #870000;
  border-top: 6px solid #870000;
border-top-left-radius:10px;
border-top-right-radius:  10px;
  -webkit-border-radius: 15 15 0px 0px;
  padding:4px;
  background-image: url("http://i40.servimg.com/u/f40/12/80/18/70/54q6ip10.jpg");
        }
Merci !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par NatureSauvage le Mer 27 Juin 2012 - 9:05

Veux-tu que ce cadre s'affiche sur toutes tes pages ou seulement sur l'index ? =)

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par Oz-Chan le Mer 27 Juin 2012 - 9:55

Sur toutes les pages si possible s'il vous plaît. ^^

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par NatureSauvage le Mer 27 Juin 2012 - 14:22

Il faut que tu mettes ton div class="partenaires_footer" dans le template overall_footer_begin, juste après le :
Code:
<div id="page-footer">

Pour le défilement, tu copies tout le script dans ton div et tu personnalises les variables qui sont au début. Wink

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par Oz-Chan le Mer 27 Juin 2012 - 20:57

La position est bonne ! Par contre je n'ai toujours aucun défilement. ^^' Rien n'a bougé. Je pense avoir mal placé votre script comme vous ne m'avez pas dit si je devais le mettre dans le template, css ect.. Le voici
Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
  <center><div class="partenaires_footer_header">Parce que nos petits partenaires le valent bien ! </div></center>
      <center><div class="partenaires_footer"> <SCRIPT type="text/javascript" title="G1SCRIPT">
        // © Dynamic Drive
       
        //Specify the marquee's width (in pixels)
        var marqueewidth="100px"
        //Specify the marquee's height
        var marqueeheight="75px"
        //Specify the marquee's marquee speed (larger is faster 1-10)
        var marqueespeed=3
        //configure background color:
        var marqueebgcolor="#DEFDD9"
        //Pause marquee onMousever (0=no. 1=yes)?
        var pauseit=1
       
        //Specify the marquee's content (don't delete <nobr> tag)
        //Keep all content on ONE line, and backslash any single quotations (ie: that's great):
       
        var marqueecontent='<nobr>Bienvenue sur EspaceJavascript.Com <b>Une certaine référence dans <i>le Webmastering</i></b> Une aide pour tous !</nobr>'
       
       
        ////NO NEED TO EDIT BELOW THIS LINE////////////
        marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
        var copyspeed=marqueespeed
        var pausespeed=(pauseit==0)? copyspeed: 0
        var iedom=document.all||document.getElementById
        if (iedom)
        document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
        var actualwidth=''
        var cross_marquee, ns_marquee
       
        function populate(){
        if (iedom){
        cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
        cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
        cross_marquee.innerHTML=marqueecontent
        actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
        }
        else if (document.layers){
        ns_marquee=document.ns_marquee.document.ns_marquee2
        ns_marquee.left=parseInt(marqueewidth)+8
        ns_marquee.document.write(marqueecontent)
        ns_marquee.document.close()
        actualwidth=ns_marquee.document.width
        }
        lefttime=setInterval("scrollmarquee()",20)
        }
        window.onload=populate
       
        function scrollmarquee(){
        if (iedom){
        if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
        cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
        else
        cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
       
        }
        else if (document.layers){
        if (ns_marquee.left>(actualwidth*(-1)+8))
        ns_marquee.left-=copyspeed
        else
        ns_marquee.left=parseInt(marqueewidth)+8
        }
        }
       
        if (iedom||document.layers){
        with (document){
        document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
        if (iedom){
        write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
        write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
        write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
        write('</div></div>')
        }
        else if (document.layers){
        write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
        write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
        write('</ilayer>')
        }
        document.write('</td></table>')
        }
        }
        </SCRIPT><a href="http://tales-of-world.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/17/07/98/76/88x3110.jpg" border="0" alt="" /></a>
<a href="http://strong-world.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/kyukyu12.jpg" border="0" alt="" /></a>
<a href="http://pensionnat-interdit.actifforum.com"><img src="http://i56.tinypic.com/2dubm3b.png" border="0" alt="" /></a>
<a href="http://isei-gakuen.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/isei_b10.jpg" border="0" alt="" /></a>
<a href="http://hetalia.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img217.imageshack.us/img217/3600/aphrpg1.jpg" border="0" alt="" /></a>
<a href="http://gokusha-no-neko.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i52.tinypic.com/2rr3239.jpg" border="0" alt="" /></a>
<a href="http://theoc-area.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/11/50/88/37/topsit18.png" border="0" alt="" /></a>
    <a href="http://gakuenpokemon.forumactif.org/"><img src="http://img4.hostingpics.net/pics/826621part1.png"/></a>
  <a href="http://kagawa.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img198.imageshack.us/img198/4467/boutonkagawa.jpg"/></a>
<a href="http://saigo-chanbara-rpg.forums-rpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/25961688x31saigochanbara.jpg" border="0" alt="" /></a>
<a href="http://karnevale-avenue.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/718684ka88.jpg" border="0" alt="" /></a>
<a href="http://fiorenooukoku.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/11/71/23/53/parten11.gif" border="0" alt="" /></a>
<a href="http://ephaelya.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/16/52/99/62/10122310.jpg" border="0" alt="" /></a>
<a href="http://fairy-tail-world-rpg.forumsactifs.net/forum/" class="postlink" target="_blank"><img src="http://nsa15.casimages.com/img/2010/05/31/100531122419333871.png" border="0" alt="" /></a>
<a href="http://reborn-rpg.pureforum.net/forum.htm"><img src="http://i38.servimg.com/u/f38/11/08/91/18/part1010.png"/></a>
 <a href="http://kiss-academy.forumactif.org/"><img src="http://i60.servimg.com/u/f60/12/80/18/70/yq18fc10.jpg"/></a>
<a href="http://mylady-mylord.forums-actifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/9193508831.png" border="0" alt="" /></a>
<a href="http://shitoku.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i67.servimg.com/u/f67/11/67/35/90/bouton11.png" border="0" alt="" /></a>
<a href="http://pensionnat-yokasami.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/44816814b1.png" border="0" alt="" /></a>
<a href="http://murasaki-suishou.un concurrent.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://img28.xooimage.com/files/2/8/c/bouton-p1-1915c52.png" border="0" alt="" /></a>
<a href="http://pensionnat-shyzen.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/91597988313.png" border="0" alt="" /></a>
<a href="http://reinventeladestinee.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i28.servimg.com/u/f28/14/58/50/16/rld_ic11.jpg" border="0" alt="" /></a>
  <a href="http://aijounainosekai.superforum.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/148574partenariatanns.png" border="0" alt="" /></a></div></center><!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <table>
      <tr>
          <td>
            <div>
                <div>
                  <div>
    <!-- END html_validation -->
                  </div>
                </div>
                <!-- BEGIN switch_footer_links -->
                <div align="center">
                  <div class="gen">
                      <!-- BEGIN footer_link -->
                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                        <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                      <!-- END footer_link -->
                  </div>
                </div>
                <!-- END switch_footer_links -->
            </div>
            {PROTECT_FOOTER}
          </td>
      </tr>
    </table>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
    //]]>
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
      if ($('a#logout'))
      {
          var lien_redir = $('a#logout').attr('href');

          if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
          {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
          }
      }
    });

    $(document).ready( function() {
      $('a#logout').click( function() {
          FB.logout();
      } );
    });
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
      fa_endpage();
    //]]>
    </script>
    <script type="text/javascript">
    gradualFader.init() //activate gradual fader
    </script>
    </body>
    </html>
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->
Si vous pouviez me le mettre correctement, ça irait beaucoup plus vite. XD
Merci.

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par NatureSauvage le Jeu 28 Juin 2012 - 9:10

Désolé, je ne trouve pas pour le défilement. ><
Du coup, sans défilement, ton template overall_footer begin donne cela :

Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
  <div class="partenaires_footer_header" style="text-align: center;">Parce que nos petits partenaires le valent bien ! </div>
  <div class="partenaires_footer">
  <a href="http://tales-of-world.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/17/07/98/76/88x3110.jpg" border="0" alt="" /></a>
<a href="http://strong-world.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/kyukyu12.jpg" border="0" alt="" /></a> <a href="http://pensionnat-interdit.actifforum.com"><img src="http://i56.tinypic.com/2dubm3b.png" border="0" alt="" /></a> <a href="http://isei-gakuen.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/12/80/18/70/isei_b10.jpg" border="0" alt="" /></a> <a href="http://hetalia.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img217.imageshack.us/img217/3600/aphrpg1.jpg" border="0" alt="" /></a> <a href="http://gokusha-no-neko.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i52.tinypic.com/2rr3239.jpg" border="0" alt="" /></a> <a href="http://theoc-area.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/11/50/88/37/topsit18.png" border="0" alt="" /></a> <a href="http://gakuenpokemon.forumactif.org/"><img src="http://img4.hostingpics.net/pics/826621part1.png"/></a> <a href="http://kagawa.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img198.imageshack.us/img198/4467/boutonkagawa.jpg"/></a> <a href="http://saigo-chanbara-rpg.forums-rpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/25961688x31saigochanbara.jpg" border="0" alt="" /></a> <a href="http://karnevale-avenue.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/718684ka88.jpg" border="0" alt="" /></a> <a href="http://fiorenooukoku.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/11/71/23/53/parten11.gif" border="0" alt="" /></a>
<a href="http://ephaelya.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/16/52/99/62/10122310.jpg" border="0" alt="" /></a>
<a href="http://fairy-tail-world-rpg.forumsactifs.net/forum/" class="postlink" target="_blank"><img src="http://nsa15.casimages.com/img/2010/05/31/100531122419333871.png" border="0" alt="" /></a>
<a href="http://reborn-rpg.pureforum.net/forum.htm"><img src="http://i38.servimg.com/u/f38/11/08/91/18/part1010.png"/></a>
 <a href="http://kiss-academy.forumactif.org/"><img src="http://i60.servimg.com/u/f60/12/80/18/70/yq18fc10.jpg"/></a>
<a href="http://mylady-mylord.forums-actifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/9193508831.png" border="0" alt="" /></a>
<a href="http://shitoku.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i67.servimg.com/u/f67/11/67/35/90/bouton11.png" border="0" alt="" /></a>
<a href="http://pensionnat-yokasami.1fr1.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/44816814b1.png" border="0" alt="" /></a>
<a href="http://murasaki-suishou.un concurrent.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://img28.xooimage.com/files/2/8/c/bouton-p1-1915c52.png" border="0" alt="" /></a>
<a href="http://pensionnat-shyzen.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/91597988313.png" border="0" alt="" /></a>
<a href="http://reinventeladestinee.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i28.servimg.com/u/f28/14/58/50/16/rld_ic11.jpg" border="0" alt="" /></a>
  <a href="http://aijounainosekai.superforum.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/148574partenariatanns.png" border="0" alt="" /></a>
  </div>
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre en tout bas de page.

Message par Oz-Chan le Jeu 28 Juin 2012 - 13:30

Merci !
Mais j'ai tout de même besoin du défilement. ^^' Et le code que vous m'avez donner là, à tout déformer.. ><'
Est-ce que quelqu'un d'autre peut m'aider s'il vous plait?

Finalement j'ai réussi à trouver toute seule et c'était tout con. Merci quand même de l'aide. \0

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

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


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