Título con forma de banda superpuesta plegada – PHD – Auto – Law Firm

Ni idea de cómo se llama técnicamente este efecto pero para decirlo en menos palabras sólo podría indicar que es lo que podéis ver hoy día en este blog. Lo que se intenta es que el título simule ser una superficie superpuesta sobre las entradas, que cuando alcanza el borde de estas se pliega hacia atrás.

He usado un antiguo blog de pruebas para ilustrarlo, así que si cuando veas esto ya no observas aquí nada parecido a lo explicado, echa un vistazo a este otro ejemplo:

Acceso a demo

El código que pondré es el utilizado para este último ejemplo, pero algunos valores variarán forzosamente según la plantilla utilizada así que lo mejor es entender cómo funciona todo y no limitarse a copiar y pegar. Si luego no se sabe ajustar, lo normal es que no sirva de mucho.


Lo que haremos será convertir el título en un elemento de bloque para poder tratarlo en cuanto a propiedades de manera independiente y lo único destacable en esta parte será que lo desplazaremos a la izquierda mediante un margen izquierdo negativo.

Luego añadiremos un triángulo un poco más claro para completar el efecto, situándolo bajo el título y alineado con el lado izquierdo de este. Es así de sencillo.


Para lo primero añadimos este CSS antes del cierreSKIN (/b:skin):

h3.post-title {
position:relative;
display:block;
overflow:hidden;
width: 85%;
height: 2em;
margin: 5px 0 0-28px;
padding:2px 4px 4px 40px;
background: #333;
border: 1px solid #555;
border-radius:10px 10px 0 0;
line-height:1.10em;
}

Si probamos conVista Previa observaremos cómo el título ha quedado dentro de un rectángulo con fondo negro, un borde más claro y desplazado hacia la izquierda.

Evidentemente, cada cual puede ajustar márgenes, padding, fondo y bordes como mejor le cuadre con su blog, pero lo que es imprescindible es que el cuarto valor delmargin sea negativo. Ese valor es el que se lleva el título hacia la izquierda, fuera del cuerpo de las entradas, y es el que deberéis ajustar para que quede exactamente dónde vosotros queráis.

En algunas plantillas puede que esa parte no sobresalga como debiera. En ese caso es porque probablemente el cuerpo de las entradas tenga unoverflow:hidden que precisamente hará invisible todo lo que sobresalga.

Hay dos opciones si ocurre esto. Una es comprobar si es prescindible eseoverflow y quitarlo. La otra es directamente olvidarse de este truco. Lo siento, pero habría que modificar muchas cosas para mantener eloverflow y compatibilizarlo con esto.


Para el triángulo tendremos que crear una nueva clase CSS para después incluirla en la parte HTML de la plantilla.

Esta sería la clase que formaría el triángulo y su posición se controla nuevamente con elmargin. El primer valor hace que se muestre bajo el rectángulo del título y el último es el que controla el desplazamiento a la izquierda. Otra vez, ese es el dato a modificar para colocarlo en el sitio exacto:

.trih3 {display: block;
z-index: -1;
height: 0px;
width: 0px;
margin: -12px 0 0-40px;
border: 12px solid transparent;
border-right: 12px solid #222;
}

Vista Previa no nos mostrará todavía nada porque no hemos utilizado esa clase en nuestra plantilla. Tras incluirla de la forma que se explica a continuación ya podremos echar un vistazo e ir ajustando su posición. Paciencia.

ConExpandir plantillas de artilugios seleccionado buscamospost.title hasta llegar a un trozo de código como este. En él insertamos justo antes del último cierreif una capa vacía con la clasetrih3. La línea la he marcado en color verde.

b:includable id='post' var='post'
div class='post hentry'
a expr:name='data:post.id'/
b:if cond='data:post.title'
h3 class='post-title entry-title'
b:if cond='data:post.link'
a expr:href='data:post.link'data:post.title//a
b:else/
b:if cond='data:post.url'
b:if cond='data:blog.url != data:post.url'
a expr:href='data:post.url'data:post.title//a
b:else/
data:post.title/
/b:if
b:else/
data:post.title/
/b:if
/b:if
/h3
div class='trih3'/
/b:if

Ahora sí que podemos ver cómo queda el conjunto y rectificar lo necesario modificando los valores de margin negativos deh3.post-title y.trih3.

El resto es la parte "artística". Cuando el fondo del título sea claro, el del triángulo tendrá que ser un punto más oscuro para simular profundidad. Cuando el fondo del título sea muy oscuro, como en este ejemplo, el triángulo tendrá que ser un poco más claro para que se aprecie el cambio de tonalidad.

El fondo del título en el código de esta entrada está definido en la líneabackground: #333; y el del triángulo en la que rezaborder-right: 12px solid #222;. Suele resultar interesante el añadir una imagen como fondo en lugar de un color plano.

En el código podéis ver también unborder-radius que he añadido y que es prescindible, pero os permitirá redondear ciertas esquinas. El orden de los valores que contiene marca las esquinas superior-izquierda, superior-derecha, inferior-derecha e inferior-izquierda, respectivamente.

Nota: La caja contenedora, en este casopost, no debe tener unoverflow: hidden o el efecto quedará oculto al desbordar la misma. En su caso quitar esa propiedad CSS si no es imprescindible.

