Rss Feed
Tweeter button
Facebook button
Technorati button
Reddit button
Myspace button
Linkedin button
Webonews button
Delicious button
Digg button
Stumbleupon button
Newsvine button
Youtube button

Gràfics

Campanya per la mort d’Internet Explorer 6

Anieto2k proposa una campanya per a tots aquells dissenyadors i amants del programari web que reben visites amb l’odiós IE6: el NOIE6Day, que proposa que se celebri el 18 d’octubre, aniversari de la data de publicació de l’IE6.

Per celebrar-ho, anieto2k proposa incloure el codi següent a l’encapçalament de les nostres pàgines el proper 18 d’octubre:

<?php
	if (eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT'])) {
		die(sprintf("Avui, dia 18 d'octubre del %d se celebra l'anomenat NOIE6Day. És un dia en què els usuaris d'Internet Explorer 6 no podran accedir a aquesta pàgina.
			<br />
			Et recomanem que actualitzis a <a href=\"http://www.microsoft.com/windows/products/winfamily/ie/default.mspx\">una versió més recent</a> o que provis altres navegadors com <a href=\"http://www.mozilla.com\" title=\"Firefox web browser\">Firefox</a>, <a href=\"http://www.opera.com/\" title=\"Opera Browser\">Opera</a>, <a href=\"http://www.apple.com/safari/\" title=\"Apple Safari\">Safari</a> o <a href=\"http://www.google.com/chrome\" title=\"Google Chrome\">Chrome</a>.
			<br />
			<a href=\"noie6day.html\">Més informació</a>", date("Y")
		));
	}
?>

Aquest codi “matarà” qualsevol procés amb la funció die() per mostrar la pàgina si l’usuari que la visita fa servir IE6.

Si no voleu posar el codi encara que no sigui 18 d’octubre, podeu fer servir el següent:

<?php
	if (eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT'])) {
		die("Aquesta pàgina ha decidit celebrar el NOIE6Day de manera perpètua. El NOIE6Day, celebrat el 18 d'octubre, és un dia en què els usuaris d'Internet Explorer 6 no podran accedir a aquesta pàgina. Com que el celebrem de manera perpètua, no podràs accedir mai a aquesta pàgina a no ser que canviïs de navegador.
			<br />
			Et recomanem que actualitzis a <a href=\"http://www.microsoft.com/windows/products/winfamily/ie/default.mspx\">una versió més recent</a> o que provis altres navegadors com <a href=\"http://www.mozilla.com\" title=\"Firefox web browser\">Firefox</a>, <a href=\"http://www.opera.com/\" title=\"Opera Browser\">Opera</a>, <a href=\"http://www.apple.com/safari/\" title=\"Apple Safari\">Safari</a> o <a href=\"http://www.google.com/chrome\" title=\"Google Chrome\">Chrome</a>.
			<br />
			<a href=\"noie6day.html\">Més informació</a>"
		);
	}
?>

El text varia una mica i és un pèl més agressiu, però és igualment eficient.

De tota manera, si penseu que això és massa agressiu i només voleu mostrar un petit avís, podeu fer servir aquest codi:

<!--[if IE 6]>
<div id="usuarios-ie">
La versió d'Internet Explorer que estàs utilitzant no és la recomanada per a navegar per Internet.
Et recomanem que actualitzes a <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">una versió més recent</a> o que provis altres navegadors com <a href="http://www.mozilla.com" title="Firefox web browser">Firefox</a>, <a href="http://www.opera.com/" title="Opera Browser">Opera</a>, <a href="http://www.apple.com/safari/" title="Apple Safari">Safari</a> o <a href="http://www.google.com/chrome" title="Google Chrome">Chrome</a>
</div>
<![endif]-->

Aquest codi va acompanyat per aquestes definicions CSS:

#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}
#usuarios-ie p {font-size: 1.3em; margin: 0; padding: 5px 0; line-height: 1.5em;}
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}

