Ho notato che spesso molti visitatori del blog si lamentano delle dimensioni a volte troppo ridotte dei caratteri.
Questo però a volte può anche essere dovuto alla diversa risoluzione dello schermo usato..
Dover ogni volta modificare il css mi ha un pò stancato, ho quindi preso ispirazione da alcuni codici js, ed ecco qui il mio hack:
Una semplice riga permette all'utente di scegliere la dimensione del carattere con cui visualizzare la pagina.

Create una cartella blocks e dentro di essa una cartella setFontSize.
Caricate il file setFontSize.js in quest'ultima cartella;
Create un nuovo blocco con questo contenuto:

[html]
<script type="text/javascript" src="blocks/setFontSize/setFontSize.js"></script>
Dimensione dei caratteri:
[<a href="javascript: setFontSize(1)">1</a>]
[<a href="javascript: setFontSize(2)">2</a>]
[<a href="javascript: setFontSize(3)">3</a>]
[<a href="javascript: setFontSize(4)">4</a>]
[<a href="javascript: setFontSize(5)">5</a>]
[/html]

Impostate sul file style.css (nella cartella themes/-tuotema-/) il carattere di body a 80%, in questo modo:

body {
font-size: 80%;
.....

Lo script funziona solo con i browser che abbiano un valido supporto del DOM, come mozilla, IE5.5, IE6 (no Opera 6). I browser che non supportano opportunamente il DOM non avranno nessun tipo di problema.

Qualora si desiderasse non modificare la dimensione dei font di alcuni elementi, si può impostare nel file CSS la dimensione dei font in pixel.

Ad esempio io volevo che i collegamenti nel menu restassero di dimensioni fisse. Andate sempre nel file style.css e impostate le dimensioni fisse che volete (ad esempio font-size: 11px) in .menu_block, in .menu_title, in .menu_body, ecc... insomma, dove non volete che i caratteri siano ridimensionati.

Il js memorizza in un cookie la dimensione del font desiderata dall'utente.


>> Scarica il file setFontSize.js

Sono tutti blocchi che contengono codice javascript.

Per avere nel vostro blog un blocco con il contatore di utenti online, dovete creare una cartella blocks nella cartella principale del blog.
All'interno di essa caricate la cartella user_online che si trova in questo archizio .ZIP: user_online.zip

Create adesso un blocco contenente il seguente codice(senza *):

[*html]
Utenti <SCRIPT language="Javascript" src="blocks/user_online/zerofilstat.php3?action=show&page=titolo_della_vostra_pagina"> </SCRIPT>
[/html]

Per utenti esperti: Potete modificare alcune variabili del file blocks/user_online/zerofilstat.php3 . I commenti sono in francese.


Per avere nel vostro blog un blocco con il contatore di accessi, dovete creare una cartella blocks nella cartella principale del blog.
All'interno di essa caricate la cartella counter che si trova in questo archizio .ZIP: counter.zip

Create adesso un blocco contenente il seguente codice (senza *):

[*html]
<!-- Il seguente esempio visualizza il contatore "example" in modalità grafica -->
<script
type="text/javascript" language="javascript"
src="blocks/counter/counter.js.php?id=example"></script>
[/html]

se volete la versione "grafica" del contatore (richiede librerie GD installate), altrimenti:

[*html] <!-- Il seguente esempio visualizza il contatore "example" in modalità testo -->

<script
type="text/javascript" language="javascript"
src="blocks/counter/counter.js.php?id=example&mode=text"></script>
[/html]

se volete la versione "solo testo".

Il contatore è utilizzabile così com'è, ma è possibile congigurarlo ampiamente, seguendo la documentazione allegata (per utenti esperti).
Alcuni esempi di configurazione riguardano la scelta di una password per restringere l'accesso alle statistiche al solo amministratore, la modifica del file di linguaggio, l'impostazione dei colori e dei caratteri, l'esclusione di particolari IP dal conteggio e dalle statistiche, ecc...


Potete ovviamente riunire il tutto in un unico blocco, ed ottenere ad esempio un blocco come questo:

Compatibilità:

# For IE we can set: this.filters.alpha.opacity=50
# For Mozilla we set: this.style.MozOpacity=0.5

<img
src="data/thumbs/Art/ponte.jpg.jpg"
width="105" height="140"
alt="solar-radar (7K)"
style="-moz-opacity:0.5; filter:alpha(opacity=50); cursor:hand"
onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50"
>

Al passaggio del mouse l'immagine si "illumina".

Se avremo per qualche motivo bisogno di conoscere la risoluzione schermo dei visitatore, ecco un semplice script che integra PHP a Javascript:

get_resolution.php

 1:  <?
 2:  if(isset($HTTP_COOKIE_VARS["users_resolution"]))
 3:      $screen_res = $HTTP_COOKIE_VARS["users_resolution"];
 4:  else //means cookie is not found set it using Javascript
 5:  {
 6:  ?>
 7:  <script language="javascript">
 8:  <!--
 9:  writeCookie();
10:  
11:  function writeCookie()
12:  {
13:   var today = new Date();
14:   var the_date = new Date("December 31, 2023");
15:   var the_cookie_date = the_date.toGMTString();
16:   var the_cookie = "users_resolution="+ screen.width +"x"+ screen.height;
17:   var the_cookie = the_cookie + ";expires=" + the_cookie_date;
18:   document.cookie=the_cookie
19:      
20:   location = 'get_resolution.php';
21:  }
22:  //-->
23:  </script>
24:  <?
25:  }
26:  ?>
27:  </HEAD>
28:  <BODY>
29:  <?php
30:  echo "Hai una risoluzione di: $screen_res";
31:  ?>


Produrrà: un risultato di questo tipo: esempio