Y si quieres el mismo efecto pero doble y quizás incluso más fácil de montar, en estaotra entrada lo tienes

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE 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 searchSelling 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 lawyer asbestos cancer lawsuit Virtual Data Rooms injury lawyer houston tx Donate Cars in MA DUI lawyer truck accident attorney texas Criminal defense attorneys Florida ONLINE MOTOR INSURANCE QUOTES quotes car buying structured settlements cheap domain registration hosting Photo Christmas cards Car Insurance Quotes Utah WordPress hosting Online casino Car Insurance in South Dakota city college in miami best structured settlement companies Mobile casino motorcycle accident lawyer san francisco best accident attorneys Donate Old Cars to Charity personal injury lawyer sarasota fl student loan consolidation program Social media platforms for business Casino selling structured settlement Seo companies benchmark lending mesothelioma trial attorney Online Colleges Dwi lawyer Proud Italian cook asbestos lung cancer mesothelioma settlements domain registration yahoo motor insurance quotes Hire php developer buyer of structured settlement annuity Computer science classes online WordPress themes for designers Tech school Seo services Business finance group HOLLAND MICHIGAN COLLEGE Donate Car for Tax Credit Futuristic Architecture mesothelioma lawsuit Casino reviews CAR DONATE CHEAP AUTO INSURANCE IN VA Cheap Domain Registration Hosting Make money online Australia New social media platforms Adobe illustrator classes refinance with poor credit structured settlement purchasers fortis health insurance temporary Massage School Dallas Texas Donate Your Car for Kids PHD on Counseling Education canada personals yahoo cash out annuity Dedicated Hosting Dedicated Server Hosting Hire php programmers Best Criminal Lawyers in Arizona domain name yahoo Online Criminal Justice Degree online motor insurance quotes structured settlement sell Service business software Better conferencing calls selling my structured settlement Live casino Dayton Freight Lines houston tx auto insurance Forensics online course DAYTON FREIGHT LINES st louis mesothelioma attorney washington mesothelioma attorney Massage school Dallas Texas mesothelioma lawyer virginia World Trade Center Footage structered settlement motorcycle accident attorney sacramento Hire php developers Forensics Online Course Mesothelioma Law Firm mesothelioma claim holland michigan college structured settlement need cash now Criminal lawyer ANNUITY SETTLEMENT Criminal defense lawyer BETTER CONFERENCING CALLS anti spam exchange server Best criminal lawyer in Arizona Php programmers for hire MASSAGE SCHOOL DALLAS TEXAS refinance with bad credit Online Christmas cards Car insurance quotes MN Donate a car in Maryland Donate car to charity California Injury Lawyers Structures Annuity Settlement Asbestos Lung Cancer Bankruptcy lawyer Php programmers Business management software Best social media platforms for business Low Credit Line Credit Cards Online Stock Trading mesothelioma settlements amounts mesothelioma DONATE YOUR CAR SACRAMENTO Cheap Car Insurance for Ladies Learning adobe illustrator DONATE A CAR IN MARYLAND how to donate a car in california Donate a Car in Maryland life insurance co lincoln Custom WordPress theme designer Best Seo company How to Donate A Car in California CRIMINAL DEFENSE ATTORNEYS FLORIDA car accident lawyers los angeles CHEAP CAR INSURANCE IN VIRGINIA CAR INSURANCE IN SOUTH DAKOTA Best social media platforms FORENSICS ONLINE COURSE Seo company business voip solutions annuity payment Custom Christmas cards Gas/Electricity Donating Used Cars to Charity Business VOIP Solutions Life Insurance Co Lincoln Psd to WordPress yahoo web hosting structured settlement blog Annuity Settlements Social media examiner Social media management accident lawyers in los angeles Html email Social media platforms WEBEX COSTS DONATE YOUR CAR FOR KIDS Christmas cards Psd to html Italian cooking school google adsense WordPress theme designers mesothelioma claims car donate adverse remortgage car insurance quotes colorado car insurance quotes mn workers compensation lawyer los angeles Social media strategies Social media campaigns PSYCHIC FOR FREE Social media tools Psychic for Free donate your car for kids Donate cars in ma Paperport promotional code Donate Car to Charity California WebEx costs personal injury lawyer car accident lawyer san bernardino event management security Car Insurance Quotes PA Motor Replacements Donate Your Car Sacramento ONLINECLASSES Sell Annuity Payment buying an annuity calculator Asbestos Lawyers saskatchewan auto insurance Car Insurance Quotes Colorado CAR INSURANCE QUOTES UTAH sell structured settlement calculator Nunavut Culture auto insurance yuba city ca low credit line credit cards Attorney Hard drive Data Recovery Services most profitable internet business Car Insurance Quotes MN DONATING A CAR IN MARYLAND caraccidentlawyer Holland Michigan College domain yahoo Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida Register Free Domains online criminal justice degree Mortgage Adviser Dayton freight lines harddrive data recovery services mesotheloma Health Records Personal Health Record Automobile Accident Attorney Car Accident Lawyers asbestos exposure lawyers attorney lawyer mesothelioma

Personalizar la URL de cada post en Blogger – cancer

Esto no es un truco, sino una nueva utilidad que no sé desde cuando está disponible desdeBlogger in draft, es decir, desde el banco de pruebas de Blogger. Por tanto de momento no la veréis si no entráis desde allí.

Lo he visto por casualidad, aunque buscando información he comprobado que algunos blogs han publicado al respecto esta última semana, de lo que se infiere que posiblemente sea algo muy reciente.


