Väljendades IT

Ma arvasin, et see on tobu leida google, kui palju sa meid UI ja stsenaristid oleks vaja teha seda igapäevaselt, et on lisada natuke tükk PHP koodijupi (. Php) arvesse Smarty mall (. liikluskindlustus). Sain aru, et lihtsam / populaarne päringu, isegi raskem leida täpset vastust ... miljonit otsingutulemuste kuid enamik neist puuks "file" hõlmab Smarty ... kes on järgmine süntaks

{Hulka file = "sisaldab / header.php"}

See tegelikult kuulumise fail trahvi, kuid kui teksti, mida ma tahtsin oli tingitud lisatud faili. (Märkus eespool kasutatakse lisada malli sees template fail). Lõpuks on natuke persiverance .... Ma komistas kogu vähest muutmine süntaks, mis oli vastus minu nõue ... nii et siin see on ... kui sa havn't leidsin ühe juba

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

Teine kiire TTÜ. Siin on midagi lihtsat ja kena kasutades võimu CSS ... aga oli raske concieve (ja see kindlasti ei olnud mina) alustada. Lisades Dropshadow, võib olla tükk kooki paljud meist, kasutades mõnd pilditöötlus vahendeid, nagu Photoshop ANF Ilutulestik jne
Põhjus, miks olen valinud varju kasutades CSS on see, et tavaliselt luues lehe disaini / html taotluse, nõuded hoida iterating. Mida ma mõtlen on olemasoleva veebilehe palju pilte, nagu need väljapanek freinds nimekirja või pildigaleriid, siis on raske ümber töödelda kogu koormus pilte, mis oli juba maha lisada või eemaldada varjud, sellel asi.
Nii et kui sa oled teinud natuke edasi mõelda luues HTMLS lisada need extra jaotumise või tavaliselt olukord, et sul on Loop Logic tekitavad need ikoonid / pisipildi XSL, PHP. JAVA või muu programmeerimine / skript keel, siis saad lisada selle igal ajal, siis on lihtsalt küsimus näidata ja peita need varjud kasutades CSS Display vara, kui ühe kliendi pidevalt muutuvaid nõudeid ... ma havn't teinud omamoodi edasi mõelda enne seda ... aga ahev hakkas nüüd!

