Expresando TI

Pensé que éste será un garabato de encontrar en Google, como muchos escritores que nos interfaz de usuario y el guión tendría que hacer esto en el día a día, es decir son un poco pedazo de fragmento de código PHP (. Php) en un Plantilla Smarty (. TPL). Me di cuenta de que más fácil / popular a su consulta, aún más difícil encontrar la respuesta exacta ... un millón de resultados de la búsqueda, pero la mayoría de ellos reffered a "archivo" incluye en Smarty ... que tiene la siguiente sintaxis

{Include file = "include / header.php"}

En realidad, esto inlcuded el archivo bien, pero como el texto, lo que quería era el resultado de archivo incluido. (Tenga en cuenta lo anterior se utiliza la plantilla incluyen dentro de un archivo de plantilla). Por último, con un poco persiverance .... Me topé con una sintaxis levemente modificada, la cual era la respuesta a mi solicitud ... así que aquí está ... si todavía no se encuentra uno ya

{Include_php file = "include / header.php"}

Otro tut rápida. Aquí hay algo sencillo y agradable usar el poder del CSS ... pero era concibian difícil (y seguramente no era yo), para empezar. Adición de Sombra, podría ser un pedazo de pastel para muchos de nosotros, usando algunas herramientas de edición de imágenes como Photoshop ANF fuegos artificiales, etc
La razón por la cual, he optado por el uso de CSS sombra es que, por lo general, mientras que la creación de un diseño de página / HTML de una aplicación, los requisitos de mantener la iteración. Lo que quiero decir es, en un sitio web existente con muchas imágenes, como las que muestran la lista freinds o una galería de imágenes, que será difícil volver a procesar toda la carga de las imágenes que ya habían sido descargadas para agregar o quitar las sombras, para que materia.
Así que si usted ha hecho un poco de visión de futuro al crear los htmls para añadir estas divisiones adicionales o por lo general la situación es que usted tiene una lógica de bucle generación de estos iconos o imágenes en miniatura en XSL, PHP. Java o cualquier otro lenguaje de programación / scripting, se puede añadir en cualquier momento, entonces es sólo la cuestión de mostrar y ocultar las sombras mediante la propiedad CSS Display, de acuerdo con las cambiantes necesidades de los clientes cada vez ... yo no te has hecho este tipo de visión de futuro antes de esto ... pero ahev empieza ya!

