Avertissement : tout ceci a bien fonctionné tant que j’étais en php3.
Maintenant que j’ai changé de version de spip, et que je suis en php, il faut adapter !
Base MySQL
Diaporama powerpoint
Diaporama javascript
Album photos
Vidéo
FTP : installation et usage
Un texte surligné
C’est tout simple, rien à changer dans les fichiers : il suffit d’écrire <span style="background-color:#74FFEF"> AVANT LE TEXTE et </span> après le texte
en choisissant la couleur qu’on veut
Cela donne ceci : Un titre surligné
Retour haut de page
Il suffit d’écrire ceci :
<div style="text-align: right;"><a href="" style="color: #0000FF;">Retour ... Haut de Page</a></div>
On peut bien entendu changer l’emplacement avec : text-align : right, ou left ou center
Et changer la couleur avec style=« color : # »
On peut aussi mettre une indication à TOUTES LES PAGES en écrivant ceci dans « article.html » :
<center>
<a href="http://www.journal-la-mee.fr/" style="color: #000;">Page accueil</a>
-- <a href="" style="color: #000;">Haut de Page</a></center>
Cela donne ceci :
— Haut de Page
L’emplacement reste à trouver. Moi je l’ai mis après ceci :
<div class="chapo">#DEBUT_SURLIGNE(#CHAPO)#FIN_SURLIGNE</div>
][<div class="texte">#DEBUT_SURLIGNE(#TEXTE|couleur)#FIN_SURLIGNE</div>
][<div class="ps">#DEBUT_SURLIGNE(#PS)#FIN_SURLIGNE</div>][
<div class="notes">#DEBUT_SURLIGNE(#NOTES)#FIN_SURLIGNE</div>
]
Voir ligne de séparation et Haut de page
Mettre une horloge
En tapant « horloge » ou « clock » sur le moteur Google, on trouve plusieurs sortes d’horloge.
En voici une simple :
<center><SCRIPT type="text/javascript" language="javascript" src="http://www.virtualsined.com/clock/clock.js"></SCRIPT></center>
J’ai mis la phrase ci-dessus dans « article.html ».
Voici une autre horloge, qu’on peut mettre directement dans une page.
Il suffit de taper ceci :
<div style="text-align: center;"><script type="" src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "0009-DkBrown.swf";obj.TimeZone = "GMT-1000";obj.width = 200;obj.height = 200;obj.wmode = "transparent";showClock(obj);</script></div>
Et cette horloge n’occasionne pas d’erreur de validation au W3C.
Date et heure
On peut tout simplement indiquer date et heure avec le script que l’on trouve ici :
http://www.javascriptfr.com/codes/HEURE-DATE_31563.aspx
Il suffit de copier tout le script (détaillé) donné.
D’autres calendriers, sympas, sont disponibles :
ici :http://www.kissdesign.net/calendriers.htm
Attention, ces calendriers sont bien beaux mais .... ils font d’importantes erreurs à la validation W3C donc ... à éviter !
ou ici : http://www.lewebfleuri.com/horloges.php3
Deux body ! Non !
Le problème avec le code javascript ci-dessus, c’est que j’avais deux fois BODY dans « sommaire.html ».
Cela donnait ceci :
<body background="FACC54.jpg">
.....
.....
<body onload="heure()">
....
....
</body>
</body>
Or il ne faut pas mettre deux fois Body.
L’astuce était de mettre les deux dans le même comme ceci :
<body background="FACC54.jpg" onload="heure()">
....
....
</body>
Ca ne se fait pas de mettre « une page dans la page ». le bon format est :
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
Lettrine
Pour mettre la première lettre des paragraphes en « lettrine », voir ici : http://www.spip-contrib.net/Ajouter-une-lettrine-aux-articles
L’inconvénient c’est que cela met tous les débuts de paragraphe en lettrine. Cela peut être lourd.
On peut, à la demande, mettre seulement quelques lettrines. Comme ici :
Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
Pour cela :
1) dans le fichier habillage.css ajouter ceci :
.L {
font-size: 1.7em;
font-weight: bolder;
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
float: left;
margin: 0px 5px 0px 0px;
padding: 2px 5px;
border: thin none #CC9900;
background-color: #FF6666;
text-align: center;
}
2) à chaque fois qu’on veut mettre une lettrine, ici à la lettre A, écrire ceci :
<p>
<span class="L">
avant la lettre A
puis </span> juste après la lettre A
et enfin </p> à la fin du paragraphe.
Cela donne ceci :
Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
Rediriger un site vers une autre adresse
Première méthode :
Il suffit de prendre le fichier index.html
qui se trouve à la racine, et d’écrire dedans :
<meta HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.votre-nouvelle-adresse">
et d’envoyer ce fichier par FTP sur le site distant.
Deuxième méthode :
Mais un autre problème se pose : Imaginons avoir un site chez un hébergeur, que l’on souhaite basculer chez un autre hébergeur. Alors le numéro des articles n’a pas changé, mais l’adresse du site a changé.
On peut alors souhaiter
– renvoyer la page 1 (ancienne adresse) vers la page 1 (nouvelle adresse)
– renvoyer la page 2 (ancienne adresse) vers la page 2 (nouvelle adresse)
– et ainsi de suite.
On peut alors modifier le fichier article.html, avec PSPad,
et mettre la phrase :
<BOUCLE_Article_Contexte (ARTICLES){id_article} >
Cet article se trouve désormais à l'adresse :
<a href="http://www.nouvelle_adresse/article.php3?id_article=#ID_ARTICLE">
http://www.nouvelle_adresse/article.php3?id_article=#ID_ARTICLE</a>
</BOUCLE_Article_Contexte>
Renvoyer ensuite le nouvel « article.html » par FTP vers le site distant
Une directive dans .htaccess serait préférable. Voici
un article indiquant les méthodes de mise en œuvre de cette directive.
http://edu.ca.edu/article267.html, mais moi je ne l’ai pas fait car je n’ai pas compris.
Un autre problème de redirection
J’avais le site http://wwww.journal-la-mee.fr/SPIP-v1-6
qui ne fonctionnait pas.
Je voulais renvoyer vers : http://www.journal-la-mee.fr
Voilà comment j’ai fait (ça marche, mais je ne comprends pas pourquoi)
– 1 - avec le FTP j’ai créé à la racine du site ... http://www.journal-la-mee.fr ....
le dossier SPIP-v1-6
– 2 - j’ai fabriqué un fichier appelé index.html où il y a ceci (seulement) : <meta HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.journal-la-mee.fr/">
et ça marche !
Et encore un problème de redirection
Je suis hébergée par OVH
J’ai deux noms de domaine :
- domaine-principal.info
- domaine-secondaire.org
Le premier domaine a été fourni par OVH et est hébergé chez OVH.
Le second domaine a été fourni par OVH mais n’est hébergé nulle part.
Je voulais que le domaine secondaire soit sur le même hébergement que le domaine principal. Après avoir bidouillé longtemps, avec angoisse, j’ai trouvé ceci :
a) créer un sous-domaine du domaine principal
b) créer un multidomaine
Voilà comment j’ai fait (sans garantie du gouvernement !)
a) créer un sous-domaine du domaine principal
– 1) Ouvrir le site http://www.ovh.com
– 2) Dans le Manager V3, entrer les codes : Nic-Handle et mot de passe. Et se connecter.
– 3) Dans le cadre « Sélectionner un produit » choisir : domaine-principal.info
– 4) Puis cliquer sur le bouton « Sous-domaines »
– 5) Puis cliquer sur le bouton « création »
– 6) Moi j’ai choisi comme nom du sous domaine : sd.domaine-principal.info
– 7) Dans le cadre « sélectionner un pays » j’ai choisi : une IP française
– 8) Cocher : « créer le sous-domaine www »
– 9) Valider.
Le sous-domaine est alors créé.
b)créer un multidomaine
– 1) Ouvrir le site http://www.ovh.com
– 2) Dans le Manager V3, entrer les codes : Nic-Handle et mot de passe. Et se connecter.
– 3) Dans le cadre « Sélectionner un produit » choisir : domaine-principal.info
– 4) cliquer sur « domaines et DNS »
– 5) Cliquer ensuite sur « multidomaines »
– 6) Puis « création »
– 7) Moi j’ai choisi :
- Multidomaine avec sous-domaine
- Domaine : domaine-principal.info
- Multidomaine : domaine-secondaire.org
- Ce multidomane est associé au sous-domaine : sd.domaine-principal.info
- j’ai coché : créer le sous-domaine www
– 8) Dans le cadre « sélectionner un pays » j’ai choisi : une IP française
– 9) Valider .... c’est bon.
On nous dit alors d’attendre 24 ou 48 h, en fait OVH a pris les modifs en compte en une demi-heure.
D’après les guides OVH on dit qu’il faut « configurer les DNS du nouveau domaine ». J’ai essayé, apparemment c’était fait.
Qu’est-ce que ça donne ?
quand j’entre l’adresse http://www.domaine-secondaire.org, on arrive directement sur http://www.domaine-principal.info. Les deux adresses pointent donc sur le même site. C’était le but de la manœuvre.
Barre personnelle sur deux lignes
J’ai plein de sites utilisés souvent et je les voulais facilement accessibles sur ma barre personnelle. J’ai fini par avoir besoin d’une barre personnelle sur deux lignes
Il suffit d’installer une extension qu’on trouve ici :
https://addons.mozilla.org/en-US/firefox/downloads/latest/6937/platform:5
Ejecter une clé USB
On peut utiliser le raccourci existant dans la barre de lancement rapide (une flèche verte orientée vers la gauche)
Si ce raccourci n’existe pas on peut en fabriquer un :
– clic droit sur le bureau, cliquer sur « nouveau » puis « raccourci »
– dans le cadre qui s’ouvre, entrer la ligne ci-dessous :
%SystemRoot%\System32\RUNDLL32.EXE shell32.dll,Control_RunDLL hotplug.dll
– cliquer sur « suivant » puis donner un nom au raccourci (exemple : Eject-Clé) : le raccourci vient se mettre sur le bureau
– il suffit ensuite de cliquer sur ce raccourci pour trouver les commandes nécessaires.
– on peut donner une icône à ce raccourci. Pour cela :
Base MySQL
Diaporama powerpoint
Diaporama javascript
Album photos
Vidéo
– 01-Astuces
– 03-Astuces
– 04-Astuces