Les scripts pour portails


Didacticiels - Modes d'emplois - Apprentissage
Comment installer des smilies, avatars, rangs, créer et déplacer des catégories, gérer les profils, insérer des scripts …

Modérateurs: support, audax, scoreboard

Les scripts pour portails

Messagepar audax » Sam 26 Nov 2005 20:29

:arrow: Pour les portails, scripts qui donne sur les résultats de sports en direct

Pour les portails, vous créé un nouveau bloc et vous inséré ce script dans le bloc.. uniquement pour les blocs des portails pas pour les forums...

:arrow: comment créer un bloc pour le portail

ce qui donne ceci; voir mon portail démo

démo sur mon portail

code à insérer soit ici..

cliquez sur l'image

Le script


<center><table width="278" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" align="center">
<img src="http://lequipe.fr/home/logo_v3.gif" width="256"
height="39" vspace="4">
</td>
</tr>
<tr>
<td colspan="3"><a href=#javascript: onClick="window.open
('http://lequipe.fr/flux.html','_blank','toolbar=0,location=0,
directories=0,menuBar=0,scrollbars=1 ,resizable=1 ,WIDTH=484 ,
HEIGHT=440')"><img src="http://lequipe.fr/home/img_chrono.gif"
width="278" height="19" border="0"></a></td>
</tr>
<tr>
<td width="4" bgcolor="#000000"><img src="http://lequipe.fr/home/pts.gif"
width="4" height="4"></td>
<td width="268"><iframe src="http://lequipe.fr/module_actualite.html"
width="270" height="91" frameborder="0"></iframe></td>
<td width="4" bgcolor="#000000"><img src="http://lequipe.fr/home/pts.gif"
width="4" height="4"></td>
</tr>
<tr>
<td width="278" bgcolor="#000000" colspan="3">
<img src="http://lequipe.fr/home/pts.gif" width="1" height="4"></td>
</tr>
<tr>
<td colspan="3"><img src="http://lequipe.fr/home/pts.gif" width="10" height="4"></td>
</tr>
<tr>
<td colspan="3"><a href=#javascript: onClick="window.open
('http://lequipe.fr/chrono_live.html','_blank','toolbar=0,location=0,
directories=0,menuBar=0,scrollbars=1 ,resizable=1 ,WIDTH=484 ,HEIGHT=440')">
<img src="http://lequipe.fr/home/img_live.gif" width="278" height="19" border="0"></a></td>
</tr>
<tr>
<td width="4" bgcolor="#000000"><img src="http://lequipe.fr/home/pts.gif" width="4"
height="4"></td>
<td width="268"><iframe src="http://lequipe.fr/live.html" width="270" height="93"
frameborder="0"></iframe></td>
<td width="4" bgcolor="#000000"><img src="http://lequipe.fr/home/pts.gif" width="4"
height="4"></td>
</tr>
<tr>
<td width="278" bgcolor="#000000" colspan="3"><img src="http://lequipe.fr/home/pts.gif"
width="1" height="4"></td>
</tr><br>
</table><br></center>
Dernière édition par audax le Dim 27 Nov 2005 11:34, édité 2 fois.
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Sam 26 Nov 2005 20:47

Script qui donne les nouveautées en salle de cinéma

Script à insérer dans un nouveau bloc du portail..

démo sur mon portail

Code: Tout sélectionner
<IFRAME height=550 width=545 border=0 Marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=yes SRC="http://www.sortie-cinema.com/service.php"></IFRAME><noscript><a href=http://www.sortie-cinema.com>Sortie-cinema</a></noscript>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Sam 26 Nov 2005 21:20

Script d'un moteur de recherche de logiciels sur télécharger.com..

démo sur mon portail

Vous vous créez un nouveau bloc et vous insérez ce script.

Code: Tout sélectionner
<center>         <FORM action=http://telecharger.01net.com/cgi-bin/Total.pl method=get target=_blank><INPUT name=searchstring size=12>
<INPUT type=submit value=go><select size="1" name="system">
    <option value="windows">Pour Windows</option>
    <option  value="mac">Pour Mac</option>
    <option  value="palm">Pour Palm</option>
    <option  value="dos">Pour Dos</option>
    <option  value="linux">Pour Linux</option>
    <option  value="beos">Pour BeOS</option>
    <option value="">Pour Tous</option>
    <option  value="windows-ce">Pour Pocket PC</option>
    </select></FORM></center>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Dim 27 Nov 2005 02:16

Script pour l'affichage de la météo sur le portail en inscrivant le nom de votre ville ou village..

démo sur mon portail

Vous créez un noubeau bloc et vous placez ce script;

<center><table border=0 cellpadding=1 cellspacing=0 bgcolor=#000080>
<form method=get action=http://meteodirect.meteoconsult.fr/detail/selection.php target=_blank>
<tr>
<td>
<table border=0 cellpadding=6 cellspacing=0 bgcolor=#FFFFFF>
<tr align=center>
<td colspan=2><a href=http://www.meteoconsult.com target=_blank><img alt="Toutes les météos" src="http://www.meteoconsult.fr/image/logo/meteoconsult/mc_haut_135x54.gif" border=0></a></td>
</tr>
<tr>
<td colspan=2 align=center style=font-size=11px;color:#000080>
<input type=hidden name=langue value="fr">
<input type=hidden name=type_meteo value="france">
<br>Tapez une ville française<br>ou un code postal<br>
<input type=text name=saisie style=width:100%;font-size:11px;color:#000080>
<br>
<input type=submit value='Détails Météo'>
</td>
</tr>
</table>
</td>
</tr>
</form>
</table></center>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Dim 27 Nov 2005 16:00

Script pour afficher l'oroscope sur un bloc de votre portail

démo sur mon portail

vous créez un nouveau bloc et vous insérez ce script;

Code: Tout sélectionner
<center><!--DEBUT CODE ASTROO-->
<iframe width="210" height="190" marginheight="0" marginwidth="0" frameborder="0" align="center" src="http://www.astroo.net/horoscope.htm" name="astroo" allowtransparency="true">
<a href="http://www.astroo.com/horoscope.php" target="_top" title="Cliquez-ici pour afficher l'horoscope quotidien"><font face="Verdana" size="2"><b>afficher l'horoscope quotidien</b></font></a></iframe>
<noscript><a href="http://www.astroo.com/horoscope.php" target="_blank">horoscope</a></noscript>
<!--FIN CODE ASTROO--></center>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Dim 27 Nov 2005 16:16

Script pour avoir de la neige sur le portail

démo sur mon portail

Ce script est l'un des meilleurs car il est compatibles IE et Mozilla..

Ne placer que sur le portail..

:arrow: sur un forum, il risquerait de le bloquer..

:arrow: Vous pouvez le paramétrer en lui donnant plus de flocons, moin de flocons, la vitesse de tombé de la neige..
la neige ne tombe pas jusqu'en bas du portail..


le flocon de neige est ceci;
Code: Tout sélectionner
var snowletter="*"
le *

vous pouvez placer un autre sigle de votre clavier


Sur le portail, vous le placer dans le bloc d'entête que vous avez..

Si vous n'avez pas de bloc d'entête, vous en créez un, et vous insérez le script. et vous cochez "non"

c'est à dire comme ceci;

Image


et dans la structure du portail, vous le placez en entête..



Code: Tout sélectionner
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=2

// Set the maximal-size of your snowflaxes
var snowmaxsize=30

// Set the minimal-size of your snowflaxes
var snowminsize=10

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Mar 29 Nov 2005 01:59

Scripts d'horloges ou de montres pour portail..

A insérer dans un bloc..


scripts horloge (il faut cliquer sur les montres ou horloges pour avoir le script)

et d'autres ici
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Dim 11 Déc 2005 16:53

Script pour avoir un calendrier dans un bloc pour le portail

:arrow: script à insérer dans un bloc du portail

Code: Tout sélectionner
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT TROUVE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/*******************************************************
* CALENDRIER GREGORIEN PERPETUEL v1.0 *
* par SKAMP (skamp@befrance.com) (09/09/2000) *
********************************************************
* Ce script permet de choisir un mois et une annee en *
* particulier, afin d'afficher dynamiquement le *
* calendrier correspondant. Par defaut c'est celui du *
* mois courant qui s'affiche. Note : la 1ere semaine *
* de l'annee commence le 1er lundi. *
* *
* Le code suivant s'inspire de celui de Jean-Michel *
* Berthier (berth@cybercable.fr, *
* perso.cybercable.fr/berth/jstips/calendrier.htm). *
* *
* MODIFICATIONS NECESSAIRES POUR PORTAGE VERS D'AUTRES *
* NAVIGATEURS : N'A ETE TESTE QUE SOUS MICROSOFT *
* INTERNET EXPLORER 5.00.2614.3500 *
*******************************************************/
var HTMLCode = "";
var DaysList = new Array("Jour_Vide", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam", "Dim");
var MonthsList = new Array("Mois_Vide", "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre");
var MonthLength = new Array("Mois_longueur_vide",31,29,31,30,31,30,31,31,30,31,30,31);

var QueryDate = 0; /* Jour demande (date)*/
var QueryMonth = 0; /* Mois demande*/
var QueryYear = 0; /* Annee demandee*/
var QueryDay = 0; /* Jour de la semaine du jour demande, inconnu*/
var FirstDay = 0; /* Jour de la semaine du 1er jour du mois*/
var WeekRef = 0; /* Numerotation des semaines*/
var WeekOne = 0; /* Numerotation des semaines*/

var Today = new Date();
var TodaysYear = Today.getYear();
var TodaysMonth = Today.getMonth() + 1;
var TodaysDate = Today.getDate();
var TodaysDay = Today.getDay() + 1;
if (TodaysYear < 2000) { TodaysYear += 1900; }

/* On commence par verifier les donnees fournies par l'utilisateur*/
function CheckData()
{
QueryDate = document.Cal.Date.selectedIndex + 1;
QueryMonth = document.Cal.Month.selectedIndex + 1;
QueryYear = (document.Cal.Century.selectedIndex + 15) * 100 + document.Cal.Year.selectedIndex;
MonthLength[2] = CheckLeap(QueryYear);

/* on teste si la date choisie est anterieure au lundi 20 decembre 1582*/
if ((QueryYear * 10000 + QueryMonth * 100 + QueryDate) < 15821220)
{
alert("Vous avez choisi une date antérieure au 20 décembre 1582, hors du calendrier Grégorien. \nVeuillez sélectionner une date plus récente.");
document.Cal.reset();
CheckData();
}
else if (MonthLength[QueryMonth] < QueryDate) /* on verifie si la date est coherente*/
{
alert("Il n'y a pas " + QueryDate + " jours en " + MonthsList[QueryMonth] + " " + QueryYear + " mais " + MonthLength[QueryMonth] + ". \nVeuillez choisir une autre date.");
document.Cal.reset();
CheckData();
}
else { DisplaySchedule(); }

}
/* Teste une annee pour determiner si elle est bissextile ou pas*/
function CheckLeap(yy)
{
if ((yy % 100 != 0 && yy % 4 == 0) || (yy % 400 == 0)) { return 29; }
else { return 28; }
}

/* Renvoie le numero de la semaine correspondant a la date requise*/
function DefWeekNum(dd)
{
numd = 0;
numw = 0;
for (n=1; n<QueryMonth; n++)
{
numd += MonthLength[n];
}
numd = numd + dd - (9 - DefDateDay(QueryYear,1,1));
numw = Math.floor(numd / 7) + 1;

if (DefDateDay(QueryYear,1,1) == 1) { numw++; }
return numw;
}

/* Renvoie le numero du jour de la semaine correspondant a la date requise */
function DefDateDay(yy,mm,dd)
{
return Math.floor((Date2Days(yy,mm,dd)-2) % 7) + 1;
}

/* Transforme la date en nb de jours theoriques */
function Date2Days(yy,mm,dd)
{
if (mm > 2)
{
var bis = Math.floor(yy/4) - Math.floor(yy/100) + Math.floor(yy/400);
var zy = Math.floor(yy * 365 + bis);
var zm = (mm-1) * 31 - Math.floor(mm * 0.4 + 2.3);
return (zy + zm + dd);
}
else
{
var bis = Math.floor((yy-1)/4) - Math.floor((yy-1)/100) + Math.floor((yy-1)/400);
var zy = Math.floor(yy * 365 + bis);
return (zy + (mm-1) * 31 + dd);
}
}

/* Produit le code HTML qui formera le calendrier */
function DisplaySchedule()
{
HTMLCode = "<table cellspacing=0 cellpadding=3 border=3 bordercolor=#000033>";
QueryDay = DefDateDay(QueryYear,QueryMonth,QueryDate);
WeekRef = DefWeekNum(QueryDate);
WeekOne = DefWeekNum(1);
HTMLCode += "<tr align=center><td colspan=8 class=TITRE><b>" + MonthsList[QueryMonth] + " " + QueryYear + "</b></td></tr><tr align=center>";

for (s=1; s<8; s++)
{
if (QueryDay == s) { HTMLCode += "<td><b><font color=#ff0000>" + DaysList[s] + "</font></b></td>"; }
else { HTMLCode += "<td><b>" + DaysList[s] + "</b></td>"; }
}

HTMLCode += "<td><b><font color=#888888>Sem</font></b></td></tr>";
a = 0;

for (i=(1-DefDateDay(QueryYear,QueryMonth,1)); i<MonthLength[QueryMonth]; i++)
{
HTMLCode += "<tr align=center>";
for (j=1; j<8; j++)
{
if ((i+j) <= 0) { HTMLCode += "<td>&nbsp;</td>"; }
else if ((i+j) == QueryDate) { HTMLCode += "<td><b><font color=#ff0000>" + (i+j) + "</font></b></td>"; }
else if ((i+j) > MonthLength[QueryMonth]) { HTMLCode += "<td>&nbsp;</td>"; }
else { HTMLCode += "<td>" + (i+j) + "</td>"; }
}

if ((WeekOne+a) == WeekRef) { HTMLCode += "<td><b><font color=#00aa00>" + WeekRef + "</font></b></td>"; }
else { HTMLCode += "<td><font color=#888888>" + (WeekOne+a) + "</font></td>"; }
HTMLCode += "</tr>";
a++;
i = i + 6;
}

Calendrier.innerHTML = HTMLCode + "</table>";
}
</SCRIPT>
<STYLE type="text/css">
<!--
SELECT, INPUT, TABLE { font-family : Verdana; font-size : 10px; color : #000033; }
.TITRE { font-family : Verdana; font-size : 12px; color : #000033; }
-->
</STYLE>
      <form name="Cal"><center>
<br><br><br><h3>CALENDRIER PERPETUEL</h3>
<script language="JavaScript1.2" type="text/javascript">
/* AFFICHE LES 4 MENUS DEROULANTS PERMETTANT DE
SELECTIONNER LE JOUR, LE MOIS ET L'ANNEE
**************************************************/
DateText = "<select name=\"Date\">"
for (d=1; d<32; d++)
{
DateText += "<option";
if (d == TodaysDate) { DateText += " SELECTED"; }
DateText += ">";
if (d < 10) { DateText += "0"; }
DateText += d + "</option>";
}
DateText += "</select>";
/*************************************************/
MonthText = "<select name=\"Month\">"
for (m=1; m<13; m++)
{
MonthText += "<option";
if (m == TodaysMonth) { MonthText += " SELECTED"; }
MonthText += ">";
MonthText += MonthsList[m] + "</option>";
}
MonthText += "</select>";
/*************************************************/
CenturyText = "<select name=\"Century\">"
for (c=15; c<25; c++)
{
CenturyText += "<option";
if (c == Math.floor(TodaysYear / 100)) { CenturyText += " SELECTED"; }
CenturyText += ">" + c + "</option>";
}
CenturyText += "</select>";
/*************************************************/
YearText = "<select name=\"Year\">";
for (y=0; y<100; y++)
{
YearText += "<option";
if (y == (TodaysYear - Math.floor(TodaysYear / 100) * 100)) { YearText += " SELECTED"; }
YearText += ">";
if (y < 10) { YearText += "0"; }
YearText += y + "</option>";
}
YearText += "</select>";
/*************************************************/
document.write(DateText + MonthText + CenturyText + YearText);
</script><input type="button" value=" OK " style="font-weight: bold" onClick="CheckData()"><br><br>
<input type="button" value=" Revenir à la date courante " style="font-weight: bold" onClick="document.Cal.reset();CheckData()">
<br><br><br>
<div id="Calendrier">
               
            </div>
</center></form>
      <script language="JavaScript1.2" type="text/javascript">CheckData()</script>
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28


Revenir vers TUTORIELS

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invités

cron