Uttrycka det

Jag trodde det kommer att vara ett klotter att hitta i Google, som många du oss UI och manusförfattare skulle behöva göra detta på en daglig basis, är som inkluderar lite av lappa av PHP kodsträng (. Php) i en Smarty mall (. TPL). Jag insåg att lättare / populär din fråga, ännu svårare att hitta det exakta svaret ... en miljon sökresultat men de flesta reffered till "Fil" omfattar Smarty ... som har följande syntax

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

Detta inlcuded faktiskt filen bra, men som text, vad jag ville var resultatet av inkluderade filen. (Observera att ovan används inkluderar mallen i en mall-fil). Slutligen med lite persiverance .... Jag snubblade över en modifierad aningen syntax, som var svaret på mina krav ... så här är det ... om du havn't hittade en redan

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

En annan sammanfattning Tut. Här är något enkelt och fint hjälp av kraften i CSS ... men var svårt concieve (och det säkert inte var jag) att börja med. Lägga DropShadow, kan vara en lappa av tårta för många av oss, att använda någon bildredigering verktyg som Photoshop ANF Fireworks etc.
Anledningen valde jag för skugga med hjälp av CSS är att oftast när du skapar en sida design / html av en ansökan, de krav som håller iteration. Vad jag menar är, i en befintlig webbplats med många bilder, som de visar freinds lista eller ett bildgalleri, kommer det att bli svårt att upparbeta hela laddningen av bilder som redan hade lossats att lägga till eller ta bort skuggor, för den ärendet.
Så om du har gjort en liten framåttänkande samtidigt som man skapar HTMLS att lägga till dessa extra divisioner eller oftast situationen är att du har en Loop Logic generera dessa ikoner / miniatyrer i XSL, PHP. JAVA eller något annat program / skriptspråk, kan du lägga till den när som helst, då är bara frågan om showen och dölja dessa skuggor med hjälp av CSS Display egendom, enligt kunderna ständigt föränderliga kraven ... Jag havn't gjort denna typ av framåttänkande innan denna ... men ahev igång nu!

I exemplet nedan är den ursprungliga bilden skuggan gratis och dropshadows appliceras som krävs! Dessutom har jag gått lite extra, genom att använda knep för min tidigare Tut (Well! detta förmodligen är kortast olika Tutorials, så det är bara motiverat att kalla dem "Tut" 's) om hjälp CSS Clip Property för att visa upp enbart

Originalbilden

CSS DropShadow Resultat

Visa Demo | Ladda ner sourcefiles

Varför vill jag förstå detta?? ... Humm!!

De flesta av CSS författare håller med om att CSS Clip egendomen är förmodligen en av de mest oanvända CSS-egenskaper. Det var så sant för mig också och var mest glad att försumma det, tills jag började ändra MooTools TWO Vred (Pin) Slider-komponenten (med Range Indicator) .

Det var ett bra förslag från en av de ingående användarna att ändra Slider-komponenten med klippta bakgrunden, bilder (mot en variabel bredd division) för att indikera reglaget området. Således kom min tid för att skriva det roliga, men un-chartrade (för mig självklart) vatten i CSS Clip fastigheten.

Tja! hur svårt det kan vara? Inte mycket alls ... Ja och nej. Syntaxen att använda CSS Clip fastigheten är ganska upprätt, men innebörden / usuage är lite croocked. Med ett minne som mitt, varje gång jag sitter att omarbeta på min Slider Script ... Jag har tokeep hänvisar till användning av detta klipp egendom, för att påminna mig själv den logik som jag har skapat i mitt manus .... BORT! ansåg att pennan ner med en förhoppning att komma ihåg det i framtiden (och även till förmån för dem som verkar boggled av CSS Clip Property)

Vad gör CSS Clip?

Clip är en del av visuella effekter modul CSS 2,1. Enkelt uttryckt, är dess uppgift att placera ett synligt fönster ovanpå ett objekt som är klippt, varför klippning bilder och skapa thumbnails utan att behöva skapa ytterligare filer (jag har redan lagt den här funktionen användas bättre i Slider-komponenten )

Använda CSS Clip egendom, kan du skapa en klippning med rect formen. Liksom många andra CSS-egenskaper (som marginal, padding etc), med hjälp av rect kräver fyra koordinater Top, höger och undre, vänster (FEL). Den croocked naturen av fastigheten speglar när man tar en närmare titt på hur klipp beräknar klippning regionen med hjälp av dessa fyra koordinater (skickar hjärnan i en kasta ett tag). Nu till förvirra dig ner startar från toppen, och den högra börjar från vänster. . Du ser vad jag sa? .... Därför detta inlägg ...

Denna lilla förvirring kan lätt försvinna med denna visuella förklaring av CSS klipp / rect egendom som nedan!!

CSS Clip Krav

Den uppgift vi har igång är att klippa följande Miniatyrbild bilden i rektangulär ser bild (och även en vidvinkel bild)

Original Thumbnal / bild	Clip Krav Sqaure Thumbmail

CSS Clip Resultat

Visa Demo | Ladda ner sourcefiles

Denna fråga passerade mig några gånger förut, när jag jobbade på platser tidigare också, används som WordPress för att visa bloggar eller nytt typ av innehåll i någon del av webbplatsen / portal.Being en novis i PHP och omkring WordPress, höll jag procastinating det tänkte "detta är inte min lappa of cake". Äntligen! detta krav kom upp näsan, när den startas Diggin runt lite för lösning.
Jag blev förvånad över att det verkligen var lättare än jag faktiskt trodde att det var, för att visa en lista över rubriker eller till det senaste inlägget på någon annan sida utanför WordPress-powered sektion bara använda lite PHP och WordPress API .

Här är vad man ska göra: -
Av skäl som förklaring, antar att din webbplats är http://www.inchembur.com/ och du har nyheterna avsnittet för den här webbplatsen för http://news.inchembur.com/ (som körs WordPress). Nu kravet är att visa det senaste inlägget från http://news.inchembur.com/ på hemsidan för den största anläggningen, dvs http://www.inchembur.com/index.php

Steg 1: I din index.php lägga till följande lappa av kod, Inkludera WordPress API filen. Du kan lägga den på toppen av sidan du vill att ditt inlägg ska visas på.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable användning av WordPress Theme
kräver ("/ var / news.inchembur.com / wp-blogg-header.php '); / / include WordPress API
; // Get Latest Post query_posts (showposts = 1 '), / / Get Senaste inlägg
?>

I ovanstående lappa av inkluderar vi får bara den enskilt mest senaste inlägg. Om du vill prova fler variationer gärna gräva i, query_posts() dokumentation .

Steg 2: Nu, i den del av Index / hemsida där du vill visa det senaste WordPress inlägget från http://news.inchembur.com Använd följande kod. Naturligtvis gärna annonsen din styling divisioner, spänner och klasser enligt dina design behov.

Steg 3: Det finns ingen Steg 3 ... Thats det ... du är klar!

Hur visar ett specifikt inlägg / sida i motsats till det senaste inlägget: -
Detta kan lätt åstadkommes genom att förändra argument till query_posts() för att inkludera sidan ID eller sidan skvätten

) ; query_posts ('page_id = 7');
) ; query_posts ('sidnamn = ca');

eller Du kan kontrollera antalet inlägg:
) ; query_posts (showposts = 3);