Išreikšdami IT

Maniau, tai vienas bus doodle rasti google, kaip daug jūs mums UI ir scenarijų rašytojai reikės tai padaryti per dieną iš dienos, tai yra įtraukti peice šiek tiek PHP kodo fragmentą. Php) į Smarty Šablonas (TPL). Aš supratau, kad lengviau / populiarus užklausą, dar sunkiau rasti tikslaus atsakymo ... milijono paieškos rezultatų, tačiau dauguma jų Italai į "failą" Smarty ..., kuris turi tokią sintaksę

{File = "include / header.php"}

Tai iš tiesų inlcuded failą gerai, bet kaip tekstas, Ką aš norėjau buvo pridedamas failas. (Pastaba: tai, kas išdėstyta pirmiau, yra naudojamas viduje šablono failo šabloną). Galiausiai su bitų persiverance .... Aš szarpnęły visoje modifikuoto slighty sintaksė, kuris buvo atsakymas į mano reikalavimas ... kad čia yra ... jei jūs havn't, rasti vieną jau

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

Kitas greitas tut. Čia yra kažkas, paprastas ir malonus naudojant CSS POWER ... bet buvo sunku concieve (ir jis tikrai buvo ne man) prasideda. Įrašyta Dropshadow, gali būti torto peice, daugelis iš mūsų, naudojant tam tikrą vaizdo redagavimo įrankiai kaip Photoshop Vidzemes Fejerverkai kt.
Priežastis, kodėl aš pasirinko lašo šešėliu naudojant CSS, kad, paprastai kuriant puslapio dizainas / html paraiškos, reikalavimai nuolat Iteracja. Ką reiškia egzistuojančią svetainę su daugeliu vaizdų, kaip tie, vaizduojančių freinds sąrašą arba vaizdų galeriją, ji bus sunku pakartotiniai perdirbti visas apkrovos vaizdų, kurie jau buvo iškrautos pridėti ar pašalinti šešėlius, kad klausimas.
Taigi, jei jūs turite padaryti šiek tiek į priekį mąstymą kuriant, HTMLS pridėti šiuos papildomus padalinius ar paprastai situacija yra, kad jūs turite Loop Logic, gaminantis šiuos piktogramas arba miniatiūros XSL, PHP,. Java arba bet kuri kita programavimo / skriptų kalba, galite pridėti jį bet kuriuo metu, tada yra tik šou ir, slepiasi šiuos šešėliai, naudojant CSS Ekranas turtą, kaip už klientų nuolat kintančių reikalavimų ... aš havn't, padaryti šį perspektyvi rūšiuoti prieš tai ... bet ahev, pradėjo dabar!

Toliau pateiktame pavyzdyje, originalus paveikslėlis šešėlis nemokamai, ir dropshadows taikoma, kaip reikalaujama! Be to, aš jau šiek tiek daugiau, mano ankstesnio TUT triukus [Well! tai tikriausiai yra trumpiausias įvairovė Mokymas, todėl ji yra pateisinama tik tada, vadindamas juos "Tut" ai) apie Naudojant CSS Clip Nekilnojamas parodyti tik

Originalaus vaizdo

CSS DropShadow rezultatus

Peržiūrėti Demo | Parsisiųsti sourcefiles

Kodėl aš noriu tai suprasti?? ... Humm!!

Dauguma, CSS rašytojų sutiktų, kad CPT Clip nuosavybė yra tikriausiai vienas iš daugelio JT naudojamų nuosavybės CSS. Tai buvo taip tiesa man ir buvo malonu pamiršti jį, kol aš pradėjau keisti MooTools DVIEJŲ rankenėlę (PIN) Slider sudedamoji dalis (su Kategorijos indikatorius) .

Buvo geras pasiūlymas iš vienos sudedamųjų vartotojams pakeisti Slider komponentą naudojant nukirpti backgroud vaizdus (palyginti su kintamo pločio skyriaus) nurodyti slankiklį asortimentą. Taigi atėjo mano laikas įvesti įdomus, bet JT atestuoto (me Žinoma) vandenys CSS Clip turto,.

Gerai! kaip sunku gali būti? Ne visai ... TAIP ir NE. Sintaksė CSS Clip turtą, yra gana stačios, bet reikšmė / usuage, yra šiek tiek croocked. Su pavyzdžiui, mano atmintyje, kaskart Sėdžiu pertvarkyti savo Slider Script ... Turiu tokeep, šio CLIP turto naudojimo, priminti sau tą logiką, kad aš sukūriau savo scenarijų .... Taigi! Manoma, kad švirkštimo priemonę žemyn, su viltimi, jį įsiminti, ateitis (taip pat ir tų, kurie atrodo naudai boggled CSS Clip turto)

