Izsakot IT

Es domāju, tas viens būs Rotaļlieta atrast google, kā daudz jūs mums UI un scenārija autori būs nepieciešams to darīt uz ikdienas pamata, kas ir arī mazliet peice PHP koda fragmentu punkta. PHP) pa Smarty veidņu (. tpl). Es sapratu, ka vieglāk / tautas vaicājumu, pat grūtāk atrast precīzu atbildi ... miljons meklēšanas rezultātu, bet lielākā daļa no tiem viedokļu iesniegšanu "File" ietver, jo Smarty ... kas ir šādu sintaksi

{Ietvert failu = "Iekļaut / header.php"}

Tas faktiski inlcuded failu labi, bet kā teksts, ko es gribēju bija rezultāts iekļauta failā. (Piezīme Iepriekš izmantoti tādi veidni iekšā veidnes failā). Beidzot ar mazliet persiverance .... I stumbled pāri slighty modificēta sintaksi, kas bija atbilde uz manu prasību ... tāpēc šeit tas ir ... ja jūs havn't atradu vienu jau

{Include_php fails = "Iekļaut / header.php"}

Vēl viens ātrs tut. Šeit ir kaut kas vienkāršs un jauks, izmantojot pilnvaras CSS ... bet bija grūti concieve (un tas noteikti nebija man), lai sāktu ar. Pievienojot Dropshadow, varētu būt peice kūka daudziem no mums, izmantojot kādu attēlu rediģēšanas rīkus, piemēram, Photoshop ANF uguņošana utt
Iemesls, kāpēc es izvēlējās Drop Shadow, izmantojot CSS ir tāda, ka, parasti vienlaikus radot lapas dizains / html pieteikumus, prasības turēt atkārtojot. Ko es domāju ir, Jo esošās tīmekļa vietnes ar daudziem attēliem, piemēram, uz tiem attēlot freinds sarakstu vai attēlu galeriju, būs grūti pārstrādāt visa slodze no attēliem, kas jau bija izkrauj, lai pievienotu vai noņemtu ēnas, par to jautājums.
Tādēļ, ja jums ir darīts mazliet uz priekšu domāšanu, bet radot HTMLS lai pievienotu šos papildu divīzijas vai parasti situācija ir tāda, ka Jums ir Loop Logic, radot šīs ikonas / sīktēlus XSL, PHP. JAVA vai jebkurš cits programmēšanas / skriptēšanas valodu, jūs varat pievienot jebkurā laikā, tad ir tikai jautājums par šovu un slēpjot šo ēnas, izmantojot CSS Display īpašumu, kā uz klientu arvien mainīgās prasības ... es havn't darīts šāda veida priekšu domāšana Pirms šī ... bet ahev jau tagad!

Turpmākajā piemērā, oriģinālais attēls ir ēna bezmaksas, un dropshadows piemēro pēc vajadzības! Arī man ir gājusi nedaudz extra, izmantojot triku no manu iepriekšējo Tut panta Well! tie droši vien ir īsākais dažādas konsultācijas, tā ir pamatota tikai tad, nosaucot tos par "Tut" 's), aptuveni Izmantojot CSS Clip īpašumu par dižoties tikai

Oriģinālais attēls

CSS DropShadow Rezultāti

Skatīt Demo Pārsūtīt | Download sourcefiles

Kāpēc es gribu saprast? ... Humm!!

Lielākā daļa no CSS autoru piekritīs, ka CSS Klips īpašums ir iespējams, ir viens no visvairāk ANO izmantotās CSS īpašībām. Tas bija tik patiess man pārāk, un bija ļoti laimīgs nevērīgi izturēties, kamēr es sāku mainīt MOOTOOLS DIVI Knob (PIN) Slider Component (svārstoties rādītāja) .

Tur bija labs ieteikums no kāda no sastāvdaļām lietotājiem mainīt Slider komponentu izmantojot lobītu backgroud attēlus (pret mainīgu platumu rajons), lai norādītu slīdņa diapazonu. Tādējādi nāca mans laiks ienākt jautri, bet ANO zvērinātam (man Protams) ūdeņi CSS Clip īpašumu.

Labi! cik grūti var būt? Nav daudz vispār ... JĀ un NĒ. Sintakse izmantot CSS Clip īpašumu ir diezgan taisni, bet jēga / usuage ir mazliet croocked. Ar atmiņu, piemēram, raktuves, everytime man sēdēt pie pārstrādāt uz manu slīdni Script ... Man ir tokeep atsaucoties atpakaļ uz izmantošanu šo klipu īpašumu, lai atgādinātu sev par loģiku, ko esmu izveidojis manā rakstā .... Tādējādi! Domājams, pildspalvu to uz leju, ar cerību to atcerēties nākotne (un arī par labu tiem, kas šķiet boggled ar CSS Clip īpašuma)

