Pagpapahayag ng IT

Akala ko ito ay maging isang doodle upang mahanap sa google, ng maraming mo sa amin ang mga manunulat ng UI at script ay kailangan upang gawin ito sa araw-araw na batayan, na isama ang isang bit ng peice ng snippet ng code ng PHP (. Php) sa isang Smarty Template (. tpl). Natanto ko na mas madali / popular ang iyong query, kahit na mas mahirap upang mahanap ang eksaktong sagot ... isang milyong mga resulta ng paghahanap ngunit karamihan sa kanila reffered sa "file" Kasama sa Smarty ... na may mga sumusunod na syntax

{Isama ang mga file = "isama / header.php"}

Ito talagang inlcuded file ng pinong ngunit bilang teksto, Ano Nais kong ay ang resulta ng kasama na file. (Tandaan sa itaas ay ginagamit isama ang mga template sa loob ng isang file ng template). Sa wakas sa isang bit persiverance .... Ko stumbled sa kabuuan ng isang syntax slighty na binago, na kung saan ay ang kasagutan sa aking mga pangangailangan ... kaya ito ay dito ... kung havn't na iyong natagpuan ang isa na

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

Isa pang mabilis na tut. Narito ang isang bagay na simple at gandang gamit ang kapangyarihan ng CSS ... ngunit noon ay mahirap-concieve (at tiyak na ito ay hindi ako) upang magsimula sa. Ng pagdaragdag Dropshadow, ay maaaring maging isang peice ng cake para sa marami sa atin, gamit ang ilang mga imahe sa pag-edit ng mga kasangkapan tulad ng Photoshop anf Paputok atbp
Ang dahilan kung bakit, sumali ako para sa drop anino paggamit ng CSS ay na, sa karaniwan habang ang paglikha ng isang pahina ng disenyo / html ng isang application, ang mga kinakailangan na panatilihin iterating. Ano ang ibig sabihin ko, Sa isang umiiral na web site na may maraming mga imahe, tulad ng mga pagpapakita ng mga freinds ng listahan o ng isang imahe gallery, ito ay mahirap sa reprocess ang buong load ng mga imahe na ay na na diskargado upang idagdag o alisin ang mga anino, para sa na bagay na ito.
Kaya Kung nagawa mo na ang isang maliit na pasulong na pag-iisip habang lumilikha ang mga HTMLS upang magdagdag ng mga karagdagang mga dibisyon o karaniwang sitwasyon ay na mayroon kang isang Umikot lohika sa pagbuo ng mga icon na ito / thumbnail sa XSL, PHP. Java o anumang iba pang mga programming / scripting wika, maaari mong idagdag ang mga ito anumang oras, pagkatapos ay ang bagay ng palabas at pagtatago ng mga anino ng paggamit ng CSS Ipakita ang ari-arian, tulad ng bawat ang mga kliyente na kailanman pagbabago ng mga pangangailangan ... havn't gawin ko ito uri ng pasulong iniisip bago ito ... ngunit ahev makapagsimula ngayon!

Sa halimbawa sa ibaba, ang orihinal na imahe ay ang anino libre at ang mga dropshadows ay inilapat bilang kinakailangan! DIN, ako ay nawala ng kaunti dagdag na, sa pamamagitan ng paggamit ng mga trick ng aking mas maaga Tut (Well! ang mga marahil ay pinakamaikling iba't-ibang ng Tutorial, kaya ito ay lamang justified pagtawag sa kanila "Tut" 's) tungkol sa paggamit ng CSS Clip Property para ipakita off lamang

Orihinal na Imahe

CSS DropShadow Resulta

Tingnan ang Demo | Download sourcefiles

Bakit ko nais upang maunawaan ito?? ... Humm!!!!

Karamihan ng mga CSS manunulat ay sumang-ayon na ari-arian CSS Clip ay marahil isa sa pinaka un-ginamit na mga katangian ng CSS. Ito ay totoo para sa akin masyadong at ay pinaka-masaya sa kapabayaan ito, hanggang sa sinimulan ko ang pagbabago Knob MOOTOOLS DALAWANG (Pin) Slider Component (sa Saklaw tagapagpahiwatig) .

Nagkaroon ng isang magandang mungkahi mula sa isa ng mga bahagi ng mga gumagamit upang baguhin ang Slider ng Component na gamit ang clip mga backgroud imahe (laban sa isang variable na lapad ng division) upang ipahiwatig ang hanay ng slider. Kaya dumating ang aking oras upang ipasok ang saya ngunit un-chartered (para sa akin ofcourse) tubig ng ari-arian ng CSS Clip.

Na rin! kung paano mahirap ito? Hindi magkano sa lahat ... OO at HINDI. Ang syntax na gamitin ang CSS Clip ari-arian ay medyo tuwid ngunit ang kahulugan / usuage na bit ng isang croocked. Sa isang memory tulad ng minahan, everytime umupo ako sa rework sa aking Slider ng Script ... Mayroon akong tokeep nagre-refer na bumalik sa paggamit ng ari-arian clip na ito, upang ipaalala sa aking sarili ang lohika na aking nilikha sa aking script .... Kaya! naisip na panulat ito pababa, na may pag-asa tandaan ito sa hinaharap (at din para sa pakinabang ng mga na tila boggled ng CSS Clip Property)

