S.P.B. 0.4.9: tre nuovi temi
Il buon Vincenzo, autore della resurrezione del progettino "Anteprime temi S.P.B.", ci propone tre nuovi temi per la punultima release di Simple PHP Blog.

SimplePress2
Tema-simil-clone del famoso tema Kubrick basato sul sorgente del tema SimpleMilk2.
Preview:
http://www.vispena.dyndns.org/temixspb/ ... mplePress2

SimpleWhite
Tema basato su SimpleMilk2 che ne riprende anche le fattezze.
Preview:
http://www.vispena.dyndns.org/temixspb/ ... impleWhite

SimplePress1024 e SimplePress1024-black
Temi basati sulla "vecchia" versione di SimplePress rispettivamente in colori originali (bianco/blu) ed in dark (nero/bianco).
Preview:
http://www.vispena.dyndns.org/temixspb/ ... ePress1024
http://www.vispena.dyndns.org/temixspb/ ... lack(v1.0)

Form di ricerca e autofocus
Piccola inezia della domenica: come poter mettere il cursore in un campo di testo al caricamento della pagina (stile google).

Sul prezioso blog di html.it ho trovato questo:
http://blog.html.it/archivi/2006/10/10/ ... ofocus.php
quindi mi sono prodigato per implementarlo su Simple PHP Blog, in particolare per puntare il cursore sul form di ricerca!

Delle due soluzioni presenti ho optato per la più grezza [1], che spesso equivale a quella più corta, dunque apriamo il file user_style.php e prima dell' apertura dei tag PHP aggiungiamo questo codice JS:
<script type="text/javascript">
window.onload=function() {
document.getElementById('stringSearch').focus();
}
</script>

Il minuscolo how-to sarebbe già terminato se non fosse che il capo di ricerca del nostro blog non ha impostato alcun ID! Quindi ci tocca [2] aprire il file themes.php ed aggiungere al campo una cosa tipo:

<input size="16" name="q" type="text" id="stringSearch" />

Qualcuno potrebbe obbiettare dicendo che il form non è scritto "in chiaro" sul quel file (in SimpleMilk2 lo è), bene sappiate che basta commentare la riga:

theme_menu_block( menu_search_field(), 'SEARCH', 'SidebarSearch' );

e quindi aggiungere il form di ricerca dove desiderate:
<form method="get" action="search.php">
<input size="16" name="q" type="text" id="stringSearch" />
<input value="Vai" type="submit" />
</form>

Salvate, fate backup dei file ed uppate sul vostro server :)

[1] = la seconda soluzione ha un suo perchè;
[2] = magari si può risolvere con un getElementByName, ma non ho provato :P


SimpleMilk2: un CSS per la stampa
Durante l' aggiornamento del tema SimpleMilk ho sorvolato il fatto di creare un CSS adatto alla stampa!
Se ne sentite il bisogno, o prevedete che i vostri utenti stampino i vostri articoli, ecco un suggerimento su come procedere:

- create un nuovo file style-print.css e copiate/incollate [1] questo:
#top_bar_wrapper, #header, #sidebar, #footer, .footer_news, form
{
display: none
}

#container, #maincontent
{
width: 100%
}

- aprite il file user_style.php e prima di tutto quello che compare copiate/incollate questo:
<link rel="stylesheet" type="text/css" href="themes/SimpleMilk2/style-print.css" media="print" />

- caricate il tutto sul server nella cartella del tema SimpleMilk2/.

Avevo in mente anche di fare qualcosa di più serio per stampare le notizie, magari creando una pagina con la chiamata ad una funzione che leggesse solo una notizia per volta (un po' come fanno tutti i blog, FlatPress compreso) in modo da stampare solo quella, ma per ora non ho tempo/voglia :P

[1] = non ho agito sulle dimensione dei caratteri, ma forse è consigliabile mettere un font diffuso (arial, ecc.) con una dimensione fissa in pixel! Ad ogni modo potete fare quello che volete :)


Altre notizie