Jesprimi IT

Ħsibt li dan wieħed se jkun Doodle li ssib fil google, minħabba li ħafna inti magħna kittieba UI u b'kitba bżonn tagħmel dan fuq bażi ta 'kuljum, jiġifieri jinkludu daqsxejn ta peice ta snippet kodiċi PHP (. PHP) fi Template Smarty (. TPL). Indunajt li faċli / popolari mistoqsija tiegħek, saħansitra aktar diffiċli biex issib it-tweġiba eżatta ... rizultati miljun iżda ħafna minnhom li hemm riferenza għaliha "fajl" tinkludi b'mod Smarty ... li għandha l-sintassi li ġej

{Jinkludu = l-fajl "jinkludu / header.php"}

Dan fil-fatt inlcuded-fajl multa iżda bħala test, Dak li ridt kien ir-riżultat tal-fajl inklużi. (Innota l-hawn fuq ikun użat jinkludu template ġewwa fajl template). Fl-aħħarnett ma 'persiverance ftit .... I stumbled madwar sintassi slighty modifikati, li kienet ir-risposta għall-ħtieġa tiegħi ... huwa hawn hekk ... jekk inti havn't misjuba wieħed diġà

{Include_php fajl = "jinkludu / header.php"}

Ieħor quick Tut. Hawnhekk hija xi ħaġa sempliċi u sbieħ bl-użu POWER ta 'CSS ... iżda kien concieve diffiċli (u żgur ma kienx me) li tibda bil. Żieda Dropshadow, jista 'jkun peice kejk għal ħafna minna, bl-użu xi image editing għodod simili Photoshop ANF Fireworks eċċ
Ir-raġuni għaliex, I għażel dell qatra jużaw CSS huwa li, normalment waqt ħolqien ta 'disinn paġna / html ta' applikazzjoni, il-ħtiġiet iżommu mtennija. What I medja hija, Fil sit web eżistenti bi stampi ħafna, bħal dawk wiri freinds lista jew image gallery, se jkun diffiċli li mill-ġdid il-tagħbija kollha ta 'immaġini li kienu diġà maħtuta biex iżżid jew tneħħi l-dellijiet, għal dik kwistjoni.
Allura Jekk inti għamlu ħsieb quddiem ftit filwaqt li toħloq il-HTMLS biex iżżid dawn it-taqsimiet żejda jew normalment is-sitwazzjoni hija li inti għandek Loġika Loop jiġġeneraw dawn ikoni / thumbnails fil XSL, PHP. JAVA jew kwalunkwe programmar / scripting lingwa, tista 'żżid ghaċ, allura huwa biss il-kwistjoni ta' ispettaklu u ħabi dawn dellijiet tuża 'l-proprjetà Display CSS, skond il-klijenti dejjem jinbidlu rekwiżiti ... I havn't jsir dan it-tip ta' quddiem ħsieb qabel dan ... iżda ahev beda issa!

Fl-eżempju hawn taħt, l-immaġini oriġinali huwa dell ħielsa u l-dropshadows huma applikati kif meħtieġ! WKOLL, I marru ftit extra, billi tuża l-tricks tal Tut preċedenti tiegħi (Well! dawn probabbilment huma varjetà iqsar ta 'tutorials, u għalhekk huwa ġġustifikat biss titlob minnhom "Tut" "i) dwar Bl-użu tal-Proprjetà Clip CSS għall juru off biss

Oriġinali Image

DropShadow Riżultati CSS

Ara Demo | sourcefiles Download

Għaliex irrid biex jifhmu dan? Humm ...!!

Ħafna mill kittieba CSS jaqblu li l-proprjetà Clip CSS huwa probabilment waħda mill-proprjetajiet aktar CSS un użati. Kien veru għalija wisq u kienet l-aktar kuntenti li negliġenza tiegħu, sakemm bdejt timmodifika l- MooTools TNEJN pum (Pin) slider Komponent (bil Indikatur Medda) .

Kien hemm suġġeriment tajjeb minn wieħed mill-utenti komponenti li jimmodifika l-Komponent slider jużaw immaġini maqtugħ backgroud (kontra diviżjoni wisa varjabbli) li jindikaw il-medda slider. Għalhekk wasal iż-żmien tiegħi li jidħlu fil-gost imma un mikrija (għalija Naturalment) ilmijiet tal-proprjetà Clip CSS.

Ukoll! kemm hu diffiċli li jista 'jkun? Mhux ħafna fil-livelli kollha ... IVA u NO. Is-sintassi li jużaw il-proprjetà Clip CSS huwa pjuttost wieqaf iżda it-tifsira / usuage huwa daqsxejn croocked. Bil-memorja bħal mini, everytime I sit biex tinħadem mill-ġdid fuq Script slider tiegħi ... Għandi tokeep jirreferu lura għall-użu ta 'din il-proprjetà CLIP, biex ifakkru lili nnifsi l-loġika li I ħolqu b'kitba tiegħi .... Għalhekk! maħsub li pinna l-isfel, bil-tama li tiftakar il-futur (u wkoll għall-benefiċċju ta 'dawk li jidhru boggled mill-Proprjetà Clip CSS)