Allpool toodud näites, originaal pilt on vari tasuta ja dropshadows on rakendatud kui vaja! Samuti olen läinud veidi ekstra, kasutades trikke minu varasem Tut (Well! need ilmselt on lühim erinevaid Tutorials, nii et see on õigustatud ainult kutsudes neid "TTÜ" 's), umbes Kasutades CSS Clip Property jaoks uhkeldama ainult

Original Image

CSS DropShadow Results

Vaata Demo | Lae sourcefiles

Miks ma tahan sellest aru?? ... Humm!!

Enamik CSS kirjanikud nõus, et CSS Clip vara on ilmselt üks kõige un kasutatud CSS omadused. See oli nii õige minu jaoks liiga ja oli väga õnnelik, et unustada seda, kuni ma hakkasin muutmise Mootools KAKS Knob (Pin) Slider Component (koos Range Indicator) .

Oli hea ettepanek ühe komponendi kasutajatel muuta Slider Component kasutades kärbitud backgroud pilte (võrreldes muutuva laiusega Division), mis näitab liugurit vahemikus. Seega tuli minu kord siseneda lõbus, kuid ÜRO prahitud (minu jaoks loomulikult) vetes CSS Clip vara.

Hästi! kui raske see võib olla? Mitte palju üldse ... Jah ja ei. Süntaksit kasutada CSS Clip vara on päris püsti, kuid tähendus / usuage on natuke croocked. Mis mälu nagu minul, everytime ma istun ümber tegema mu Slider Script ... Mul on tokeep viidates tagasi kasutamine käesoleva CLIP vara meelde mina loogikast, et olen loonud oma script .... HENCE! Arvatakse, et pen ta maha, lootuses, et mäletan seda tulevikus (ja ka kasuks, kes tunduvad boggled poolt CSS Clip Property)

Mida CSS Clip teha?

Clip on osa visuaalseid efekte moodul CSS 2,1. Lihtsamalt öeldes, tema töö on panna nähtav akna peal objekt, mis on lõigatud, seega lõikamine pilte ning luua pisipildid, ilma et luua täiendavaid faile (olen juba panna see funktsioon paremini kasutada Slider Component )

Kasutades CSS Clip vara, saate luua lõikamine, kasutades rect kuju. Nagu paljud teised CSS omadused (näiteks margin, padding jms), kasutades rect nõuab 4 koordinaadid Top, Right, All, Vasakul (TRBL). Croocked iseloomu vara kajastatakse siis, kui lähemalt vaadata, kuidas clip arvutab lõikamine piirkonnas, kasutades neid 4 koordinaadid (saadab aju Toss mõnda aega). Nüüd segadusse teid alt alustatakse ülevalt ja õigus algab vasakult. . Sa näed, mida ma ütlesin? .... Seega see post ...

See väike segadus lihtsalt kaob, selle visuaalne selgitus CSS Clip / rect vara alla!!

CSS Clip nõuded

Ülesande oleme hakanud on klipp järgmised Thumbnail pildi ruudukujulisemaks otsin pilti (ja ka lainurk-pilt)

Original Thumbnal / Image	Clip Nõuded sqaure Thumbmail

CSS Clip Results

Vaata Demo | Lae sourcefiles

See küsimus ületanud minu arvates paar korda enne, kui ma töötasin saitidel varem ka, mida kasutatakse WordPress näidata blogisid või uut tüüpi sisu teatud osa site / portal.Being algaja PHP ja ümber WordPress, hoidsin procastinating see, mõeldes: "See ei ole minu tükk kooki". Lõpuks! see nõue tuli upto minu nina, kui hakkas diggin ümber natuke lahus.
Ma olin üllatunud, et see oli tõesti lihtsam, kui ma tegelikult arvasin, et see, et kuvada nimekiri pealkirju või viimast postitust muu lehele väljaspool WordPress töötav osa, lihtsalt kasutades natuke PHP ja WordPress API .

Siin on, mida teha: -
Tõttu selgitada, eeldame, et teie sait on http://www.inchembur.com/ ja sul on uudiseid selle saidi http://news.inchembur.com/ (mis töötab WordPress). Nüüd on nõue, et näidata viimast postitust alates http://news.inchembur.com/ kodulehekülg peamine saidi, st http://www.inchembur.com/index.php

1. etapp: Oma index.php lisada järgmine tükk kood, Kaasa WordPress API faili. Võite lisada selle lehe soovite oma postituse ilmuma.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable kasutamine WordPress Theme
nõuda ("/ var / news.inchembur.com / wp-blog-header.php '); / / Kaasa WordPress API
; // Get Latest Post query_posts (showposts = 1 '); / / Siia Latest Post
?>

Eespool tükk hulka, me oleme ainult ühe Viimane postitus. kui sa tahad proovida rohkem variante julgelt kaevama, query_posts() dokumentatsiooni .

Samm 2: Nüüd, osa Index / kodulehekülg, kus soovite näidata viimast WordPress ametikoha http://news.inchembur.com , kasuta järgmist koodi. Ütlematagi selge, et vabalt reklaami oma stiil jaotumise, kestab ja klasside kohta oma disaini vajadustele.

Step3: Ei ole Step 3 ... thats it ... olete teinud!

Kuidas näidata konkreetse ametikoha / leht, mitte viimast postitust: -
See võib kergesti achived muutes argumendid query_posts() , et kaasata lehe ID või lehekülje limukas

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

või saab juhtida Postituste arv:
) ; query_posts (showposts = 3);