Esprimere IT

Ho pensato che questo sarà uno uno scarabocchio a trovare in google, come molti ci scrittori interfaccia utente e lo script avrebbe bisogno di fare questo su una base quotidiana, che è include un po 'di pezzo del frammento di codice PHP (. Php) in un Smarty Template (. TPL). Mi resi conto che più facile / popolare tua domanda, ancora più difficile trovare l'esatta risposta ... un milione di risultati di ricerca ma la maggior parte di essi si riferiscono al "file" include in Smarty ... che ha la seguente sintassi

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

Questo in realtà inlcuded bene, ma il file come testo, Quello che volevo era il risultato di file incluso. (Tener presente quanto sopra viene utilizzato includono template all'interno di un file template). Infine, con un po '.... persiverance Mi sono imbattuto in una sintassi leggermente modificata, che è stata la risposta alla mia richiesta ... ecco che è ... se si havn't trovato uno già

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

Un altro tut veloce. Ecco qualcosa di semplice e piacevole utilizzando il potere del CSS ... ma era concieve difficile (e sicuramente non ero io) per cominciare. Aggiunta Dropshadow, potrebbe essere un pezzo del dolce per molti di noi, utilizzando alcuni strumenti di editing di immagini come Photoshop ANF Fireworks, ecc
Il motivo per cui, ho optato per ombra con i CSS è che, di solito durante la creazione di una struttura di pagina / html di una domanda, i requisiti di mantenere l'iterazione. Quello che voglio dire è, in un sito web esistente con molte immagini, come quelle che mostrano lista freinds o una galleria di immagini, sarà difficile per rielaborare l'intero carico di immagini che erano già stati scaricati per aggiungere o rimuovere le ombre, per quel materia.
Quindi, se avete fatto un po 'il pensiero in avanti, mentre i file HTML per la creazione di aggiungere queste divisioni extra o in genere la situazione è che hai un loop Logic generare queste icone / miniature in XSL, PHP. JAVA o di qualsiasi altro di programmazione / scripting language, è possibile aggiungere in qualsiasi momento, è quindi solo questione di spettacolo e hai tenuto nascoste queste ombre utilizzando la proprietà CSS display, come per i clienti mutevoli esigenze ... I Havn't fatto questo genere di trasmettere il pensiero prima di questo ... ma ahev Inizia ora!

Nell'esempio riportato di seguito, l'immagine originale è l'ombra di libero e le dropshadows vengono applicate come richiesto! Inoltre, ho fatto un piccolo extra, utilizzando i trucchi della mia precedente Tut (Well! questi sono probabilmente più breve serie di Tutorials, quindi è giustificato solo chiamandoli "Tut" 's) su CSS utilizzando la proprietà clip per mostrare solo

Immagine originale

CSS DropShadow Risultati

Visualizza Demo | Scarica SourceFiles

Perché voglio capire questo?? Humm ...!!

La maggior parte degli scrittori CSS sarebbe d'accordo che la proprietà Clip CSS è probabilmente una delle più inutilizzato proprietà CSS. E 'stato così vero anche per me ed è stato più felice di trascurare, fino a quando ho iniziato a modificare il MooTools due pomelli (Pin) Component Slider (con indicatore Range) .

C'era un buon suggerimento da uno degli utenti componente per modificare il componente Slider utilizzando immagini ritagliate da sfondo (contro una divisione larghezza variabile) per indicare l'intervallo cursore. Così è venuto il mio tempo per entrare nel divertimento, ma un-a noleggio (per me ovviamente) le acque della proprietà Clip CSS.

Bene! quanto possa essere difficile? Non più di tanto ... SI e NO. La sintassi per utilizzare la proprietà Clip CSS è abbastanza eretta, ma il significato / usuage è un po 'croocked. Con una memoria come la mia, ogni volta che mi siedo a rielaborare il mio script Slider ... ho tokeep rinviando all'uso di questa proprietà CLIP, per ricordare a me stesso la logica che ho creato nel mio script .... QUINDI! pensato di penna giù, con una speranza per ricordare che il futuro (e anche per il beneficio di coloro che sembrano ho provato con la proprietà Clip CSS)

