Efecte LightBox per la Galeria de serie de WordPress

Efecte LightBox per la Galeria de serie de WordPress

Bon dia!

Avui m’he posat a buscar Extensions per el meu WP, el que buscava concretament és que quan penjo una galeria, mitjançant la mediateca, al obrir cada imatge no s’obri un enllaç nou, que es vegi aquell bonic efecte de que la web és dinàmica i el contingut es veu enfosquint el fons de la web. Totes les extensions que he trobat fins ara feien això mitjançant shortcodes o creant les seves pròpies galeries alternatives. Dons avui he trobat el complement perfecte que no pot faltar a la vostre instal·lació de WordPress, el jQuery Lightbox For Native Galleries. També per les imatges normals i les galeries, tot i que està en fase BETA, Simple Lightbox

Aquesta extensió ens mostra perfectament i sense fer cap canvi, ni de codi ni d’entrades, les nostres imatges de la següent forma.

Aquí veiem les imatges dins l’entrada de galeria de 3 columnes
i al clickar les veiem així

Redirecció web i el famós 301

Bon dia!

Avui m’he posat a actualitzar els enllaços dels meus dominis que tenen redirecció cap al meu principal, www.pali.cat. Així que m’he decidit a fer una petit guia per que coneixeu quins tipus de redirecions web podem fer i quins son més bons que altres, parlant de nivells Servidor i Buscadors

Per realitzar això disposem de diferents opcions de pitjor a millor:

Opció A:
Posar una pàgina del estil index.htm que mostri un text explicant al usuari que la web està situada en el seguent enllaç, i posar-lo.

Opció B:
Posem en el codi META del nostre HTML

<head>
<meta http-equiv="refresh"
content="0;URL=http://www.novaurl.cat/">
<title>La web ha canviat de direcció </title>
</head>

D’aquesta forma la redirecció la fa a nivell de navegador, però pot no funcionar del tot be en alguns, a part de ser lenta.

Opció C:
Redirecció a nivell servidor. Col·loquem el seguent codi en PHP o ASP al servidor
PHP:

<?php
header("Location: http://www.novaurl.cat/");
?>

ASP:

<%
Response.Redirect("http://www.novaurl.cat")
%>

o amb més paràmetres:

<%
Response.Buffer=true
%><html>
<body>
Text de la pàgina
</body>
</html><%
Response.Clear
Response.Redirect("http://www.novaurl.cat")
%>

Opció D:
Redirecció 301
Aquesta és la opció més interessant, ja que a part de redirigir l’usuari cap al nou web, informem als robots que el contingut és al lloc web següent. D’aquesta forma els buscador actualitzen la seva base de dades amb la nova direcció d’aquest lloc, fent per tant que no perdem clientela ni llocs als buscadors.

<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.novaurl.cat" );
?>

Opcio E:
Redireccó 301 amb ModRewrite
Si el nostre servidor te activada la funció podem fer el mateix editant el fitxer .htaccess

RewriteEngine On
RewriteRule .* http://www.novaurl.cat/ [R=301]

Opció F:
També amb .htaccess però més senzill sense ModRewrite

Redirect 301 / http://www.nuevaurl.com/

Podeu trobar més redireccions 301 al buscador, per cada llenguatge.

Salutacions 🙂

Efecte LightBox per la Galeria de serie de WordPress

Google AdWords, una eina molt útil per incrementar visites al teu web

Ahir vaig implementar Google AdWords al web empresarial, el resultat d’aquest matí m’ha sorprès gratament, les gràfiques parlen per si soles

i el resultat a Google Analytics

La cresta de pujada correspon al dia de publicació fins avui, la primera cresta correspon a les modificacions de la web per part meva dels dies anteriors.

Be les dades parlen per si soles. Amb un cost de publicitat màxim de 1€ aquest és el resultat de certes paraules al buscador

Efecte LightBox per la Galeria de serie de WordPress

Aoe2Wide – El complement que et faltava com a professional del Age Of Emperies!

Bona nit!!

Avui os presento un complement que es farà essencial en quan l’instal·leu al vostre ordinador. Os faig cinc centims 🙂

Es tracta d’un petit executable  que ens facilita el poder jugar a aquest magnífic joc sobre Windows Vista o Windows 7, apart d’això ens permet utilitzar l’espai total de la pantalla, recordem que en pantalles panoràmiques apareixen marcs i la resolució deixa molt que desitjar, i os preguntareu, Com funciona? Bé això és molt simple,

Primer ens baixem el programa del meu servidor d’aquest enllaç ja que el projecte ja s’ha tancat i no està disponible des de la font original

Després el descomprimim a la carpeta on tinguem el joc, executable o instal·lat, en el meu cas és el Age Of Empires II: The Conquerors

Tot seguit executem l’arxiu de l’interior AoE2Wide.exe
Ens apareixerà una pantalla de sistema
Això localitza la versió del AoE que tenim i crea els següents arxius a l’escriptori i a dins la carpeta del propi Age.
El que fan aquests .bat és tancar l’explorer de Windows de manera que podem gaudir de la gama de colors del Age original, ja que si no veuríem el joc de la següent forma

En canvi si tanquem l’explorer amb Ctrl+Alt+Supr el veiem així

