Trattasi di un paio di hack per i CSS di Internet Explorer 6 e 7 (IE6 e IE7) molto semplici, ma che, non so perché, anche gli stessi programmatori che frequento evitano di utilizzare. E dire che, a mio parere, non c’è nulla di più comodo.

Questi ultimi preferiscono infilare nell’HTML (o PHP) il classico

<!--[if IE]>
<link rel="stylesheet" href="css-ie.css" type="text/css">
<![endif]-->

con le varianti

<!--[if lt IE 6]>

oppure

<!--[if lte IE 6]>

e via dicendo… tutte soluzioni che creano una confusione immane a chi poi deve andare a ritoccare i fogli di stile (in questo caso a me) perché due volte su tre non si accorge che c’è una marea di fogli di stile differenti.

Non sarebbe molto meglio trovare un modo per infilare direttamente tutte le varianti per i diversi browser in un unico foglio di stile?

Detto fatto: partiamo dal presupposto che il nostro CSS sia impostato per Firefox (e affini). Se vogliamo che in questo browser un div (che chiameremo “pinko”) abbia i margini tutti di 5 px non dovremo fare altro che scrivere:

#pinko {
margin:5px;
}

Se poi però ci rendiamo conto che in Internet Explorer (qualunque versione) il margine inferiore viene schiacciato (non chiedetemi perché) è dobbiamo aumentarlo di due pixel solo per questi browser, andremo a scrivere:

#pinko {
margin:5px;
*margin:5px 5px 7px 5px;
}

Se poi ancora ci rendessimo conto che IE7 e IE6 mostrassero qualche differenze (sempre per non si sa quale motivo…) dovremmo semplicemente andare a modificare il nostro codice così:

#pinko {
margin:5px;
.margin:5px 5px 7px 5px; /* per IE7 */
_margin:5px 5px 8px 5px; /* prt IE6 */
}

A questo punto, invece di tre fogli di stile diversi per una stessa pagina HTML, avremmo semplicemente un unico CSS.

Provare per credere.

Ovviamente hack di questo tipo esistono anche per Safari e per Opera… una cosa alla volta però. ]]> http://www.pixedelic.com/anche-a-rimini-si-prova-a-fare-web-design/feed 0 http://www.pixedelic.com/come-inserire-un-sottitolo-in-wordpress http://www.pixedelic.com/come-inserire-un-sottitolo-in-wordpress#comments Fri, 13 Jun 2008 19:19:47 +0000 admin http://www.pixedelic.com/?p=14 Non l’ho “inventata” io questa cosa del sottotitolo, però, dal momento che ho spataccato non poco in rete per reperirla (ovviamente in inglese) tanto vale condividerla con chi ha magari meno tempo e meno pazienza e un cliente un po’ noioso che vuole a tutti i patti un campo per il sottotitolo nell’amministrazione di Wordpress.

Solo una precisazione: sicuramente c’è un modo migliore e chiunque voglia segnalarmelo (al suo buon cuore) è libero di farlo e la cosa è ben gradita. Nel frattempo questo metodo, sebbene forse poco elegante, è comunque adatto alla bisogna.

Per prima cosa, nella pagina “index.php” del tema che si sta usando bisogna incollare questo simpatico codice (altra precisazione: chi volesse fare copia incolla faccia attenzione perché virgolette e apici qui non sono gli stessi che si utilizzano in un normale editor, quindi bisogna poi cambiarli):

<?php    $subtitle = get_post_meta($post->ID, 'subtitle', $single = true); if($subtitle !== '') echo $subtitle; ?>

Ocio però che non finisce qui.

A questo punto bisogna andare nell’amministrazione e crearla ’sta variabile “$subtitle“. Bisogna cioè andare nella sezione “Scrivi Articolo” e, in basso, aggiungere un nuovo campo personalizzato che si chiamerà, appunto, “subtitle”.

A parte che ovviamente la zona dei “Campi personalizzati” è da aprire, se non ne avete mai aggiunti altri la pagina vi apparirà un po’ diversa.

A questo punto direi che ci siamo: ogni volta che volete aggiungere un sottotitolo dovete andare nella zona dei “Campi personalizzati” scegliere nel menù a tendina la chiave “subtitle” (se anche voi l’avete chiamata così) e scrivere nel campo “Valore” il vostro sottotitolo (il campo “Chiave” lo dovete riempire solo se volete creare una nuova chiave).

A questo punto il sottotitolo si visualizzerà solo nella home-page del vostro blog. Se volete visualizzarlo anche negli archivi o nella ricerca o nei feed dovete fare la stessa cosa che avete fatto nella index anche nelle varie altre pagine del vostro tema, scegliendo bene il punto giusto, ossia sotto (o sopra) il titolo. Ecco il codice della mia index con titolo e sottotitolo per esteso:

<h2><a href="<?php the_permalink() ?>" class="titolo" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>

<h2><a href="<?php the_permalink() ?>" class="sottotitolo" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php    $subtitle = get_post_meta($post->ID, 'subtitle', $single = true); if($subtitle !== '') echo $subtitle;?></a></h2>

Sperando di esservi stato di aiuto.