It is currently Fri 30 Sep 2016 - 15:27 - créer un forum

Une bannière aléatoire

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 312, 13, 14, 15  >

Une bannière aléatoire
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Thu 25 Jun 2009 - 10:27    Post subject: Une bannière aléatoire Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

vonjour

ici
Code: Sélectionner - Agrandir

<onload="bascule()" bgcolor="#384E59" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<a name="top"></a>


mets comme ça
Code: Sélectionner - Agrandir

<body onload="bascule()" bgcolor="#384E59" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<a name="top"></a>
Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Thu 25 Jun 2009 - 10:38    Post subject: Une bannière aléatoire Reply with quote

 
Code: Sélectionner - Agrandir


<a name="top">[/url] 




Themalin peux tu prendre la peine de vérifier les messages que tu poste afin d'éviter de donner des réponses erronées aux membres. La relecture et la correction de ta réponse ne seront pas du luxe.
Merci
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Daniel Evans


Offline
Guest




PostPosted: Sun 16 Aug 2009 - 15:48    Post subject: Une bannière aléatoire Reply with quote

Trè bon tuto, mais comment mettre ces images aléa dans un module?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 16 Aug 2009 - 18:53    Post subject: Une bannière aléatoire Reply with quote

bonjour

il suffit de faire exactement comme indiqué mais tu fais ceci

panneau admin
portail
gérer les modules
créer un module tu cliques sur le bouton <>
tu mets ceci
Code: Sélectionner - Agrandir
<img name="choix" src="Adresse image 1" border="0">

envoyer
puis gérer les pages
gérer et tu insères le module
_______________________


Forum
Author Message
Daniel Evans


Offline
Guest




PostPosted: Sun 16 Aug 2009 - 21:50    Post subject: Une bannière aléatoire Reply with quote

C'est ce que j'ai fait mais au lieu d'afficher une seule image, le forum les affiche toutes!

Author Message
Daniel Evans


Offline
Guest




PostPosted: Mon 17 Aug 2009 - 00:16    Post subject: Une bannière aléatoire Reply with quote

Désolé pour le double post=)
ça marche pour moi maintenant, mais ça tombe toujours sur quelques images précises alors qu'il y en a environ 200, que faire?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 17 Aug 2009 - 10:59    Post subject: Une bannière aléatoire Reply with quote

si tu veux un meilleur effet de l'aléatoire il vaut mieux trouver un autre code qui te convient mieux

http://www.editeurjavascript.com/
_______________________


Forum
Author Message
Magic'


Offline
Guest




PostPosted: Wed 4 Nov 2009 - 12:34    Post subject: Une bannière aléatoire Reply with quote

Bonjour, très bon tuto et merci, il marche bien
Le seul petit truc embêtant c'est qu'il y a un temps de chargement de 3-4 secondes de la bannière sur mon fofo entre chaque changement de page
Est-ce normal ?
Mr. Green


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 4 Nov 2009 - 12:47    Post subject: Une bannière aléatoire Reply with quote

bonjour

je n'ai as de soucis avec la bannière
ça peut venir de toi
_______________________


Forum
Author Message
Magic'


Offline
Guest




PostPosted: Wed 4 Nov 2009 - 12:55    Post subject: Une bannière aléatoire Reply with quote

Même à présent ? A un moment, j'ai remis ma bannière par défaut, je crois que t'es tombé sur le fofo à ce moment là ^^

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 4 Nov 2009 - 12:56    Post subject: Une bannière aléatoire Reply with quote

quand je clique sur la bannière j'ai bien une autre qui apparait en mois de 1 seconde
_______________________


Forum
Author Message
Magic'


Offline
Guest




PostPosted: Wed 4 Nov 2009 - 15:28    Post subject: Une bannière aléatoire Reply with quote

oui, y a un petit temps d'attente, moi c'est 2-3 secondes à peu près ; un peu gênant quand on change de page assez souvent

Author Message
Bervi


Offline
Guest




PostPosted: Wed 4 Nov 2009 - 15:41    Post subject: Une bannière aléatoire Reply with quote

Bonjours plus ta barre est élaborée images,texte... plus le temps de chargement sera long tu peux toujours essayer d'alléger tes images mais il y a peu de chance pour que ta barre s'affiche instantanément.

Cordialement


Author Message
TanKeurK


Offline
Guest




PostPosted: Sun 7 Mar 2010 - 20:52    Post subject: Une bannière aléatoire Reply with quote

Bonjour,

Je me demandais si il étais possible de faire pareil pour le " Who's Online ? "

J'ai bien tenter mais ca se transforme en catastrophe... x' D