En primer lugar creo que conviene preguntarse para qué nos puede servir esto y la respuesta no es otra que para favorecer el posicionamiento de las entradas publicadas en nuestro blog.

Desde el punto de vista SEO supone poder introducir palabras clave en un lugar tan importante como la propia dirección del post, ya que actualmente esta dirección se obtiene del título pero se graba truncada por la derecha, pudiendo quedar alguna de esas palabras clave fuera de la URL.


Actualmente las direcciones se generan automáticamente con la siguiente estructura:

http://DIRECCION_HOME/AÑO/MES/TITULO_TRUNCADO.html

Si entramos a editar o crear una nueva entrada desde Blogger in draft, ahora veremos a la derecha una nueva opción llamadaEnlace permanente. Ahí, escogiendoURL personalizada se puede escribir la dirección que gustemos y esa será la que para siempre tendrá el post correspondiente.

Con respecto a la estructura general, que sería la antes indicada y que aparecería si dejáramos seleccionadaURL automática -opción por defecto-, esta otra opción nos cambiaríaTITULO_TRUNCADO por el texto ahí tecleado.

Sin duda una dirección más corta y aunque en plan telegráfico, más descriptiva de cara a los motores de búsqueda. La inclusión del año y el mes en la URL sigue sin poderse modificar.


Al igual que pasa con el sistema automático, una vez publicado el post ya no se podrá cambiar la dirección, así que si alguien está pensando en cambiar las direcciones de los posts antiguos, sólo le quedaría la opción de crear redirecciones una por una. No se si merece la pena el esfuerzo.

El ejemplo está en esta propia entrada que en el sistema automático hubiera sidohttp://www.oloblogger.com/2012/06/personalizar-la-url-de-cada.htm, pero si todo funciona bien, debería serhttp://www.oloblogger.com/2012/06/url-personalizada-blogger.htm. Sólo hay que comparar título de la entrada y barra de direcciones del navegador.


Una última cosa. No se puede escribir cualquier cosa como dirección. Los espacios en blanco y algunos otros caracteres no están permitidos, pudiendo utilizar sin problemas alfanumericos, guiones y guiones bajos, aunque estos últimos creo que están desaconsejados.

Por tanto, lo mejor parece que es crear los susodichos telegramas sólo con letras y números, separando las palabras con guiones.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

asbestos lung cancer Proud Italian cook structured settlement blog HOW TO DONATE A CAR IN CALIFORNIA Criminal lawyer Miami PSYCHIC FOR FREE Hire php programmers Casino reviews fast cash for house fortis health insurance temporary Cheap Auto Insurance in VA PhD in counseling education Social media platforms for business Webex Costs Hire php developer Cheap Domain Registration Hosting Custom Christmas cards buy gift card WordPress hosting Online casino Auto Accident Attorney VIRTUAL DATA ROOMS Mortgage Adviser selling a structured settlement Car Insurance Quotes PA Best criminal lawyer in Arizona Car Insurance Quotes Colorado Criminal Defense Attorneys Florida broward county dui lawyer Hire php developers Donating Used Cars to Charity cash out structured settlement Cheap car insurance for ladies lawsuit mesothelioma LOW CREDIT LINE CREDIT CARDS asbestos lawyers How to donate a car in California sell annuity payment Social media campaigns Paperport Promotional Code Php programmers miami personal injury attorney Cheap auto insurance in VA Casino Italian cooking school Donate your car Sacramento mesothelioma attorney miami personal injury lawyer Make money online Australia quotes car Live casino mesothelioma attorney directory philadelphia mesothelioma lawyer california law lemon Php programmers for hire Online Christmas cards Mobile casino injury lawyers CHEAP AUTO INSURANCE IN VA MORTGAGE ADVISER california motorcycle accident lawyer CRIMINAL DEFENSE ATTORNEYS FLORIDA Adobe illustrator classes Neuson DUI lawyer auto insurance yuba city ca cash out annuity what is structured settlement Donate cars Illinois donate old cars to charity orlando criminal attorney Business management software hair removal washington dc ONLINECLASSES Social media tools Futuristic architecture CHEAP CAR INSURANCE IN VIRGINIA Asbestos Lawyers mesothelioma lawyer houston Dwi lawyer Criminal defense lawyer Best social media platforms for business Donate Car to Charity California Social media management ROYALTY FREE IMAGES STOCK Better Conference Calls Holland Michigan College Criminal lawyer insurance medical temporary donating used cars to charity mesothelioma lawyer dallas car donate ANNUITY SETTLEMENT Service business software Personal Injury Law Firm personal injury lawyer Donating a Car in Maryland mesothelioma care AUTO ACCIDENT ATTORNEY saskatchewan auto insurance personal injury solicitor WordPress theme designers Online Criminal Justice Degree DONATING A CAR IN MARYLAND Bankruptcy lawyer REGISTER FREE DOMAINS mesothelioma attorney illinois Computer science classes online mesotheioma yahoo web hosting Auto Mobile Insurance Quote Business finance group Seo companies Online Stock Trading HARDDRIVE DATA RECOVERY SERVICES home phone internet bundle Social media strategies Annuity Settlements Donate a Car in Maryland New social media platforms online colledges Custom WordPress theme designer Donate Your Car Sacramento Social media platforms CAR INSURANCE IN SOUTH DAKOTA Asbestos Lung Cancer buyers of structured settlements Car Insurance Quotes Utah personal injury lawyer sarasota fl sell structured settlement calculator Seo services Auto Mobile Shipping Quote car insurance in south dakota best consolidation loan student Best Seo company Best social media platforms Donate Car for Tax Credit Seo company mesothelioma claims DONATE A CAR IN MARYLAND structured annuity settlement MOTOR REPLACEMENTS mesothelioma trial attorney Car Accident Lawyers Photo Christmas cards FUTURISTIC ARCHITECTURE WordPress themes for designers personal injury accident lawyer ashely madis Donate Old Cars to Charity PAPERPORT PROMOTIONAL CODE Psd to WordPress Motor replacements tennessee mesothelioma lawyer Futuristic Architecture accident attorney orange county Christmas cards mesothelioma lawsuit Social media examiner Tech school Forensics Online Course Html email Paperport promotional code city college in miami Donate Car To Charity CALIFORNIA diagnosed with mesothelioma Dallas mesothelioma attorneys Psd to html Psychic for Free structured settlement sell DALLAS MESOTHELIOMA ATTORNEYS Learning adobe illustrator mesothelioma cases Mesothelioma Law Firm CAR INSURANCE QUOTES UTAH ONLINE COLLEDGES Donate Cars in MA Dayton Freight Lines How to Donate A Car in California Sell Annuity Payment World Trade Center Footage accident lawyers in los angeles Online College Course Donate Your Car for Kids Structures Annuity Settlement Health Records Personal Health Record structured settlement purchasers Massage School Dallas Texas Nunavut Culture Hard drive Data Recovery Services personal injury attorney torrance Attorney mesothelioma charities DONATE CARS IN MA mesothelioma Motor Replacements motor insurance quotes Donating used cars to charity mesothelioma lawyers san diego Donate Cars Illinois bus accident attorneys Best Criminal Lawyers in Arizona Car Insurance in South Dakota Life Insurance Co Lincoln Online Motor Insurance Quotes Online Colleges CAR ACCIDENT LAWYERS Online Classes supportpeachtreecom chicago hair laser removal