Ką CSS Clip daryti?

Klipas yra viena iš modulio Visual Effects CSS 2.1. Paprasčiau tariant, jo darbas yra matomas langą ant objekto, yra nukirpti, taigi joms nukerpant vaizdus ir kurti miniatiūras neturint sukurti papildomus failus (aš jau geriau naudoti šią funkciją Slider komponento )

Naudojant CSS Clip turto, galite sukurti iškarpą naudojant rect formą. Kaip ir daugelyje kitų CSS savybės (kaip maržos, apdaila ir tt), naudojant rect reikalauja viršų keturios koordinatės, Dešinė, Apačia, Kairė (TRBL). Croocked šio turto pobūdis atspindi kai atidžiau pažvelgti, kaip klipas apskaičiuoja iškarpą regioną, naudojant šias keturias koordinates (smegenys siunčia į tam tikrą laiką išmesti). Dabar jums supainioti apačios pradeda nuo viršaus, ir teisė prasideda iš kairės. . Jūs matote, ką aš pasakiau? .... Taigi šis pranešimas ...

Tai šiek tiek painiavos gali lengvai išnykti, šį vizualų paaiškinimą CSS Clip / rect turto, kaip nurodyta toliau!!!

CSS Clip reikalavimai

Užduotis, mes pradėjome klipas šį vaizdelį į Kvadratas ieško paveikslėlio (o taip pat plataus kampo vaizdas)

Pirmapradžio Thumbnal / Vaizdo	Įrašo Reikalavimai Sqaure Thumbmail

CSS Clip rezultatus

Peržiūrėti Demo | Parsisiųsti sourcefiles

Šis klausimas kelis kartus, kol kirto mano protas, kai aš dirbau, svetainėse anksčiau per, kuri naudojama WordPress parodyti dienoraščiai arba naujo tipo turinį, nors svetainė / portal.Being PHP ir aplink WordPress naujokas, aš nuolat procastinating jį, galvoju: "tai ne mano peice vieni". Pagaliau! šis reikalavimas buvo net iki mano nosies, kai pradėjo Diggin aplink šiek tiek tirpalo.
Aš buvau nustebintas, kad ji tikrai buvo lengviau nei aš maniau jis buvo, rodyti antraštes sąrašą ar naujausius pranešimus kitą puslapį už WordPress varomą skyriuje, tiesiog naudodami šiek tiek PHP ir WordPress API .

Štai ką reikia daryti:
Paaiškinimo priežasčių manyti, kad Jūsų svetainė yra http://www.inchembur.com/ ir jūs turite šios svetainės naujienų skyriuje, apie http://news.inchembur.com/~~pobj kuris veikia WordPress). Dabar reikalavimas parodyti naujausius pranešimus nuo http://news.inchembur.com/~~pobj pagrindinės svetainės pagrindiniame puslapyje, ty http://www.inchembur.com/index.php

1 žingsnis: savo index.php pridėti šį peice,, kodas, įtraukti WordPress API failą. Galite įdėti šią nuorodą į puslapį, kurį norite Jūsų skelbiamas pranešimas pasirodys viršuje.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES "," false "); / / Disbable naudojimas WordPress temos
reikalauja ('/ var / news.inchembur.com / wp-blog-header.php "); / / Įtraukti WordPress API
; // Get Latest Post query_posts "showposts = 1") / / Gauti citata
?>

Be pirmiau peice yra, mes gauname tik vieną naujausią pranešimus. jei norite pabandyti daugiau variantų nedvejodami kasti į query_posts() dokumentacijos .

2 žingsnis: Dabar, į Indekso / Namų puslapio, kuriame norite rodyti naujausią WordPress pranešimus iš dalies http://news.inchembur.com , naudoti šį kodą. Nereikia nė sakyti, nedvejodami reklamos savo stiliaus skaidymui, tęsiasi ir klases, kaip už savo dizaino poreikius.

Step3: Nėra Žingsnis 3 ... Thats ... baigsite!

Kaip rodo tam tikrą, o ne po / psl naujausius pranešimus:
Šis gali lengvai achived, pakeičiant argumentus query_posts() puslapio ID arba puslapio šliužas

) ; query_posts "page_id = 7");
) ; query_posts "sugalvotas pavadinimas = apie");

ar galite valdyti pareigybių skaičių:
) ; query_posts straipsnio showposts = 3);