Etiquetes: ,

dimecres, 25 de febrer del 2009 per Administrador Disseny, General, Gràfics, Scripts Encara no hi ha cap comentari

Evolució del tauler d’administració durant 5 anys

A L’home dibuixat el Xavier ha posat un enllaç a l’entrada A Journey Throught Five Years of WordPress Interface, on els de PlanetOzh fan un resum en imatges de l’evolució del tauler d’administració de WordPress des de la versió 0.72 fins a la darrera 2.7.

Recordo que la primera versió que vaig tocar jo de WordPress va ser la 2.0… Quina va ser la vostra primera?

dimecres, 17 de desembre del 2008 per mrc2407 Disseny, General, Gràfics, WordPress Encara no hi ha cap comentari

Recursos per trobar el color perfecte

A Vandelay han fet un recull de recursos per trobar el color perfecte segons les teves necessitats. Altament re4comanable en cas que vulguis retocar una mica el teu tema.

diumenge, 09 de novembre del 2008 per mrc2407 Disseny, Gràfics, Temes Encara no hi ha cap comentari

Destacar enllaços externs dels interns amb Javascript

Si sou usuaris de la Viquipèdia, potser heu vist que diferencia els enllaços externs dels interns amb un color diferent i una imatge. Si voleu posar aquest efecte al vostre blog, simplement heu de seguir els passos següents.

Per començar, hauríeu de posar aquest codi dins de les etiquetes HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
    function init(){
        var links = document.getElementsByTagName('a');
        for(var i=0 ; i < links.length; i++){
            var link = links[i];
            if(link.href.indexOf('elteublog.cat') == -1){
                //  és un enllaç extern
                link.style.paddingRight = "10px";
                link.style.backgroundImage = "url(images/aoutside.gif)";
                link.style.backgroundPosition = "right center";
                link.style.backgroundRepeat = "no-repeat";
            }
        }
    }
</script></script>

ATENCIÓ! No sé perquè, però em crea dos tancaments de l’etiqueta script. N’heu d’esborrar un!

Aquest codi crea la funció init(), que busca totes les etiquetes que enllacin a una web diferent de la especificada a la línia 6 i li aplica un estil diferent (línies 8-11). La imatge que fa servir està definida a la línia 9.

Un cop enganxat el codi, heu de canviar l’etiqueta per i ja funcionarà.

Teniu més informació sobre això al blog Sofá Naranja.

dilluns, 03 de novembre del 2008 per mrc2407 Disseny, Gràfics, Modificacions, Scripts, Temes, Tutorials Encara no hi ha cap comentari

WordPress 2.7: disseny definitiu

La pròxima versió de WordPress ja té un disseny definitiu per a l’Adminitració. Aquesta vegada, el menú està a l’esquerra, i el Tauler recull molta més informació que el de la versió 2.6: feeds personalitzats, comentaris recents (amb gravatar), esborranys recents, el famós mòdul QuickPress… A més, si instal·lem el plugin WordPress.com Stats ens apareixerà un altre mòdul amb més informació: visites generals, entrades més visitades, les cerques més recents…

Pel què fa al Tauler d’escriptura, s’ha afegit una nova funcionalitat. Ara, a més de poder afegir mèdia com podem fer actualment, podem incrustar mèdia d’algunes webs en concret, com ara YouTube, Flickr…

Això només és un petit resum. Si voleu, podeu llegir-vos l’entrada corresponent al blog oficial de WordPress.

dimarts, 21 de octubre del 2008 per mrc2407 Actualitzacions, Disseny, Gràfics, Novetats, WordPress 2.7 Només hi ha un comentari
« Entrades anteriors

Subscriu-te al feed!

Saps que només hi ha 56 persones que ens llegeixen a través del RSS?
Fes-ho tu també!

Descàrregues de WordPress

WordPress ha estat descarregat vegades en anglès. El vols en català?

Entrades Populars

Categories

Arxiu