Forum du site VosForums Index du Forum Forum du site VosForums
Forum d'annonces, support et échanges entre webmaster du site VosForums.com
 
 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres   Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

 

Les scripts pour portails

 
Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets.   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.    Forum du site VosForums Index du Forum -> TUTORIELS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Sam 26 Nov 2005 19:29    Sujet du message: Les scripts pour portails Répondre en citant
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


Citation:
<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>

_________________
Audax, modérateur



Dernière édition par audax le Dim 27 Nov 2005 10:34; édité 2 fois
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Sam 26 Nov 2005 19:47    Sujet du message: Répondre en citant
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:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Sam 26 Nov 2005 20:20    Sujet du message: Répondre en citant
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:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Dim 27 Nov 2005 01:16    Sujet du message: Répondre en citant
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;

Citation:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Dim 27 Nov 2005 15:00    Sujet du message: Répondre en citant
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:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Dim 27 Nov 2005 15:16    Sujet du message: Répondre en citant
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:
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;




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



Code:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Mar 29 Nov 2005 00:59    Sujet du message: Répondre en citant
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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
audax
Modérateur
Modérateur


Inscrit le: 19 Nov 2004
Messages: 1619
MessagePosté le: Dim 11 Déc 2005 15:53    Sujet du message: Répondre en citant
Script pour avoir un calendrier dans un bloc pour le portail

Arrow script à insérer dans un bloc du portail

Code:
<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

Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
Montrer les messages depuis:   
Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets.   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.    Forum du site VosForums Index du Forum -> TUTORIELS Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum


Service fourni par VosForums.com © 2004 - 2008 | Signaler un contenu illicite | Marquer comme spam | Powered by phpBB © 2001, 2002 phpBB Group
phpBB SEO | Traduction par : phpBB-fr.com