X'jagħmel Clip CSS do?

Clip hija parti mill-modulu effetti viżwali ta 'CSS 2.1. Fi kliem sempliċi, xogħol tagħha huwa li jqiegħed tieqa viżibbli fuq quċċata ta 'oġġett li qed jiġi maqtugħ, b'hekk ikklippjar immaġini u l-ħolqien thumbnails mingħajr ma jinħolqu fajls addizzjonali (diġà tpoġġi din il-karatteristika li użu aħjar fl-Komponent Slider )

Uża l-proprjetà Clip CSS, inti tista 'toħloq qtugħ bl-użu forma indiretti. Bħal Properties ħafna CSS oħra (bħall eċċ marġini ikkuttunar,), bl-użu indiretti teħtieġ erba 'koordinati Fuq, Dritt, qiegħ, xellug (TRBL). In-natura croocked ta din il-proprjetà jirrifletti meta inti tagħti ħarsa aktar mill-qrib lejn kif clip tikkalkula r-reġjun qtugħ, użu ta 'dawn koordinati erba (tibgħat moħħ fi toss għal waqt). Issa li jħawdu inti-qiegħ jibda mill-quċċata, u d-dritt tibda mill-xellug. . Inti tara dak I said? .... Għalhekk din il-kariga ...

Din il-konfużjoni ftit tista 'faċilment jisparixxu, ma din l-ispjegazzjoni viżwali tal-CSS Clip / indiretti proprjetà hawn taħt!!

Clip Rekwiżiti CSS

Il-kompitu aħna bdejna huwa li clip-immaġni Thumbnail ġej fi xbieha squarer tfittex (u wkoll xbieha ta 'angolu wiesa)

Thumbnal Oriġinali / Image	Clip Rekwiżiti għall sqaure Thumbmail

Clip Riżultati CSS

Ara Demo | sourcefiles Download

Din il-kwistjoni qasmu f'moħħi ftit drabi qabel, meta kont qed naħdem fuq is-siti qabel wisq, li jintuża WordPress biex juru blogs jew tip ġdid ta 'kontenut f'xi parti tas-sit / portal.Being novizzi fil-PHP u madwar WordPress, I tinżamm procastinating dan, ħsieb "dan mhux peice tiegħi kejk". Fl-aħħarnett! dan ir-rekwiżit daħal upto imnieħer tiegħi, meta beda diggin madwar daqsxejn għal soluzzjoni.
I kien sorpriż li ssib li verament kien aktar faċli milli I attwalment ħsibt li kien, li jintwerew lista ta 'aħbarijiet jew l-aħħar post fuq kull paġna oħra barra tas-sezzjoni WordPress li jaħdmu, biss bl-użu xi ftit ta' PHP u l-API WordPress .

Hawnhekk huwa dak li tagħmel: -
Għal raġunijiet ta 'spjegazzjoni, jassumi li sit tiegħek hija http://www.inchembur.com/ u inti għandek l-sezzjoni bl-aħbarijiet ta 'dan is-sit fuq http://news.inchembur.com/ (li qed taħdem WordPress). Issa l-ħtieġa hija li juru l-post mhux aktar tard mill http://news.inchembur.com/ fuq il-home page tas-sit prinċipali, jiġifieri http://www.inchembur.com/index.php

STEP1: Fil index.php tiegħek żid il-peice li ġejja ta 'kodiċi, Inkludi l-fajl API WordPress. Inti tista 'żżid dan l-quċċata tal-paġna trid tiegħek post li jidhru fuq.

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme jiddefinixxu ("WP_USE_THEMES", falz); użu / / Disbable tal Tema Wordpress
jeħtieġu ("/ var / news.inchembur.com / WP-blog-header.php"); / / Inkludi WordPress API
; // Get Latest Post query_posts ("showposts = 1"); / / Niżżel Post aħħar
?>

Fil-peice hawn fuq ta 'jinkludu, aħna jkollna biss il-post uniku aktar reċenti. jekk inti tixtieq li jippruvaw varjazzjonijiet aktar tħossok liberu li ħaffer, query_posts() dokumentazzjoni .

Pass 2: Issa, Fil-parti tal-paġna Indiċi / Home fejn inti tixtieq li juru l-post WordPress mhux aktar tard mill http://news.inchembur.com , uża l-kodiċi li ġej. M'hemmx għalfejn ngħidu, tħossok liberu li ad diviżjonijiet grafika tiegħek, tifrex u l-klassijiet kif kull ħtiġijiet tad-disinn tiegħek.

Step3: M'hemm l-ebda Stadju 3 ... Thats dan ... inti qed isir!

Kif juru paġna speċifiċi wara / kif oppost għad-post aħħar: -
Dan jista 'faċilment NTLAħAQ billi jbiddlu l-argumenti li query_posts() li jinkludu l-ID paġna jew paġna bugħarwien

) ; query_posts ("page_id = 7");
) ; query_posts ("pagename = dwar");

jew Inti tista 'tikkontrolla l-għadd ta' postijiet:
) ; query_posts (showposts = 3);