La cosa canvia no?

Be dons aquests .bat ens fan la feina i a més passem de la configuració màxima de 1024×768 a la que tingueu posada per defecte al vostre escriptori, en el meu cas 2560×1600 on jugar al Age és un altre mon amb aquestes resolucions, la imatge parla sola

Ah! i no us preocupeu que un cop sortim del joc el .bat ho deixa tot correcte, obre l’explorer de nou i ens deixa on estàvem 🙂

PD: Nosaltres encara juguem, si et vols apuntar només cal que m’enviïs un correu 🙂

Corregir amplada automàtica d’imatges en Tema Polished de ElegantThemes

Corregir amplada automàtica d’imatges en Tema Polished de ElegantThemes

Al provar aquest tema, tenia certs problemes per poder corregir l’ample, de fet com que em manquen coneixements de CSS he anat tirant pals de cec fins que he trobat la solució.

El problema es que per defecte el tema Twentyten de WordPress ja corregeix l’ample automàticament, però en aquest tema personalitzat no esta la funció definida.

La funció que volem posar és :
max-width: 640px; height: auto;

El problema és on posar-lo. Dons anem al style.css i a la línia 283 o propers trobarem això

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

Dons aquí hem de canviar per aquest altre codi

div.post .new-post .aligncenter, .aligncenter { max-width: 640px; height: auto; display: block; margin-left: auto; margin-right: auto; }

Ara canviem d’això
a això altre

Efecte LightBox per la Galeria de serie de WordPress

Reparació Toshiba Satellite Pro A200 PSAE1E

Bon dia,

Avui un company m’ha donat un portàtil per que el reparés, al iniciar pita la BIOS sense parar fins que prems ENTER i es calenta molt, la seva lentitud es veu amb moure el ratoli només. El pacient és un Toshiba Satellite Pro A200 PSAE1E-00Y007SP

El propòsit és canviar la pasta tèrmica tant de gràfica com de processador i comprovar que tot està ben connectat.

Amos a ello.

Primer traiem la Bateria, tapes, RAM, HDD, Lector òptic i si en te protector del lector SD i PCMCIA. Mireu si es «PRO» que te per posar 2 HDD!
 Ara traiem els 17 cargols M2.5×8, però Sorpresa!, només ni han 15.. seran els que cauen del cap…jajaja


Ara els 3 M2x3 de sota la bateria

Ara traurem el teclat
Posant un tornavís petit sobre les ranures del teclat a la part superior

Ara traiem els dos M2.5×2.5 dels costats

Pressionant sobre la part central superior del teclat hi ha una pestanya, un cop fet això el teclat ja el podrem desplaçar cap a la part superior per desconnectar el cable inferior que el connecta a la placa base

El connector es com el de tots els flex de mòbil o de portàtil, una pestanya que fa pressió sobre el cable, es retira cap al costat superior prement per els dos costats
 Teclat fora, ara podem accedir al mòdul de Bluetooth, Wifi, connector de pantalla, càmera, altaveus i antenes.

Un cop obert el teclat seguim «descuartizant» el portàtil, traiem 4 cargols més marcats com F8 de M2.5×8. Buscant com escriure aquesta descriptiva paraula al Sr. Google em trobo amb això xDD

Desconnectem els connectors de la càmera, els altaveus dret i esquerra, el teclat de funcions, i el touchpad.

Traiem la tapa superior
Ja tenim les entranyes del portàtil al descobert.

Ara traiem els 3 cargols blancs marcats com F5 de M2.5×2.5 del ventilador i el connector, però abans hem de treure el connector de pantalla que esta sobreposat.

Aprofitem que tenim el pc obert i mirarem pasta tèrmica del processador.
Traiem els connectors restants de la placa base, el de corrent, USB, Wifi, bluetooth, i un cargol M2.5×4
Desconnectem el cable de VGA i ja tenim la placa base fora

Traiem la tapa del processador i veiem que la pasta esta resseca, possiblement problema de calor excessiu.

Per omplir poso la meva forma d’organitzar els cargols xDD A que és maco? xDD

Mentre traiem el disc dur de la carcassa que porta i el posem a formatar, fem una comprovació d’errors i desfragmentació.

Desmuntem el disc dur i el posem a la fregidora a veure que en traiem 😛
Desfragmentem, comprovem errors i tot llest per formatar.
Anem a treure la pasta tèrmica, per dir algo, ja que sembla pedra xD
Ara anem per la gràfica, tot i ser integrada i portar un dissipador de decoració, també porta pasta tèrmica i podem millorar la seva evacuació de calor.

Un cop net tot això, tornem sobre els nostres passos i deixem l’ordinador llest per instal·lar el sistema operatiu, en aquest cas un Windows 7.
Un detall del cable del carregador, possiblement això pot causar curtcircuits i malmetre l’equip sencer, per això és molt important no rebregar ni forçar la pressa de corrent del carregador ni del portàtil.
Finalment la pantalla d’inici del Win 7 com a resultat del bon funcionament i de l’èxit de l’operació.

La  conclusió, el problema resideix en el teclat que manté premuda el cursor superior, solució: Teclat nou, sobre uns 30€. Es deixa la opció per un futur de moment 🙂

Això és tot de moment 🙂