Kāda CSS Clip darīt?

Klips ir daļa no vizuālā ietekme moduli 2.1 CSS. Vienkārši izsakoties, tā uzdevums ir novietot redzamu logu virsū objektu, kas tiek apcirpts, tāpēc apgriešana attēlus un izveidot sīktēlus bez izveidotu papildu failus (Es jau šo līdzekli, lai labāk lietot slīdni komponentes )

Izmantojot CSS Clip īpašumu, jūs varat izveidot izgriezumu izmantojot tiešajām formu. Tāpat kā daudzi citi CSS īpašības (piemēram, depozītu, polsterējums uc), izmantojot rect prasa četras koordinātas augšas, No labās, No apakšas, Pa kreisi (TRBL). Croocked daba šī īpašuma atspoguļo kad jūs pietuvināt, kā klips aprēķina Clipping reģionu, izmantojot šos četrus koordinātas (sūta smadzenēm uz mētāties uz laiciņu). Tagad, lai maldinātu jums dibens sāk no augšas, un pa labi sākas no kreisās puses. . Jūs redzat, ko es teicu? .... Tādējādi šis amats ...

Šī maz neskaidrības var viegli pazust, ar šo vizuālo skaidrojumu par CSS Clip / rect īpašuma zemāk!!

CSS Clip prasības

Uzdevums mēs esam sākuši, ir klipu šādu Thumbnail attēlu uz squarer meklē attēla (un arī platleņķa attēlu)

Sākotnējais Thumbnal / Attēlu	Clip Prasības sqaure Thumbmail

CSS Clip Rezultāti

Skatīt Demo Pārsūtīt | Download sourcefiles

Šis jautājums šķērsojuši manu prātu dažas reizes pirms, kad es strādāju par vietu agrāk pārāk, kas izmanto WordPress, lai parādītu blogus vai jauna veida saturs kaut kādā daļā vietnes / portal.Being iesācējs PHP un ap WordPress, es tur procastinating to, domājot "tas nav mans peice nieks". Beidzot! šī prasība bija līdz pat manu degunu, kad sākās diggin apkārt mazliet par risinājumu.
Es biju pārsteigts, lai atrastu, ka tas tiešām bija vieglāk, nekā es patiesībā domāju, ka tā bija, lai parādītu vairākus virsrakstus sarakstu vai jaunāko ziņojumu rakstīja jebkuru citu lapu ārpus WordPress-powered sadaļā, tikai izmantojot nedaudz PHP mazliet un WordPress API .

Šeit ir ko darīt: -
Dēļ paskaidrojumu, pieņemsim, ka jūsu vietne ir http://www.inchembur.com/ un jums ir ziņu sadaļa, šajā vietnē par http://news.inchembur.com/~~pobj (kas darbojas WordPress). Tagad prasība ir, lai parādītu jaunāko ziņojumu no http://news.inchembur.com/~~pobj mājas lapā galvenās vietas, ti http://www.inchembur.com/index.php

STEP1: Jūsu index.php pievienot šādu peice kodu, Iekļaut WordPress API failu. Jūs varat pievienot to pie lapas augšpusē jūs vēlaties, lai jūsu post parādīties.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable lietošana WordPress Tēmas
nepieciešama ('/ var / news.inchembur.com / wp-blog-header.php "); / / Iekļaut WordPress API
; // Get Latest Post query_posts ("showposts = 1 '); / / Get pēdējo ziņojumu
?>

Iepriekš peice ar ietvertu, mums kļūst tikai vienu jaunāko post. ja vēlaties izmēģināt vairāk variantu justies brīvi bakstīt, query_posts() dokumentāciju .

Solis 2: Tagad Daļā no indeksa / Mājas lapu, kur jūs vēlaties parādīt jaunāko WordPress post no http://news.inchembur.com , izmantojiet šādu kodu. Lieki teikt, nekautrējieties reklāmu jūsu ieveidošanas sadalīšanai, plešas un klases, kā jūsu dizaina vajadzībām.

Step3: Nav Solis 3 ... Tas ir tas ... tas ir paveikts!

Kā rādīt īpašu post / lapā atšķirībā no jaunāko post: -
To var viegli paveikuši mainot argumentus query_posts() , lai iekļautu lapas ID vai lapu lode

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = apmēram ');

vai Jūs varat kontrolēt amatu skaitu:
) ; query_posts panta showposts = 3);