Cosa fa clip CSS fare?

Clip è parte del modulo di effetti visivi di CSS 2.1. In poche parole, il suo compito è quello di posizionare una finestra visibile sulla parte superiore di un oggetto che viene tagliato, quindi ritaglio immagini e la creazione di miniature senza dover creare ulteriori file (ho già messo questa funzionalità per un migliore utilizzo nel componente Slider )

Utilizzando la proprietà Clip CSS, è possibile creare un ritaglio utilizzando la forma rect. Come molte altre proprietà CSS (come margin, padding, ecc), utilizzando rect richiede quattro coordinate Top, Right, Bottom, Left (GUASTO). La natura di questa proprietà croocked riflette quando si dà un'occhiata più da vicino come fermaglio calcola l'area di visualizzazione, utilizzando queste quattro coordinate (manda il cervello in un lancio per un po '). Ora, per confondere il fondo inizia dalla parte superiore, e la destra inizia da sinistra. . Vedete quello che ho detto? .... Quindi questo post ...

Questa confusione poco può facilmente scomparire, con questa spiegazione visiva del Clip / rect proprietà CSS, come qui sotto!!

CSS clip Requisiti

Il compito che abbiamo iniziato è quella di ritagliare l'immagine seguente Miniatura in un immagine più squadrata cercando (e anche un grandangolo immagine)

Thumbnal Original / Image	Requisiti clip per Sqaure Thumbmail

CSS risultati di clip

Visualizza Demo | Scarica SourceFiles

Questa domanda mi venne in mente un paio di volte prima, quando stavo lavorando su siti anche prima, che ha utilizzato WordPress per mostrare blog o nuovo tipo di contenuto in qualche parte del sito / portal.Being un novizio in PHP e intorno WordPress, ho continuato a procastinating, pensando "questo non è il mio pezzo del dolce". Finalmente! questo requisito è venuto fino a naso, quando ha iniziato diggin giro un po 'per la soluzione.
Sono stato sorpreso di scoprire che era davvero più facile di quanto pensavo che si fosse, per visualizzare un elenco di titoli o l'ultimo post su qualsiasi altra pagina al di fuori della sezione di WordPress-powered, usando solo un po 'di PHP e l'API di WordPress .

Ecco cosa fare: -
Per motivi di spiegazione, supponiamo che il sito è http://www.inchembur.com/ e vi è la sezione news di questo sito su http://news.inchembur.com/ (che è in esecuzione WordPress). Ora l'esigenza è quella di mostrare gli ultimi post di http://news.inchembur.com/ sulla home page del sito principale, vale a dire http://www.inchembur.com/index.php

Step1: Nel vostro index.php aggiungere il peice di codice seguente, includere il file di WordPress API. È possibile aggiungere questo alla parte superiore della pagina che si desidera che il post a comparire su.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); uso / / Disbable di WordPress Theme
require ('/ var / news.inchembur.com / wp-blog-header.php'); / / Include WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Get Latest Post
?>

Nel peice sopra di include, stiamo ottenendo solo il singolo post più recente. se volete provare altre varianti non esitate a scavare, query_posts() documentazione .

Fase 2: Ora, nella parte dell'Indice / Home page in cui si desidera visualizzare gli ultimi messaggi WordPress da http://news.inchembur.com , utilizzare il seguente codice. Inutile dire, sentitevi liberi di annuncio vostre divisioni stile, campate e le classi come per le vostre esigenze di progettazione.

Fase 3: Non c'è Step 3 ... Ecco fatto ... si è fatto!

Come mostrare una pagina specifica per il posto / in contrasto con l'ultimo post: -
Questo può essere facilmente achived alterando gli argomenti query_posts() per includere l'ID di pagina o slug

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = circa');

o È possibile controllare il numero di messaggi:
) ; query_posts showposts (= 3);