Página con sombras simulando profundidad – Criminal – Teleconferencias

Un truco fácil. Se trata simplemente de añadir una sombra en la parte superior del blog, de manera que parezca que la página visitada se encuentra hundida en el marco que deja libre el navegador para su visualización.

La sombra estará por tanto debajo de las barras de herramientas del navegador con un resultado similar a este. Hay que tener en cuenta que el efecto sólo se podrá apreciar bien en sitios con fondos claros o al menos no muy oscuros.

La sombra la ubicaremos con un posicionamiento fijo, así que cuando nos desplacemos por la página, esta siempre permanecerá visible en la parte de arriba.

La forma de añadirla es mediante la pseudoclase:before asociada al contenedor principal de todas las páginas web, esto es,body. Ahí añadiremos un pequeño desplazamiento vertical, una altura limitada y un ancho igual al total de la ventana. El resto lo hacen unbox-shadow y unz-index con valor alto para que ningún elemento se superponga a la sombra.

body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
z-index: 100;
}

Este código es simple CSS, que en Blogger habrá que insertar entre las etiquetasskin para que funcione.


Se puede añadir otra sombra adicional (o en lugar de la anterior) en el lado derecho, realzando más el efecto. Para ello habría que añadir unas propiedades y valores muy parecidos pero en el:after.

body:after {
content: "";
position: fixed;
top: 0;
right: 0;
width: 1px;
height: 100%;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
z-index: 100;
}

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,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,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling 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