Merci Smile


Author Message
not


Offline
Guest




PostPosted: Thu 18 Mar 2010 - 04:41    Post subject: Une bannière aléatoire Reply with quote

Bonjour, rien a faire je n'y arrive pas pourtant j'ai pas fais d'erreur enfin je crois pas si quelqu'un peux m'aider merci

 

Code: Sélectionner - Agrandir


 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img4.xooimage.com/files/5/c/3/onyx-e564c.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   
    background-image: url(http://img2.xooimage.com/files/0/8/8/fond-modifi--18ac295-19da5cb.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #444444;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color:  #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR1}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img6.xooimage.com/files/b/a/back_catd-758c2.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img9.xooimage.com/files/b/a/back_title-758bb.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img6.xooimage.com/files/f/8/9/back_catg-758be.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- DEBUT DU SCRIPT --><style>
.spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:10pt;
    font-family:Verdana;
      font-weight:bold;
    color:#CC0000;
}
</style>
<script language=JavaScript>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php

*/

var x,y
var step=20
var flag=0

var message='KIP '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
    xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
    ypos[i]=-50
}
function handlerMM(e){
    x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
       y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    flag=1
}

function makesnake() {
    if (flag==1 && document.getElementById) {
        for (i=message.length-1; i>=1; i--) {
               xpos[i]=xpos[i-1]+step
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+step
        ypos[0]=y

        for (i=0; i<message.length-1; i++) {
            var thisspan = document.getElementById('span'+(i)).style;
            thisspan.left=xpos[i]
            thisspan.top=ypos[i]
        }
    }
        var timer=setTimeout("makesnake()",30)
}

</script>
<script language="JavaScript">
var nb = 0;
var hasard = 0;

banniere = new Array;
banniere[1] = new Image();
banniere[1].src = "http://s2.noelshack.com/uploads/images/2213798498010_kip_bann.png";
banniere[2] = new Image();
banniere[2].src = "http://s2.noelshack.com/uploads/images/15764396352705_kip_bann_opti_2.png";
banniere[3] = new Image();
banniere[3].src = "http://s2.noelshack.com/uploads/images/15764396352705_kip_bann_opti_2.png";
banniere[4] = new Image();
banniere[4].src = "http://s2.noelshack.com/uploads/images/15764396352705_kip_bann_opti_2.png";

function bascule() {
var numimg = banniere.length - 1;
do {
var nombre = Math.random();
nb = Math.round((numimg - 1) * nombre) + 1;
} while (nb == hasard);
hasard = nb;
document.choix.src = banniere[hasard].src;
}
</script>
<!-- FIN DU SCRIPT --></head>
<body  onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
<td width="100%">
             <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td height="38" width="32" style="background-image: url('http://s2.noelshack.com/uploads/images/19692682934760_cadre_fofo_coin_hg.png'); background-position: bottom right;">&nbsp;</td>
                <td height="38" style="background-image: url('http://s2.noelshack.com/uploads/images/17343966469896_cadre_haut_bas.png'); background-position: bottom;">&nbsp;</td>
                <td height="38" width="32" style="background-image: url('http://s2.noelshack.com/uploads/images/6204092668686_cadre_fofo_coin_hd.png'); background-position: bottom left;">&nbsp;</td>
              </tr>
              <tr>
                <td  width="32" style="background-image: url('http://s2.noelshack.com/uploads/images/12709743168573_cadre_fofo_droit_gauche.png'); background-position: right;">&nbsp;</td>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img name="choix" img src="http://s2.noelshack.com/uploads/images/2213798498010_kip_bann.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/f/b/0/image-forum-v3-19b9533.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/9/f/1/image-faq-v2-19b94bb.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/8/f/a/image-recherche-v2-19b939e.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img2.xooimage.com/files/1/f/7/image-membres-v2-19b9375.png" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img2.xooimage.com/files/5/6/1/image-groupes-v2-19b9344.png" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/9/4/image-profil-v2-19b9390.png" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img6.xooimage.com/files/f/4/4/image-d-co-v3-19b9545.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/f/b/0/image-forum-v3-19b9533.png" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img10.xooimage.com/files/9/f/1/image-faq-v2-19b94bb.png" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/8/f/a/image-recherche-v2-19b939e.png" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/3/c/d/s-enre-19dcf3e.png" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/8/d/8/connect-19dcf38.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

        <br />
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script language=JavaScript>
for (i=0;i<=message.length-1;i++) {
    document.write("<DIV id=span"+i+" class=spanstyle>")
    document.write(message[i])
    document.write("</DIV>")
}

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = handlerMM;
   }