En el siguiente ejemplo, la imagen original es libre de sombras y los dropshadows se aplican según sea necesario! Además, he ido un poco más, mediante el uso de los trucos de mi anterior Tut (bien! estos probablemente son las más cortas variedad de tutoriales, por lo que sólo se justifica que califica de "Tut" 's) sobre uso de la propiedad CSS clip para mostrar sólo

Imagen original

CSS Resultados DropShadow

Ver demo | Descargar SourceFiles

¿Por qué quiero entender esto?? Humm ...!!

La mayoría de los escritores CSS de acuerdo en que la propiedad CSS clip es probablemente uno de la mayoría de los productos no utilizados de las propiedades CSS. Era tan real para mí también, y era el más feliz de olvidar, hasta que empecé a modificar el MooTools DOS Perilla (Pin) de componente Slider (con indicador de la gama) .

Hubo una buena sugerencia de uno de los usuarios de los componentes para modificar el componente Slider utilizando imágenes recortadas backgroud (contra una división de ancho variable) para indicar el rango deslizador. Así llegó el tiempo para entrar en la diversión, pero inexplorado de (para mi por supuesto) a las aguas de la propiedad Clip CSS.

Bueno! lo difícil que puede ser? No mucho ... SI y NO. La sintaxis para usar la propiedad CSS clip es bastante vertical, pero el significado / usuage es un poco croocked. Con una memoria como la mía, cada vez que me siento a trabajar en el guión de mi deslizante ... tengo tokeep refiriéndose al uso de esta propiedad CLIP, para recordarme a mí mismo la lógica que he creado en mi guión .... POR LO TANTO! cree que la pluma hacia abajo, con la esperanza de recordar que el futuro (y también para el beneficio de aquellos que parecen aturdida por la propiedad CSS clip)

¿Qué Clip CSS hacer?

Clip es parte del módulo de efectos visuales de CSS 2.1. En pocas palabras, su trabajo consiste en colocar una ventana visible en la parte superior de un objeto que está siendo cortado, por lo tanto, recortar imágenes y crear miniaturas sin tener que crear archivos adicionales (ya he puesto esta función para un mejor aprovechamiento en el componente Slider )

Uso de la propiedad Clip de CSS, puede crear un recorte con la forma rect. Al igual que muchas otras propiedades CSS (como el relleno, etc margen), utilizando rect requiere cuatro coordenadas Superior, Inferior Derecha, Izquierda (FALLO). La naturaleza croocked de esta propiedad refleja el momento en que eche un vistazo más de cerca cómo se calcula clip de la región de recorte, el uso de estos cuatro coordenadas (envía el cerebro en un sorteo por un tiempo). Ahora, para confundir a la parte inferior se inicia desde la parte superior, y el derecho se inicia desde la izquierda. . ¿Ves lo que te dije? .... Por lo tanto este post ...

Este poco de confusión pueden desaparecer fácilmente, con esta explicación visual de la CSS Clip / rect propiedad como de abajo!!

CSS Requisitos Clip

La tarea que hemos comenzado es para recortar la imagen en miniatura siguiente en una imagen más cuadrada buscando (y también una imagen de gran angular)

Thumbnal original / imagen	Requisitos para el clip Sqaure Thumbmail

CSS Resultados Clip

Ver demo | Descargar SourceFiles

Esta pregunta cruzó por mi mente un par de veces antes, cuando estaba trabajando en los sitios antes también, que utiliza WordPress para mostrar blogs o nuevo tipo de contenido en alguna parte del sitio / portal.Being un novato en PHP y alrededor de WordPress, me mantuve procastinating, pensando "este no es mi pedazo de pastel". ¡Por fin! este requisito llegó hasta mi nariz, cuando se inicia cavando alrededor de un pedacito de solución.
Me sorprendí al descubrir que en realidad era más fácil de lo que realmente pensaba que era, para mostrar una lista de los titulares o el último mensaje en cualquier otra página fuera de la sección de WordPress potencia, simplemente usando un poco de PHP y la API de WordPress .

Esto es lo que debe hacer: -
Por razones de explicación, supongamos que su sitio es http://www.inchembur.com/ y usted tiene la sección de noticias de este sitio en http://news.inchembur.com/ (que se está ejecutando de WordPress). Ahora bien, el requisito es para mostrar el último puesto de http://news.inchembur.com/ en la página principal del sitio principal, es decir, http://www.inchembur.com/index.php

Paso 1: En el index.php agregar el pedazo de código siguiente, se incluya el archivo de WordPress API. Puedes añadir esto a la parte superior de la página que quieres que tu mensaje aparezca en.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); uso / / Disbable del Tema de WordPress
require ('/ var / news.inchembur.com / wp-header.php de blog de'); / / Incluir WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Obtener Último mensaje
>

En el pedazo anterior de inclusión, que estamos recibiendo sólo el mensaje más reciente single. si quieres probar otras variaciones no dude en indagar en, query_posts() la documentación .

Paso 2: Ahora, en la parte de la página Índice / Casa en la que desea mostrar el último mensaje de WordPress http://news.inchembur.com , utilice el siguiente código. Huelga decir que, no dude en anuncio de sus divisiones de estilo, se extiende y las clases como por sus necesidades de diseño.

Paso 3: No hay paso 3 ... Eso es todo ... lo tienes hecho!

¿Cómo mostrar una página específica posterior / frente al último mensaje: -
Esta facilidad es capaz de crear mediante la alteración de los argumentos para query_posts() para incluir el ID de la página o la página de bala

) ; query_posts ('page_id = 7');
) ; query_posts ('= nombre de la página de');

o Se puede controlar el número de puestos:
) ; query_posts showposts (= 3);