Car Insurance Quotes Utah Dayton Freight Lines Hire php developers car accident lawyer michigan register free domains lawsuit mesothelioma Donate cars in ma Low credit line credit cards CHEAP AUTO INSURANCE IN VA Seo services How to donate a car in California chicago hair laser removal webex costs Casino reviews small business administration sba insurance medical temporary Php programmers for hire forensics online course Psd to html car insurance quotes car insurance in south dakota Social media platforms for business WordPress hosting Tech school ONLINE COLLEDGES Best social media platforms for business DONATE YOUR CAR SACRAMENTO mesothelioma lawyer virginia car accident lawyer in san diego Met auto DONATE YOUR CAR FOR KIDS MOTOR REPLACEMENTS Social media strategies cheap auto insurance in va Live casino MESOTHELIOMA LAW FIRM ONLINECLASSES mesothelioma claim cell cycle regulation ppt Massage school Dallas Texas Donate Your Car for Kids structered settlement att call conference Health Records Personal Health Record best structured settlement companies Criminal defense attorneys Florida Christmas cards auto accident attorney annuity payment mesothelioma attorney florida domain name yahoo Online casino personal accident attorney Casino Mobile casino criminal defense attorneys florida colorado mesothelioma lawyers Make money online Australia Photo Christmas cards compare small business phone systems phd in counseling education Criminal defense lawyer Dedicated Hosting Dedicated Server Hosting mesothelioma lawyers san diego Seo companies personal injury law firm Html email Social media examiner domains yahoo Mortgage adviser Webex Costs philadelphia mesothelioma lawyer DUI lawyer CAR DONATE DONATE OLD CARS TO CHARITY Hire php programmers Dwi lawyer Donating Used Cars to Charity mesothelioma drug Criminal lawyer Service business software Donate Car to Charity California Auto Accident Attorney Social media management mesothelioma charities CAR INSURANCE QUOTES MN Cheap Car Insurance in Virginia compare life assurance Motor Replacements sell annuity payment Donating a car in Maryland Hire php developer buyers of structured settlements Low Credit Line Credit Cards Bankruptcy lawyer Social media campaigns Computer science classes online accident attorneys orange county Php programmers Business finance group New social media platforms ROYALTY FREE IMAGES STOCK data recovery raid DONATE CAR FOR TAX CREDIT Royalty free images stock business voice mail service caraccidentlawyer Dayton freight lines Custom WordPress theme designer LOW CREDIT LINE CREDIT CARDS personal injury attorney torrance Seo company yahoo web hosting CAR INSURANCE IN SOUTH DAKOTA best accident attorneys Best Seo company Business management software Best social media platforms SELL ANNUITY PAYMENT Car Insurance in South Dakota Annuity Settlements Donate your Car for Money structured settlement agreement car insurance quotes mn Online College Course Online Christmas cards buy gift card motor replacements michigan motorcycle accident lawyer Online Motor Insurance Quotes Custom Christmas cards BETTER CONFERENCING CALLS WordPress themes for designers Business VOIP Solutions Futuristic Architecture donating used cars to charity Psd to WordPress orlando criminal attorney Massage School Dallas Texas How to Donate A Car in California Automobile Accident Attorney personal injury accident lawyer onlineclasses futuristic architecture how to donate a car in california Social media platforms anti spam exchange server Italian cooking school Proud Italian cook DONATING A CAR IN MARYLAND adverse credit remortgage PSYCHIC FOR FREE Dallas Mesothelioma Attorneys WordPress theme designers Adobe illustrator classes Structures Annuity Settlement Learning adobe illustrator florida car insurance company Social media tools Donate Cars Illinois CAR INSURANCE QUOTES PA Mesothelioma Law Firm Donate Car for Tax Credit Personal Injury Lawyers REGISTER FREE DOMAINS Donate Cars in MA Donate Your Car Sacramento LIFE INSURANCE CO LINCOLN Car Insurance Quotes PA Home phone internet bundle Sell Annuity Payment Auto Mobile Shipping Quote selling annuity mesothelioma law firms Asbestos Lawyers average mesothelioma settlement Best Criminal Lawyers in Arizona Holland Michigan College Donate a Car in Maryland purchase structured settlements Car Insurance Quotes Colorado mesothelioma attorney directory mesothelioma law suit Nunavut Culture cloud identity and access management Hard drive Data Recovery Services structured settlement company verizon sip donate your car for kids Cheap Domain Registration Hosting Donating a Car in Maryland mortgage adviser Criminal Defense Attorneys Florida online colledges dallas mesothelioma lawyer Online classes structured settlement annuity companies Life Insurance Co Lincoln WebEx costs Online Colleges Paperport Promotional Code Online Classes World Trade Center Footage Psychic for Free CHEAP CAR INSURANCE IN VIRGINIA Donate Old Cars to Charity Met Auto Car Insurance Quotes MN Cheap Auto Insurance in VA Forensics Online Course

Alojamiento de ficheros (PHP) en Byethost. Tutorial – Curso – Hipotecario

Por gentileza deJosiño, a continuación un tutorial gráfico para poder darnos de alta en el servicio de hosting gratuitoByethost y posteriormente grabar ficheros de los que podremostirar en caliente para utilizarlos en otros sitios, como por ejemplo desde nuestro blog.

Esta entrada viene motivada por los problemas que a algunos les han surgido intentando crear un PHP para gestionar los pedidos pore-mail usando Simplecart de manera directa omediante la plantilla Blogger Store.

Para manejar ese tipo de ficheros que son del lado del servidor, necesitamos por narices un alojamiento que soporte y por supuesto gestione este lenguaje. Ocurriría lo mismo si queremos tener una base de datos. Blogger no nos proporciona este servicio pero otros alojamientos como el que hoy comentamos sí.

---

En primer lugar accedemos alsitio y pinchamos enFree Hosting.

El paso siguiente es registrarnos y al principio de la página a la que llegamos encontramos unClick here to sign up for free hosting que nos llevará a esa parte.

Ahora nos encontramos con el típico formulario de registro, creo que sin dificultad para su comprensión. De todas formas, para los que estén peleados con la lengua de Shakespeare, en este mismo orden hay que ir tecleando:

• nick o nombre de usuario (Username)
• contraseña (Password)
• dirección de correo (Email Address); importante que sea la auténtica
• categoría del sitio (Site Category); no parece importante
• lenguaje del sitio a crear (Site Language)

Tras introducir un código de seguridad tipo captcha pincharemos enRegister y recibiremos en nuestro correo un link para activar el servicio. Ese enlace lleva a una página con un botón sencillo que al pincharlo nos remite un segundo correo con los datos de nuestro nuevo hosting. Este ya incluye las claves de acceso a los distintos servicios (de ahí la importancia de que utilicemos un correo bueno).


Una vez visto ese correo, volvemos al menú superior de la página para pinchar en el cartelitoMember login here.

Se despliega un menú con fondo gris arriba del todo y ahí hay que introducir el usuario y contraseña con el que nos registramos inicialmente (no el recibido por correo).