window.onload = makesnake;
</script>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/mycircle/">echange de lien</a></noscript></body>

 


mon forum: http://killinpeace.xooit.fr/index.php


Author Message
go2froy


Offline
Guest




PostPosted: Sun 28 Mar 2010 - 02:40    Post subject: Une bannière aléatoire Reply with quote

Bonjour

Je remercie par avance celui qui pourra me donné réponse a mon sujet, j'explique ma demande :

Je possède un portail/forum, j'ai suivi le Tuto correctement seulement dans l'étape de modification de ladite Bannière il me change mon LOGO alors que celui ci reste en place et ce qui dois être modifié est en faite le BACKGROUND.

voici mon code :

 
Code: Sélectionner - Agrandir

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<script language="JavaScript">
var nb = 0;
var hasard = 0;

banniere = new Array;
banniere[1] = new Image();
banniere[1].src = "http://img10.xooimage.com/files/f/8/1/background-90741-18f4476.jpg";
banniere[2] = new Image();
banniere[2].src = "http://img47.xooimage.com/files/6/5/5/background5-1a59555.jpg";
banniere[3] = new Image();
banniere[3].src = "http://img40.xooimage.com/files/9/e/3/background4-1a59545.jpg";
banniere[4] = new Image();
banniere[4].src = "http://img41.xooimage.com/files/a/1/6/background3-1a59531.jpg";
banniere[5] = new Image();
banniere[5].src = "http://img43.xooimage.com/files/c/3/d/background2-1a59523.jpg";
banniere[6] = new Image();
banniere[6].src = "http://img23.xooimage.com/files/9/c/a/background1-1a59508.jpg";

function bascule() {
var numimg = banniere.length - 1;
do {
var nombre = Math.random();
nb = Math.round((numimg - 1) * nombre) + 1;
} while (nb == hasard);
hasard = nb;
document.choix.src = banniere[hasard].src;
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img2.xooimage.com/files/8/0/c/script-304cde.js">
</script>
<style type="text/css">
<!--
/*
  WorkStation_fusion Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
    
    background-image: url(http://img6.xooimage.com/files/f/8/d/background-90741-198b3b7.jpg);
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top right;
    background-color: {T_BODY_BGCOLOR}; 
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #ff9900;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR3}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TR_COLOR3};
        background-image: url(http://img5.xooimage.com/files/b/a/back_catd-90742.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_TH_COLOR1}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img9.xooimage.com/files/b/a/back_title-9073e.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/b/a/back_catg-9073f.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }

/* Optionnal text */
.class1 { font-size : {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }
.class2 { font-size : {T_FONTSIZE1}px; color : {T_TR_COLOR1}; }
.class3    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_TR_COLOR1}; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_TR_COLOR1}}
a.cattitle        { text-decoration: none; color : {T_TR_COLOR1}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img6.xooimage.com/files/b/4/2/formie-1a0d0f7.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>

<body onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr> 
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img10.xooimage.com/files/b/c/f/logo-90743-18f318c.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_index-90744.png" width="137" height="102" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/iconminifaqzt1-88524.png" width="31" height="102" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/iconminisearchfy3-88a33.png" width="90" height="102" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/iconminimemberstt9-88a36.png" width="65" height="102" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/iconminigroupsan8-8850e.png" width="61" height="102" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/iconminiprofilemi2-88528.png" width="43" height="102" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" height="102" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/iconminilogoutoh5-88a4c.png" width="102" height="102" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_index-90744.png" width="137" height="102" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/iconminifaqzt1-88524.png" width="31" height="102" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/iconminisearchfy3-88a33.png" width="90" height="102" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/iconminiregisterel9-88c9a.png" width="100" height="102" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/iconminiloginrf2-88509.png" width="103" height="102" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>   

        <br />
 


donc ma requête pouvoir avoir que ce soit sur portail ou forum un background aléatoire car je possède 6 images différentes nommé dans le code en background1 a 6, espérant bien-sur la manipulation réalisable.

donc je cherche un même système mais pour le background-image

  
Code: Sélectionner - Agrandir
   background-image: url(http://img6.xooimage.com/files/f/8/d/background-90741-198b3b7.jpg);
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top right;
    background-color: {T_BODY_BGCOLOR}; 
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #ff9900;
    scrollbar-track-color: #202020;


Author Message
Contenu Sponsorisé





PostPosted: Today at 15:27    Post subject: Une bannière aléatoire

Display posts from previous:   
Reply to topic Page 13 of 15 Goto page: <  1, 2, 312, 13, 14, 15  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401