CosasParaMiBlogs

lunes, 2 de septiembre de 2013

Introduce una barra lateral deslizante para que tus usuarios puedan compartir tus contenidos por las redes sociales – Texas – Asesor – Law Firm

El usuario de Blogs hoy día se ha vuelto más exigente y más activo con los artículos que realmente le interesan. Los consumidores habituales de blogs y páginas web por Internet han pasado de hacer el "+1" de Google o el "Me gusta" de Facebook a compartir directamente por dichas redes sociales aquel contenido que les ha parecido realmente interesante.

Hemos pasado de unos usuarios que eran "meros" espectadores a auténticos críticos y difusores de nuestra propia información. Es por ello que se demanda en cualquier forma de publicación por Internet actual unos iconos con los que nuestros visitantes puedan difundir el contenido si este ha sido de su agrado.

El usuario es parte activa del Blog y como tal hay que proporcionarle las herramientas que le permitan difundir aquello que le ha gustado. Los típicos "+1" de Google o los "Me gusta" de Facebook se acumulan al lado de las publicaciones, cuado lo realmente importante es su difusión.

Se trata de un componente vertical con botones para compartir por las principales redes sociales que se desliza lateralmente, acompañando al lector según se mueve por la página de una manera discreta, sin agobiarle ni impedirle la visión del texto que le estamos mostrando, independientemente del tamaño o resolución de su pantalla.

Te propongo un tipo de "botonera" para que tus usuarios se hagan "apóstoles" de tus contenidos y puedan expandir por sus redes sociales aquello que les ha llamado la atención, sin penalizar el rendimiento de la página principal de tu Blog.

¿Qué vamos a hacer?:

Vamos a centrarnos en colocar los botones para redes sociales en un componente vertical deslizante que acompañe al usuario en su lectura para poder compartir tus contenidos. Pensemos que muchas veces perdemos oportunidades de llegar a más personas simplemente porque la usabilidad de nuestro Blog no ofrece facilidades al consumidor para que éste pueda compartir lo que está viendo.

¿Qué hay de especial en esta barra vertical de iconos para redes sociales?:

La vamos a preparar para que independientemente de la resolución de pantalla de tus usuarios, la barra siempre se dibuje en un lateral sin molestar o impedir su visión.
Vamos a prepararla para que no penalice el rendimiento de tu página principal, donde el usuario ya puede utilizar los botones que por defecto trae Blogger o tu página web a tal efecto.

Conceptos previos para los más noveles, ¿Qué son los botones sociales?:

Los botones para redes sociales son como su propio nombre indica "botones web" que al ser "pulsados" por los usuarios, les conectan directamente o con nuestro perfil en una determinada red social ("follow buttons") o le permiten difundir nuestro contenido entre sus amigos y seguidores de su propia red social ("share buttons").
Veamos las diferentes modalidades para aplicarlas en nuestro Blog.

Los botones de las redes sociales exigen la utilización de unos "scripts" que permiten introducir en nuestro Blog los "mecanismos necesarios", a través de código fuente para:

- Que los usuarios puedan puntuar nuestros contenidos o sumarse a ellos.
- Que los usuarios puedan suscribirse a nuestros contenidos, hacerse seguidores nuestros.
- Que los usuarios puedan "difundir" por su red social preferida nuestra entradas para que puedan leerlas otros usuarios.

Estas posibilidades son revolucionarias, pues permiten a nuestros clientes interactuar, propagar, difundir nuestras creaciones más allá del círculo social en el que nosotros nos movamos para pasar a incluirlo dentro de otros que nos son ajenos.

Por supuesto, la adición de estos añadidos obliga o, más bien, hace imprescindible estar dado de alta en todas las redes sociales cuyos botones decidamos poner en nuestro Blog.

Un breve repaso de sobre la colocación, ¿Dónde puedo colocar los botones para redes sociales en nuestro Blog?:

Hay dos zonas en las entradas de nuestro Blog especialmente sensibles para que nuestros usuarios localicen con facilidad los "botones sociales" y los puedan utilizar incluso instintivamente:

Ejemplo de Addthis sobre Share Buttons

La parte superior de una entrada,FOLLOW BUTTONS:en la cabecera a izquierda o derecha, antes o después del título. Aquí lo más recomendable es utilizar botones de tipo "Follow button": los que permitirán a los usuarios asociarse nuestro perfil de red social y estar antentos a nuestras actualizaciones por medio de seguimiento. Debido a que no requieren cargar scripts, son idóneos para las primeras líneas de una entrada pues son mucho más vistosos que los "Share buttons", y no ralentizan el proceso de carga de toda la página. Si quieres aprender a colocar los "Follow Buttons" puedes ejecutar este tutorial. Dispones de otra guía con ADDTHIS para colocar los "Follow buttons" ejecutando este tutorial.

Ejemplo de Addthis sobre Follow Buttons

La parte lateral o inferior de una entrada,SHARE BUTTONS:en el pié de página o el lateral. Cuando el usuario ha finalizado a terminar de leer la entrada, disponer de los "Share Buttons" o botones para compartir es ideal por dos motivos: por Velocidad: los "Share Buttons" llevan scripts integrados que calculan el número de veces que se ha compartido algo o enviado algo, la carga de estos es lenta porque el navegador debe conectarse a los servidores que tienen las bases de datos donde reside la información de nuestra "puntuación" o de nuestros "contadores" de envíos. Por Idoneidad: es el lugar idóneo pues el usuario ha podido leer la entrada completa y puede decidir compartirla en su red social al terminar. Si quieres aprender a poner los "Share Buttons" puedes ejecutar este tutorial.Dispones de otra guía con ADDTHIS para colocar los "Share buttons" ejecutandoeste tutorial.
Los "Share Buttons" que vamos a poner en este tutorial que estamos abordando son de tipo lateral. Su ventaja sobre los demás es que "acompañan" a la lectura del usuario sin molestarle o agobiarle pero manteniendo la posibilidad de que comparta cuando desee.

Dando de alta el servicio:

1)AddThis es una web que como servicio al cliente proporciona los botones para redes sociales sin tener que tener ninguna clase de conocimientos avanzados en informática. Simplemente te conectas, seleccionas los que necesites y los pones en tu Blog. En primer lugar nos conectamos ahttp://www.addthis.com/.

La nueva pantalla de bienvenida de Addthis

2)Si no estás dado de alta en la herramienta, en la parte superior derecha pulsa "Create Account" para darte de alta en el servicio.

Página de alta de AddThis

En este punto es tan sencillo como darte de alta utilizando tu cuenta de Facebook, de Twitter , de Google u OpenID.
Por otro lado, podrás hacerlo manualmente tú mismo sin vincular tus cuentas introduciendo en "email address" tu dirección de correo e introduciendo una clave de acceso en "Password" y su verificación en "Retype password".
Llegados a este punto, como siempre te digo cuando contrates un servicio en internet LEE los términos del servicio ("Terms of Service") y la política de privacidad ("Privacy Policy").

Configuración de la barra deslizante lateral en la página principal del Blog:

Una vez ya autenticados y con usuario en Addthis, esta es la manera más rápida y fácil de meter "Share-buttons" en Blogger en forma de barra lateral:

3)Accede a la configuración de "Share-Buttons", en el menú superior de Add This verás que hay una opción llamada "Share Buttons". selecciónala.

4) Addthis ha añadido una nueva forma de configurar tus botones para redes sociales muy rápida. Se llama "Addthis Layers". Se trata de añadir unas "capas" que contendrán por un lado los "share-buttons" y por el otro los "follow-buttons". Es un "Todo en uno" donde no es necesario pararse a configurar nada más que lo necesario para que los botones conecten con nuestros perfiles para redes sociales.

Añadir barra flotante deslizante lateral

1) Activa los "Share buttons" poniendo su indicador a "ON". No precisan configuración especial. El resto de opciones de Addthis las he puesto a Off para no distraernos del objetivo principal, añadir botones sociales a nuestro Blog de la manera más sencilla posible. Puedes seleccionar si la deseas a izquierda o derecha.

2) Pulsa el botón "Generate Code" y te aparecerá una página de donde copiar el código (puedes seleccionarlo y pulsar CONTROL+ C para copiar o pulsar "Grab It".

Página para añadir el código fuente de AddThis y ponerte los Share Buttons para tu Blog

5)Ahora ve a Blogger. Para insertarlo en tu Blog,dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

Opción de diseño en Blogger.

En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar los botones para redes sociales de AddThis y selecciona el Gadget "HTML/Javascript".

Pulsa sobre "Añadir Gadget" en la zona donde deseas insertar los botones AddThis

Añade el código fuente que recuperaste de AddThis:

Añade el código fuente del AddThis

EJEMPLO DEL CÓDIGO DE ADDTHIS PARA LA BARRA LATERAL EN DIARIOS DE LA NUBE:

div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'a class='addthis_button_facebook_like' fb:like:layout='box_count'/a class='addthis_button_tweet' tw:count='vertical'/a class='addthis_button_google_plusone' g:plusone:size='tall'/a class='addthis_counter'//divscript type='text/javascript'var addthis_config={data_track_addressbar:!0};/scriptscript src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xx-XXXXXXXXXXXXXXXX' type='text/javascript'/
Detalle del código:

NOTA: Observarás que el código te lo pongo "comprimido" (sin retornos de carro). Esto es para adaptarnos a la normativa de rendimiento que indica que los scripts deben encontrarse comprimidos para una ejecución más rápida. Te recomiendo utilizar Pagespeed siempre que implementes cambios en tu Blog que incorporen nuevos scripts al mismo.
div class='addthis_toolbox addthis_floating_style addthis_counter_style'Añade al Blog la clase que permite dibujar la barra lateral flotante con la botonera para compartir en redes sociales de ADDTHIS.
style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'Indica que se colocará a 263 píxeles del margen superior del blog, siempre a un 50% con un margen izquierdo de -625 píxeles. De esta manera aunque el usuario disponga de una resolución de pantalla muy baja, la barra nunca ocupará su campo de visión y le permitirá leer "sin agobiar". El color de fondo es el utilizado en Diarios de la nube, puedes utilizar el que ADDTHIS te pone por defecto. En este punto te recomiendo que vayas realizando los cambios en píxeles a izquierda y derecha según veas que la barra se va colocando en tu Blog, pues estos valores es muy posible que sean distintos en tu págia que en la mía. Esto es poner un valor y probar hasta encontrar el deseado.
El resto de código incorpora los botones sociales que hayas configurado en ADDTHIS.

Pulsa "Guardar Disposición" y ¡ya lo tienes!

Configuración de la barra deslizante lateral en el detalle de una entrada, mejora el rendimiento:

Si quieres configurar individualmente los "Share buttons" para conseguir el mejor rendimiento sigue estos pasos:

0)Realiza una copia de seguridad de Blog antes de realizar cambios en la plantilla. Ejecutaesta guía si no sabes hacerlo.

1)Accede a la configuración de "Share-Buttons", en el menú superior de Add This verás que hay una opción llamada "Share Buttons". selecciónala.

2) Addthis ha añadido una nueva forma de configurar tus botones para redes sociales muy rápida. Se llama "Addthis Layers". Se trata de añadir unas "capas" que contendrán por un lado los "share-buttons" y por el otro los "follow-buttons". Es un "Todo en uno" donde no es necesario pararse a configurar nada más que lo necesario para que los botones conecten con nuestros perfiles para redes sociales.

Añadir barra lateral deslizante

1) Activa los "Share buttons" poniendo su indicador a "ON". No precisan configuración especial. El resto de opciones de Addthis las he puesto a Off para no distraernos del objetivo principal, añadir botones sociales a nuestro Blog de la manera más sencilla posible. Puedes seleccionar si la deseas a izquierda o derecha.

2) Pulsa el botón "Generate Code" y te aparecerá una página de donde copiar el código (puedes seleccionarlo y pulsar CONTROL+ C para copiar o pulsar "Grab It".

Página para añadir el código fuente de AddThis y ponerte los Share Buttons para tu Blog

3)Los Share Buttons son scripts que pueden afectar al rendimiento de tu Blog pues requieren conectarse y realizar consultas a los servidores que van guardando los contadores de quién ha hecho "clic" en ellos.

Si quieres que no afecten al rendimiento de tu página principal, haz que sólo se dibujen cuando el usuarios ha hecho "clic" en "Más información" o en el título de tu entrada para acceder a su detalle. Para conseguir este efecto sigue estos pasos:

4)En tu plantilla, accede al botón "Editar HTML" para tocar su código fuente.

5)Dentro del editor de código fuente de la plantilla pulsa "CONTROL+ F" y busca el texto "share-buttons":

Encontrarás las siguientes líneas de código donde se encuentra los "Share-buttons":

b:include data='post' name='postQuickEdit'/ /span div class='post-share-buttons goog-inline-block' b:if cond='data:post.sharePostUrl' b:include data='post' name='shareButtons'/ /b:if /div

6)Añade justo debajo el código de AddThis pero con elb:if cond='data:blog.pageType == "item"'y el cierre tras el fin del código Addthis con/b:if

b:if cond='data:blog.pageType == "item"'div class='addthis_toolbox addthis_floating_style addthis_counter_style'style='top:263px;left:50%;margin-left:-625px;background-color:#b2e0ff;'a class='addthis_button_facebook_like' fb:like:layout='box_count'/a class='addthis_button_tweet' tw:count='vertical'/a class='addthis_button_google_plusone' g:plusone:size='tall'/a class='addthis_counter'//divscript type='text/javascript'var addthis_config={data_track_addressbar:!0};/scriptscript src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xx-XXXXXXXXXXXXXXXX' type='text/javascript'/
/b:if

De esta manera con la condiciónb:if cond='data:blog.pageType == "item"'harás que el código que le sigue, el de Addthis, sólo tenga efecto en el detalle de las entradas y no en la página principal. Así no restarás velocidad de dibujado a la primera página de tu Blog, la página principal. Recuerda que los valores en píxeles mostrados (los marcados en "rojo fuerte") son los utilizados en Diarios de la nube y que deberás probar con distintos valores en tu Blog hasta que la barra quede donde te interesa.

Barra lateral deslizante con responsive design (para los más técnicos)

En Diarios de la nube la barra lateral no aparece en móviles para que no resulte "engorrosa" para la navegación del usuario.

El código utilizado a tal efecto lo pongo bajo el botón de mostrar código dado que es un fuente extenso.

Por Miguel García Sánchez-Colomer.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

martes, 27 de agosto de 2013

Artilugios

Gadget rotativo para entradas recientes con lista seleccionable – Lincoln – Credito

Este es un código JavaScript que permite mostrar las últimas publicaciones de cualquier feed con la particularidad de que tiene dos partes -ambas interesantes- y que podemos utilizar individualmente o combinadas.

En la parte superior se verá una sola entrada con su título (enlace), autor, fecha y un pequeño resumen de su contenido. Además, esta entrada irá rotando automáticamente de entre una lista cuya cantidad de elementos nosotros decidiremos.

En la zona inferior se verá la lista completa de los posts seleccionados para el rotador y al pasar el puntero por encima de cualquiera de ellos, la entrada correspondiente se verá en la parte superior, rompiendo así el ciclo automático.

Pero como siempre, mejor verlo en acción para ver si hace lo que queremos antes de montar nada.

Y como dije que se trata de un gadget, pues ahí es dónde hay que meter el código, en un gadget tipo HTML/JavaScript si hablamos de Blogger, aunque debería funcionar en cualquier plataforma.

Esto es lo que habría que copiar y luego os comento los ajustes necesarios. Sin miedo, que la mayor parte es CSS.

style
/* CONTENEDOR GENERAL */
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 2px solid #666666;
}
/* TITULO FEED/BLOG */
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #fff;
background-color: #F69537;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}
/* CONTENEDOR CUERPO SUPERIOR (entrada con resumen) */
.gfg-entry {
background-color : white;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
/* TITULO ENTRADA CUERPO SUPERIOR */
.gf-title a {
font-weight: bold;
}
/* SUBTÍTULO LISTA DE ENTRADAS */
.gfg-subtitle {
display: none;
}
/* CONTENEDOR CUERPO INFERIOR (lista entradas) */
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
/* CADA UNA DE LAS ENTRADAS DE LA LISTA */
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
/* ENTRADAS IMPARES DE LA LISTA */
.gfg-listentry-odd {
background-color : #eeeeee;
}
/* ENTRADAS PARES DE LA LISTA */
.gfg-listentry-even {
background-color : #fefefe;
}
/* MARCA PARA LA ENTRADA ACTUALMENTE VISIBLE */
.gfg-listentry-highlight {
background: #F69537;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #eee;
}
.gfg-listentry-highlight a {
color: #eee;
}
/* Ajustes */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;
}
/style
script src="http://www.google.com/jsapi" type="text/javascript"/scriptscript src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"/script
script type="text/javascript"
function showGadget() {var feeds = [{title:'Lista',url:'http://www.oloblogger.com/feeds/posts/default?redirect=false&start-index=5&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'OLOBLOGGER', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
/script
div id="feedGadget"Loading.../div

En verde he marcado lo que se puede configurar.

En primer lugar está la dirección del feed a mostrar. Esa (url:'http://www.oloblogger.com/feeds/posts/default) evidentemente la tenéis que cambiar por la vuestra. Podéis usar sin problemas la del tipo del ejemplo, una de FeedBurner o incluso una tipo http://NOMBRE_BLOG.blogspot.com/atom.xml.

Lo siguiente esstart-index=5. Este número indica a partir de qué post queremos empezar a mostrar. Si dejamos ahí un 1 que es lo que saldría por defecto, en la página principal del blog se verían en la lista las mismas entradas que tenemos a la vista en la página, es decir, los últimas, así que personalmente prefiero poner un número mayor. Si queréis que os muestre otras más antiguas todavía, pues sólo tenéis que incrementar la cifra.

max-results=10 indica el número máximo de entradas que vamos a leer del feed, a partir de la que indicamos en elstart-index=5. Este número siempre tiene que ser igual o superior al que veremos después y que servirá para fijar el número de entradas que realmente mostrará el gadget. Lo fácil sería poner un 500 para no fallar, pero cuanto mayor sea el número, más tardará en cargar el gadget, así que mejor ajustarlo a lo que queremos mostrar... o poco más.

Por último están algunos parámetros propios del script:

title: 'OLOBLOGGER', el rótulo que saldrá arriba del todo.
numResults : 10, número de posts que efectivamente se verán en la lista y rotando
displayTime : 5000, tiempo de retardo entre posts en el rotador (en milisegundos)
hoverTime : 500, tiempo mínimo sobre un elemento de la lista para que se visualice en la parte superior.

Y con CSS podemos obtener fácilmente un par de variantes que sólo nos mostrará el rotador o sólo la lista. En este mismo orden esto es simplemente lo que tendríamos que añadir para que se viera respectivamente como se muestra debajo del código.

.gfg-list {display:none;}

.gfg-entry {display:none;}

El código está obtenido de una librería que Google tiene para demos y en un principio no es probable que desaparezca. Si alguien quiere usarla desde un hosting propio, entonces habría quedescargarlo, cambiar la dirección y añadir a la carga de las librerías Google, la propia clave:

script src="http://www.google.com/jsapi/?key=AQUI_LA_CLAVE_PROPIA" type="text/javascript"/script

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Holland Michigan College Mortgage mesothelioma claims Car insurance quotes Utah structured settlement brokers average mesothelioma settlement most profitable internet business mesothelioma charities Email bulk service Social media platforms for business adverse credit remortgage compare small business phone systems mesothelioma law firm Futuristic Architecture Donate Cars in MA CAR INSURANCE QUOTES COLORADO Massage school Dallas Texas Social media tools Motor Replacements car accident lawyer michigan asbestos exposure lawyers injury attorney baton rouge Online Christmas cards Html email Online casino accident lawyers in los angeles BEST CRIMINAL LAWYER IN ARIZONA Casino reviews car insurance quotes colorado Dayton Freight Lines Casino attorney lawyer mesothelioma CAR INSURANCE QUOTES PA Automobile Accident Attorney Cheap Car Insurance in Virginia Custom WordPress theme designer mesothelioma lawsuit wisconsin mesothelioma attorney car insurance quotes DUI lawyer criminal defense attorneys florida Service business software NEUSON WordPress hosting donate your car for money Best social media platforms for business Mobile casino PhD in counseling education asbestos lawyers Make money online Australia compare life assurance Hire php developers pharmacist jobs in chicago Injury Lawyers Live casino Best social media platforms best mesothelioma lawyers DONATE CAR FOR TAX CREDIT HARDDRIVE DATA RECOVERY SERVICES Custom Christmas cards Social media platforms mesothelioma settlement amounts workplace accident attorney Dwi lawyer Hire php programmers anti spam appliance MET AUTO structured settlement purchasers Php programmers motor insurance quotes Structures Annuity Settlement Donate Cars Illinois futuristic architecture webex costs AUTO ACCIDENT ATTORNEY Donating a Car in Maryland Criminal defense lawyer virtual data rooms Social media strategies Online College Course Dallas Mesothelioma Attorneys Sell Annuity Payment Forensics Online Course Criminal lawyer Php programmers for hire benchmark lending primary pulmonary hypertension Cheap Car Insurance for Ladies Social media examiner Tech school online criminal justice degree Seo company HOLLAND MICHIGAN COLLEGE accident car florida lawyer Hire php developer truck accident attorney texas best accident attorneys Seo services mesothelioma personal injury lawyers los angeles auto accident attorneys Bankruptcy lawyer philadelphia mesothelioma lawyer all about mesothelioma structured settlement quote ashely madis car accident lawyers west palm beach Computer science classes online Seo companies Data Recovery Raid domain yahoo New social media platforms Donating Used Cars to Charity Business finance group How to Donate A Car in California caraccidentlawyer Claim See more at http//wwwginfostopnet/ register free domains Best Seo company mesothelioma attorney california Business management software car accident lawyers los angeles Social media management accident attorneys orange county anti spam exchange server STRUCTURED ANNUITY SETTLEMENT Online Colleges miami personal injury lawyer domains yahoo Italian cooking school Cheap auto insurance in VA Photo Christmas cards car insurance quotes mn mesothelioma law suit royalty free images stock Social media campaigns WordPress themes for designers Car Insurance Quotes PA illinois law lemon Business VOIP Solutions Paperport Promotional Code Donate your car for money Psd to WordPress Personal Injury Lawyers Adobe illustrator classes Email Bulk Service asterisk call center software injury lawyers Annuity Settlements selling a structured settlement mesothelioma trial attorney mesotheloma low credit line credit cards hughes net business ONLINE COLLEDGES Dayton freight lines Hard drive Data Recovery Services Christmas cards Proud Italian cook Psd to html car insurance quotes pa WordPress theme designers Donating used cars to charity DONATING A CAR IN MARYLAND chicago hair laser removal Learning adobe illustrator Car Insurance Companies Mesothelioma Law Firm Donate Car to Charity California Donate Old Cars to Charity Best Criminal Lawyers in Arizona Donate Car for Tax Credit ONLINECLASSES Donate Your Car Sacramento World Trade Center Footage motorcycle lawyer los angeles Donate Your Car for Kids Asbestos Lawyers how to donate a car in california Better conferencing calls DONATE YOUR CAR FOR MONEY business administration masters Car Insurance Quotes Colorado Nunavut Culture Donate old cars to charity Car Donate Donate a Car in Maryland DALLAS MESOTHELIOMA ATTORNEYS Neuson Register Free Domains Cheap Domain Registration Hosting houston mesothelioma attorney business voice mail service boulder personal injury lawyers Criminal Defense Attorneys Florida PSYCHIC FOR FREE Car Insurance Quotes Utah Life Insurance Co Lincoln Online Motor Insurance Quotes asbestos mesothelioma lawsuit semi truck accident lawyers CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Classes forensics online course Massage School Dallas Texas Psychic for Free Low Credit Line Credit Cards mesothelioma help personal injury law firm onlineclasses

miércoles, 21 de agosto de 2013

Plantillas

Plantilla periódico antiguo: OldNews – Plataforma

Bueno, pues como tengo muchos borradores por terminar pero pocas ganas de hacerlo, estos días me he dedicado a lo que me gusta, a toquetear plantillas.

El resultado ha sido terminar haciendo una base de esas que ya nadie hace ni fomenta e incluso desaconseja, ya que no va en la línea de lo que se lleva ahora... elflat design y esas cosas. Aunque siendo algo flexibles, lo mismo alguien opina que sí que esflat. Yo al menos, más plano que un papel pocas cosas conozco.

La cosa era simular un periódico antiguo con tonos gastados salmón y la única tinta que se usaba antaño, la negra, pero al final no sé si lo que me ha quedado es más como un panfleto propagandístico o como una hoja parroquial. También antiguos, eso sí.

En la siguiente captura os podéis hacer una idea de como queda y debajo de ella tenéis unos botones para descargar o acceder a la demo en vivo.

Demo

Descargar

La verdad es que visitando una noticia que me interesó, encontré un sitio con un diseño muy parecido y me moló. La pena es que perdí de vista la dirección y no la recuerdo, porque así podríais ver cómo queda "en real".

¿Y qué tiene de particular? Pues aparte del diseño en sí mismo casi nada.

Apenas un sistema automático de sumarios fácilmente configurable e incluso suprimible y un CSS que decolora todas las imágenes subidas y las muestraen tonos de gris. No obstante al hacer hover se ven a color para los que gusten lucir sus fotografías o las de otros.

Me va lo retro, elvintage... ¿qué queréis que le haga? :)

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

personal injury firm Car Insurance Quotes MN Cheap auto insurance in VA HOW TO DONATE A CAR IN CALIFORNIA adverse remortgage Car Insurance Quotes Colorado Cheap car insurance for ladies Criminal defense lawyer CRIMINAL DEFENSE ATTORNEYS FLORIDA mesothelioma information Life Insurance Co Lincoln Tech school Business management software Php programmers Car insurance quotes pa Injury Lawyers CAR DONATE Donate a Car in Maryland motorcycle lawyer los angeles mesothelioma charities Online casino Hire php developer anti spam exchange server Learning adobe illustrator Custom WordPress theme designer federal criminal defense attorney buyer of structured settlement annuity Hire php programmers DUI lawyer benchmark lending mesotheolima Casino Online Motor Insurance Quotes Hard drive data recovery services Mobile casino Make money online Australia mesothelioma Hire php developers Criminal Defense Attorneys Florida mesothelioma attorney illinois Casino reviews Live casino mesothelioma law firm verizon sip Online classes Mesothelioma Law Firm Custom Christmas cards CHEAP CAR INSURANCE IN VIRGINIA Forex Trading Platform Criminal lawyer data recovery raid Dwi lawyer bus accident attorneys Insurance Companies Met Auto Mortgage Adviser Seo services purchase structured settlements Seo company Sell Annuity Payment state of california car insurance motorcycle accident attorney chicago los angeles auto accident attorneys Online Criminal Justice Degree Best social media platforms Italian cooking school Service business software Social media tools Annuity Settlements Cheap Domain Registration Hosting california law lemon Php programmers for hire peritoneal mesothelioma WordPress themes for designers st louis mesothelioma attorney attorney lawyer mesothelioma Donate car to charity California sell annuity payment DONATE CARS IN MA Neuson alabama mesothelioma lawyer car accident lawyers west palm beach structured settlement annuity companies houston tx auto insurance virtual data rooms mesothelioma help CAR INSURANCE QUOTES MN DONATING USED CARS TO CHARITY Car Insurance Companies Online Stock Trading Bankruptcy lawyer michigan motorcycle accident lawyer Proud Italian cook mesothelioma ct Home Phone Internet Bundle dui lawyer scottsdale tennessee mesothelioma lawyer Cheap Car Insurance for Ladies Computer science classes online DAYTON FREIGHT LINES Online College Course buying structured settlements business voice mail service online criminal justice degree tucson car accident attorney MOTOR REPLACEMENTS Car Insurance Quotes car accident lawyer michigan car insurance quotes pa auto accident attorney Seo companies Best social media platforms for business Motor Replacements New social media platforms CAR INSURANCE QUOTES UTAH Business finance group Massage School Dallas Texas Motor Insurance Quotes Social media platforms for business Car insurance quotes MN LOW CREDIT LINE CREDIT CARDS Christmas cards best structured settlement companies Donate Your Car for Kids car insurance in south dakota selling my structured settlement Donating used cars to charity Best Seo company Social media examiner Asbestos Lawyers Auto Accident Attorney lease management software Paperport Promotional Code Dayton Freight Lines Structures Annuity Settlement Online Christmas cards email bulk service asbestos lung cancer How to Donate A Car in California Photo Christmas cards LIFE INSURANCE CO LINCOLN WordPress hosting Psd to WordPress better conferencing calls Social media management ONLINECLASSES Html email Social media platforms Donate cars Illinois Car insurance in South Dakota uk homeowner loans mesothelioma drug canada personals yahoo Gas/Electricity Psd to html utah mesothelioma lawyer mesothelioma litigation Car Insurance Quotes Utah WordPress theme designers Adobe illustrator classes Futuristic architecture Social media strategies Donate Cars in MA How to donate a car in California ROYALTY FREE IMAGES STOCK Social media campaigns donate your car for kids supportpeachtreecom Register free domains injury lawyers west palm beach Donate Car to Charity California Donate Car for Tax Credit hughes net business mortgage adviser georgia truck accident lawyer HARDDRIVE DATA RECOVERY SERVICES Donate Your Car Sacramento HOME PHONE INTERNET BUNDLE Insurance workers compensation lawyer los angeles mesothelioma care best mesothelioma lawyers Car Insurance in South Dakota Asbestos Lung Cancer Donating Used Cars to Charity Donating a Car in Maryland accident lawyers in los angeles Health Records Personal Health Record workplace accident attorney Royalty Free Images Stock Best Criminal Lawyers in Arizona Nunavut Culture pharmacist jobs in chicago Auto Mobile Insurance Quote Hard drive Data Recovery Services firm law mesothelioma mesothelioma attorney florida truck accident attorney texas HOLLAND MICHIGAN COLLEGE DONATE CAR FOR TAX CREDIT Donate Cars Illinois Email Bulk Service Dedicated Hosting Dedicated Server Hosting FUTURISTIC ARCHITECTURE Holland Michigan College Online Colleges mesothelioma symptoms Futuristic Architecture AUTOMOBILE ACCIDENT ATTORNEY Online Classes