Ano ang CSS Clip gawin?

Clip ay bahagi ng visual na mga epekto ng module ng CSS 2.1. Maglagay lamang, ang trabaho nito ay upang maglagay ng isang window na makikita sa tuktok ng isang bagay na clip, kaya mabilis sa paggalaw ng mga larawan at paglikha ng mga thumbnail nang hindi upang lumikha ng karagdagang mga file (na ako ilagay ang tampok na ito upang mas mahusay na paggamit sa Component Slider )

Paggamit ng CSS Clip ari-arian, maaari kang lumikha ng isang clipping gamit ang rect hugis. Tulad ng maraming iba pang mga Katangian ng CSS (tulad ng margin, padding etc), gamit rect nangangailangan ng apat na coordinate Top, Kanan, Ibaba, Kaliwa (TRBL). Ang croocked likas na katangian ng ari-arian na ito ay sumasalamin kapag magdadala sa iyo ng isang mas malapit tingnan kung paano clip kinakalkula ang clipping rehiyon, gamit ang mga apat na coordinate (nagpapadala ng utak ng isang siklutin para sa isang habang). Ngayon upang makalito mong ibaba ang pagsisimula mula sa tuktok, at ang karapatan ay nagsisimula mula sa kaliwa. . Makikita mo kung ano ang i sinabi? .... Samakatuwid ang post na ito ...

Ang maliit na pagkalito na ito ay maaaring madaling mawala, na may ang visual paliwanag na ito ng sa CSS Clip / rect ari-arian bilang sa ibaba!!!!

CSS Clip Pangangailangan

Ang gawain na Sinimulan na namin ay sa clip ang mga sumusunod na imahe ng Thumbnail sa isang imahe squarer na naghahanap (at din ng isang malawak na-anggulo imahe)

Orihinal na Thumbnal / Imahe	Pangangailangan ng clip para sa Sqaure Thumbmail

CSS Clip Resulta

Tingnan ang Demo | Download sourcefiles

Tanong na ito matang naka aking isip ng ilang beses bago, kapag ako ay nagtatrabaho sa mga site na mas maaga masyadong, na ginamit ang WordPress upang ipakita ang mga blog o bagong uri ng nilalaman sa ilang mga bahagi ng site / portal.Being ng isang baguhan sa PHP at sa paligid ng WordPress, pinananatiling ko ang procastinating ito, iniisip "na ito ay hindi ang aking peice ng cake". Sa wakas! kinakailangan na ito ay dumating hanggang sa aking ilong, kapag nagsimula diggin sa paligid ng isang bit para sa solusyon.
Ako ay nagulat na upang mahanap na talagang ito ay mas madali kaysa sa aktwal ko naisip ito ay, upang ipakita ang isang listahan ng mga headline o ang pinakabagong post sa anumang iba pang mga pahina sa labas ng WordPress-pinagagana ng seksyon, lamang gamit ang isang maliit na bit ng PHP at ang WordPress API .

Narito ang kung ano ang gagawin: -
Para sa mga dahilan ng paliwanag, ipagpalagay na ang iyong site ay http://www.inchembur.com/ at mayroon ka ng seksyon ng balita para sa site na ito sa http://news.inchembur.com/ (na ay tumatakbo sa WordPress). Ngayon ang kinakailangan ay upang ipakita ang pinakabagong post mula sa http://news.inchembur.com/ sa home page ng main site, ie http://www.inchembur.com/index.php

Step1: Sa iyong index.php idagdag ang sumusunod na peice ng code, Isama ang file ng WordPress API. Maaari mong idagdag ito sa tuktok ng pahina na nais mo ang iyong post na lumitaw sa.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme tukuyin ('WP_USE_THEMES', hindi totoo); / / Disbable paggamit ng WordPress Tema
nangangailangan ('/ var / news.inchembur.com / wp-blog-header.php'); / / Isama WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Kunin ang Pinakabagong Mga Post
?>

Sa itaas peice ng kasama, kami ay pagkuha lamang ang nag-iisang pinakabagong post. kung nais mong subukan ang higit pang mga pagkakaiba-iba huwag mag-atubiling upang maghukay sa, query_posts() papeles .

Hakbang 2: Ngayon, Sa bahagi Index / Home page kung saan mo nais na ipakita ang pinakabagong post WordPress mula sa http://news.inchembur.com , gamitin ang sumusunod na code. Hindi na kailangang sabihin, huwag mag-atubiling sa ad ang iyong mga dibisyon sa styling, ay sumasaklaw at mga klase sa bawat iyong mga pangangailangan sa disenyo.

Step3: Walang Hakbang 3 ... Thats ito ... tapos ka na!

Paano ipakita ang isang tiyak na post / pahina bilang laban sa pinakabagong post: -
Ito maaari madali na achived sa pamamagitan ng binabago ang mga argumento sa query_posts() upang isama ang ID ng pahina o pahina banatan

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = tungkol sa');

o maaari mong makontrol ang bilang ng mga post:
) ; query_posts (showposts = 3);