Ahora por fin accedemos al panel ftp que nos dará acceso al hosting propiamente dicho. El usuario y contraseña ahora sí que son los del correo que nos remitieron. Estos datos vienen indicados en él comoCpanel Username yCpanel Password.

De todas las opciones que nos salen, la que nos interesa para alojar ficheros es la que lleva el nombreAdministrador de archivos.

Aparece un árbol de directorios y archivos. En Byethost todos deben colgar del llamadohtdocs, así que pinchamos en ese enlace y nos metemos dentro de esa carpeta.

Se me olvidó comentar que podemos cambiar el lenguaje en el desplegable superior de la derecha. Lo hacemos ahora si así lo queremos, pero nuestro cometido principal aquí es seleccionarNuevo archivo para por fin empezar a redactar el fichero que necesitamos.

Nos aparece un editor con el mensaje[Enter code here]. Suprimimos ese mensaje y ahí tecleamos (o pegamos) el código que necesitamos usar. Para lo del correo electrónico que comentábamos al principio sería este (no olvidar cambiar el correo de ejemplo por el propio):

Como el lenguaje usado en este caso es PHP le damos al archivo un nombre que lleve esa extensión (email.php). Si fuera una página web sencilla la extensión sería .htm o .html; para un JavaScript, .js; etc. En cada caso habrá que usar la extensión que corresponda al tipo del fichero.

Pinchando en el icono del diskette guardamos el fichero de manera definitiva. Si luego cambiamos algo habría que volver a guardar para actualizar el fichero.


Lo último de todo sería obtener la dirección de nuestro archivo para poderlo usar desde otro sitio. Tenemos que volver al correo electrónico que recibimos tras la activación y fijarnos en la dirección web que nos asignó el sistema de Byethost.

En la captura anterior vemos enYour URL que nos tocóhttp://oloman.byethost11.com o la misma con www previo. Al haber metido el fichero en el directorio principal, la dirección será:

http://oloman.byethost11.com/email.php

...Fin de la transmisión....

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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

structured settlement brokers Holland Michigan College Mobile casino Casino reviews Service business software boulder personal injury lawyers personal injury solicitor donating used cars to charity Best social media platforms How to Donate A Car in California Better Conference Calls WordPress themes for designers Donate Car for Tax Credit Car Insurance Quotes MN Seo companies Business finance group primary pulmonary hypertension Motor Insurance Quotes Insurance Companies virtual data rooms BEST CRIMINAL LAWYER IN ARIZONA Social media strategies massage school dallas texas Online casino event management security AUTO ACCIDENT ATTORNEY Adobe illustrator classes Social media management Automobile Accident Attorney mesothelioma care Donate Cars in MA Dwi lawyer hughes net business Cheap Auto Insurance in VA WordPress theme designers Email Bulk Service Structures Annuity Settlement Casino Php programmers for hire CHEAP CAR INSURANCE FOR LADIES mesothelioma law suit Car insurance quotes pa Cheap car insurance in Virginia structered settlement best mesothelioma lawyers Paperport Promotional Code mesothelioma personal injury lawyers See more at http//wwwginfostopnet/ hosted predictive dialers new york mesothelioma law firm FUTURISTIC ARCHITECTURE structured settlement buyers PAPERPORT PROMOTIONAL CODE CHEAP DOMAIN REGISTRATION HOSTING miami personal injury lawyer Custom Christmas cards Criminal defense lawyer Cheap Car Insurance in Virginia selling annuity payments for cash Christmas cards state of california car insurance Make money online Australia compare small business phone systems Live casino personal injury attorney ocala fl WEBEX COSTS alcohol rehab center in florida DUI lawyer Hire php developers car insurance quotes colorado mesothelioma settlements amounts Seo services illinois law lemon Hire php programmers Car Insurance in South Dakota truck accident attorney texas Criminal lawyer california mesothelioma attorney Car insurance quotes Utah Donating a Car in Maryland Social media platforms for business webex costs WordPress hosting online motor insurance quotes cell cycle regulation ppt WebEx costs Psd to html Car Insurance Companies Hire php developer Social media campaigns World trade center footage Bankruptcy lawyer car insurance quotes Forex Trading Platform Business management software MET AUTO Computer science classes online Social media examiner Hard drive Data Recovery Services Car Insurance Quotes PA Php programmers mesothelioma attorney directory mesothelioma lawyer virginia Low Credit Line Credit Cards peritoneal mesothelioma Best social media platforms for business New social media platforms SELL ANNUITY PAYMENT personal accident attorney donate your car for money Custom WordPress theme designer car accident lawyer in san diego structured settlements annuities annuity payment Neuson Best Seo company Personal Injury Lawyers refinance with poor credit Met Auto structured settlement purchasers Psychic for Free mesothelioma attorney florida Seo company Online Christmas cards Mesothelioma Law Firm car insurance in south dakota life insurance quotes Photo Christmas cards Donate cars in ma Psd to WordPress student loan consolidation program structured settlement investments car accident lawyers los angeles mesothelioma charities structured settlement annuity companies ANNUITY SETTLEMENT DALLAS MESOTHELIOMA ATTORNEYS Tech school donate car for tax credit Html email Social media platforms Proud Italian cook HOW TO DONATE A CAR IN CALIFORNIA houston mesothelioma attorney structured settlement agreement criminal defense federal lawyer Italian cooking school windows phone for business Dallas mesothelioma attorneys accident attorney san bernardino ONLINE COLLEDGES LIFE INSURANCE CO LINCOLN wisconsin mesothelioma attorney Donate your car for kids Mortgage Adviser Learning adobe illustrator Social media tools all about mesothelioma chicago hair laser removal Donate Car to Charity California Donate Your Car for Kids CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Colleges Donate Your Car Sacramento Cheap Car Insurance for Ladies car crash attorneys Sell Annuity Payment MORTGAGE ADVISER selling my structured settlement new mexico mesothelioma lawyer Asbestos Lawyers VIRTUAL DATA ROOMS Car Insurance Quotes Colorado cash out annuity NUNAVUT CULTURE Donate old cars to charity Annuity Settlements Motor Replacements World Trade Center Footage Nunavut Culture Donate Car To Charity CALIFORNIA Dayton Freight Lines Health Records Personal Health Record benchmark lending tucson car accident attorney Hard drive data recovery services domains yahoo CHEAP AUTO INSURANCE IN VA Donate a Car in Maryland DONATE YOUR CAR FOR MONEY Best Criminal Lawyers in Arizona Cheap Domain Registration Hosting Car insurance in South Dakota structured settlement cash out Donate Cars Illinois Criminal Defense Attorneys Florida Donating a car in Maryland accident attorney orange county structured settlement blog att call conference Personal Injury Law Firm mesothelioma lawyer california houston tx auto insurance Car Insurance Quotes Utah Futuristic Architecture Life Insurance Co Lincoln Online Motor Insurance Quotes Claim HARDDRIVE DATA RECOVERY SERVICES Online Classes

