Cadre en tout bas de page.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Cadre en tout bas de page.
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 :
Merci de votre future aide !
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;
}
- 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
Re: Cadre en tout bas de page.
Bonjour =)
Dans ton template, juste après la ligne 69 - après le </div> - il faut rajouter :
Et dans le CSS, tu rajoutes :
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
}
Re: Cadre en tout bas de page.
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 !
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 !
Re: Cadre en tout bas de page.
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) :
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.
Il provient d'ici.
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.
Il provient d'ici.
Re: Cadre en tout bas de page.
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à ;
et le CSS
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");
}
Re: Cadre en tout bas de page.
Veux-tu que ce cadre s'affiche sur toutes tes pages ou seulement sur l'index ? =)
Re: Cadre en tout bas de page.
Sur toutes les pages si possible s'il vous plaît. ^^
Re: Cadre en tout bas de page.
Il faut que tu mettes ton div class="partenaires_footer" dans le template overall_footer_begin, juste après le :
Pour le défilement, tu copies tout le script dans ton div et tu personnalises les variables qui sont au début.
- 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.
Re: Cadre en tout bas de page.
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
Merci.
- 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 -->
Merci.
Re: Cadre en tout bas de page.
Désolé, je ne trouve pas pour le défilement. ><
Du coup, sans défilement, ton template overall_footer begin donne cela :
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 -->
Re: Cadre en tout bas de page.
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
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
Sujets similaires
» Page d'accueil supprimer le cadre connecter en tant que et tout les nouveaux message etc..
» Comment occuper tout l'espace de ce cadre..
» Background fixe au cadre en tout temps
» Taille du cadre identique sur tout les écrans.
» Mettre le cadre "annonce et note" au dessus de tout
» Comment occuper tout l'espace de ce cadre..
» Background fixe au cadre en tout temps
» Taille du cadre identique sur tout les écrans.
» Mettre le cadre "annonce et note" au dessus de tout
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum