Fork me on GitHub

Rapport de message :*
 

Re: Comment inscire la date en haut d'écran.

Titre du sujet : Re: Comment inscire la date en haut d'écran.
par phmo sur 31/03/2006 23:21:09

Bonsoir,

Tu crées un fichier clock.js contenant ce code :

var dayarray=new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi")
var 
montharray=new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre")
function 
getthedate()
{
    var 
mydate=new Date()
    var 
year=mydate.getYear()
    if (
year 1000)
        
year+=1900
    
    
var day=mydate.getDay()
    var 
month=mydate.getMonth()
    var 
daym=mydate.getDate()
    if (
daym<10)
        
daym="0"+daym
    
    
var hours=mydate.getHours()
    var 
minutes=mydate.getMinutes()
    var 
seconds=mydate.getSeconds()
    var 
dn=""
    
    
    
{
         
= new Date();
         
Time24H = new Date();
         
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
         
InternetTime Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
         if (
InternetTime 10InternetTime "00"+InternetTime;
         else if (
InternetTime 100InternetTime "0"+InternetTime;
    }
    if (
hours<=9)
        
hours="0"+hours
    
if (minutes<=9)
        
minutes="0"+minutes
    
if (seconds<=9)
        
seconds="0"+seconds
    
//change font size here
    
var cdate=dayarray[day]+" "+daym+" "+montharray[month]+"  "+year+" | "+hours+":"+minutes+":"+seconds+" "+dn+""
    
if (document.all)
        
document.all.clock.innerHTML=cdate
    
else if (document.getElementById)
        
document.getElementById("clock").innerHTML=cdate
    
else
        
document.write(cdate)
    }

    if (!
document.all&&!document.getElementById)
    
getthedate()

function 
goforit()
{
    if (
document.all||document.getElementById)
        
setInterval("getthedate()",1000)
}
window.onload=goforit


que tu mets dans le répertoire "images" de ton thème.


Dans le fichier style.css de ton thème tu ajoutes ce code :

.vrijeme
{
    
background-color#5F8C00;
    
padding-top7pxpadding-left5px;
    
font-size10px;
    
color#FFFFFF;
}


qui te permettra de déterminer l'apparence de l'horloge.

Enfin dans theme.html de ton thème, tu ajoutes quelque chose comme ça à l'endroit où tu veux mettre ton horloge :

<td align="right" class="vrijeme"><span id="clock"></span> <script language="JavaScript" type="text/javascript" src="<{$xoops_imageurl}>images/clock.js">
      
</script> &nbsp;</td>


En plus de la date, ça affiche l'heure du poste client.

D'après 7dana.com

Citation :
2- Comment enlever l'image en haut à gauche de l'écran ou la remplacer par une autre.


Tu cliques dessus bouton droit/propriétés pour voir le nom et l'url de ton image.

Philippe.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

143 Personne(s) en ligne (128 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 143 | Plus ...