Transformando el gadget de posts populares – Hipotecario

Los gadgets que vienen de serie con Blogger normalmente están controlados por clases con nombres fijos y por lo tanto es relativamente fácil atacarlos para después de instalados modificar su apariencia con CSS.

En este ejemplo cambiaremos un poco el deEntradas Populares de manera que se convierta en un menú gráfico con tooltips o mensajes emergentes que muestran el título del posts.



Actualmente podéis ver uno igual con pequeñas variaciones en la parte inferior de este blog y el resultado exacto en lademo que hace tiempo preparé para ilustrar una serie de modificaciones que propuse para laplantilla Blogger Store.


Sólo tenéis que copiar este cógigo en cualquier parte entre las etiquetasSKIN de vuestra plantilla y listo. Para los curiosos, una pequeña explicación después.

.popular-posts {margin-top:10px;}
.popular-posts ul {width: 500px; margin: 0 auto; text-align:center;}
.popular-posts .item-snippet{display: none;}
.popular-posts ul li {position:relative; float:left; list-style-type: none; padding: 0 0 0 5px ;}
.popular-posts ul li a {text-decoration:none; color: #000;}
.popular-posts li img {background: #666666; padding: 2px; filter:alpha(opacity=100); -moz-opacity:1; -webkit-opacity:1;-o-opacity:1;-ms-opacity:1; opacity:1;
transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear;}
.popular-posts li img:hover {filter:alpha(opacity=60); -moz-opacity:.6; -webkit-opacity:.6; -o-opacity:.6; -ms-opacity:.6; opacity:.6;}
.popular-posts li .item-title a {z-index:1; width: 150px; height: auto; line-height: 16px; padding: 5px; font-style: italic; font-size: 14px; text-decoration:none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; border: 2px solid #cc0000; background: #eeeeee; background: rgba(255,255,255,0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 5px; pointer-events: none; position: absolute; left: 50%; margin-left: -75px; bottom:190px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0;-o-opacity:0;-ms-opacity:0; opacity:0;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.popular-posts li:hover .item-title a {bottom:80px; filter:alpha(opacity=100); -moz-opacity:1; -webkit-opacity:1;-o-opacity:1;-ms-opacity:1; opacity:1;}

El gadget Entradas Populares lo que simplemente hace es montar una lista en la que muestra título del post, miniatura y un pequeño resumen de texto, estos dos últimos de manera opcional. Sabiendo esto y viendo el código que se genera, lo demás sólo consiste en reconocer qué parte controla qué:

div class='widget PopularPosts' id='PopularPosts1'
h2Los más demandados/h2
div class='widget-content popular-posts'
ul
li
div class='item-thumbnail-only'
div class='item-thumbnail'
a href='URL_POST' target='_blank'
img alt='' border='0' height='72' src='URL_MINIATURA' width='72'/
/a
/div
div class='item-title'a href='URL_POST'Título de la entrada/a/div
div class='item-snippet'Resumen/div
/div
div style='clear: both;'/div
/li
(sigue con el resto de elementos de la lista, cierre de UL y cierre del DIV principal)

En un principio podríamos usar laID PopularPost1 como contenedor general, pero si alguien añade un segundo gadget de este tipo, laID terminará en 2, por eso preferí usar la clase anidada siguiente junto awidget-content, esto es,popular-posts.

Siguiendo el código...

.popular-posts ul se corresponde con el contenedor general
.popular-posts ul li con cada elemento de la lista o conjunto título-miniatura-resumen
.popular-posts ul a con los enlaces (título del post, imagen)
.popular-posts li img con la miniatura

Los efectos se hacen con los correspondienteshover añadiendo una opacidad total para un estado y trasparencia para el contrario. Lleva añadido una posición vertical distinta (bottom) en cada estado para conseguir la aparición deltooltip. Lo demás es el resultado de utilizartransition.

En esta entrada hay más información sobre este tipo demensajes emergentes animados.


Con el mismo sistema y con la clase adecuada, se pueden hacer cosas parecidas con casi todos los gadgets, así que a practicar que yo me voy de fiesta. Esta semana me lo he ganado aunque no sea por mi actividad en el blog.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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

buyer of structured settlement annuity Insurance best consolidation loan student webex costs FUTURISTIC ARCHITECTURE tennessee mesothelioma lawyer How to Donate A Car in California mesothelioma attorney florida buying structured settlements Hire php developer Life Insurance Co Lincoln Business finance group WORLD TRADE CENTER FOOTAGE Online casino Social media strategies orlando criminal attorney Casino workers compensation lawyer los angeles hair removal washington dc CRIMINAL DEFENSE ATTORNEYS FLORIDA CHEAP CAR INSURANCE FOR LADIES Donate Car to Charity California Motor Replacements Custom Christmas cards Asbestos Lawyers criminal defense federal lawyer georgia truck accident lawyer Make money online Australia donate old cars to charity Mobile casino Car insurance in South Dakota Auto Accident Attorney Php programmers Online motor insurance quotes REGISTER FREE DOMAINS diagnosed with mesothelioma mesothelioma survival rates motor insurance quotes WEBEX COSTS Computer science classes online Seo company Casino reviews Custom WordPress theme designer car crash attorneys Virtual Data Rooms mesothelioma claim Learning adobe illustrator Donate Car for Tax Credit Social media management Attorney VIRTUAL DATA ROOMS Online Classes Live casino purchase structured settlements Dayton Freight Lines Seo companies Donate Your Car Sacramento car accident lawyer michigan cheap auto insurance in va accident attorney in los angeles Motor replacements better conferencing calls Psd to html Psd to WordPress mesotheolima DUI lawyer virtual data rooms Hire php developers Cheap car insurance in Virginia Donate a Car in Maryland DONATE YOUR CAR FOR KIDS Car Insurance Companies Donating Used Cars to Charity Donate Old Cars to Charity CAR INSURANCE QUOTES COLORADO buying an annuity calculator Criminal defense attorneys Florida Hire php programmers Dwi lawyer ROYALTY FREE IMAGES STOCK Forensics online course Html email selling annuity Criminal lawyer World trade center footage home phone internet bundle Service business software Dallas Mesothelioma Attorneys MESOTHELIOMA LAW FIRM Webex Costs car insurance quotes colorado domain yahoo DAYTON FREIGHT LINES Criminal defense lawyer Php programmers for hire Donate Your Car for Kids Bankruptcy lawyer mesothelioma law suits anti spam exchange server PSYCHIC FOR FREE Donate Cars in MA Health Records Personal Health Record Neuson accident car florida lawyer Social media platforms Futuristic Architecture Nunavut culture DONATE YOUR CAR FOR MONEY Criminal lawyer Miami BETTER CONFERENCING CALLS structered settlement Car Insurance Quotes Utah Best social media platforms for business New social media platforms Injury Lawyers canada personals yahoo WordPress theme designers MOTOR REPLACEMENTS world trade center footage asbestos lawyers Low credit line credit cards car accident lawyers los angeles Social media platforms for business domain registration yahoo Seo services Nunavut Culture PAPERPORT PROMOTIONAL CODE Best Seo company Business management software Business Voip Solutions Best social media platforms Online Christmas cards Personal Injury Lawyers Photo Christmas cards mesothelioma claims WordPress themes for designers structured settlement investments WordPress hosting fortis health insurance temporary insurance medical temporary Social media examiner Cheap Auto Insurance in VA Tech school CAR INSURANCE IN SOUTH DAKOTA city college in miami Christmas cards Proud Italian cook Social media campaigns Online Colleges Mortgage Adviser Donate your Car for Money Forensics Online Course Italian cooking school Massage School Dallas Texas Criminal Defense Attorneys Florida Adobe illustrator classes anti spam appliance Donating a car in Maryland business email web hosting Paperport promotional code DONATING A CAR IN MARYLAND Online College Course mesothelioma lawsuits asbestos exposure lawyers Social media tools Donating used cars to charity Mesothelioma Law Firm car insurance companies refinance with bad credit philadelphia mesothelioma lawyer Cheap auto insurance in VA Car insurance quotes pa phd in counseling education World Trade Center Footage LOW CREDIT LINE CREDIT CARDS peritoneal mesothelioma How to donate a car in California pharmacist jobs in chicago Sell Annuity Payment mesothelioma information CAR INSURANCE QUOTES MN motorcycle accident lawyer california Donate Cars Illinois DONATE CARS IN MA Structures Annuity Settlement Car Insurance Quotes Colorado mesothelioma attorney california Annuity Settlements selling my structured settlement Hard drive Data Recovery Services ashely madis injury lawyers Cheap Domain Registration Hosting accident attorney orange county supportpeachtreecom best structured settlement companies Email Bulk Service mesothelioma settlements amounts Donating a Car in Maryland mesothelioma symptoms ANNUITY SETTLEMENT Car insurance quotes Colorado lease management software Register Free Domains Best Criminal Lawyers in Arizona donate car for tax credit Holland Michigan College bus accident attorney los angeles Online Motor Insurance Quotes DONATING USED CARS TO CHARITY