Ga izražava

Mislio sam da će i ovo biti doodle pronaći u google, koliko li nam UI i pismo pisci bi trebao to učiniti na osnovi dana u dan, da je su malo peice PHP isječak koda (. Php) u Smarty Template (. TPL). Shvatio sam da je lakše / popularni svoj upit, a još je teže pronaći točan odgovor ... A milijuna search rezultate, ali većina od njih opisana "File" uključuje u Smarty ... koji ima sljedeću sintaksu

{Uključuju datoteka = "uključiti / header.php"}

To zapravo inlcuded datoteku u redu, ali kao tekst, što sam htjela je rezultat uključene datoteke. (Napomena gore se koristi uključuju predložak unutar datoteke predloška). Na kraju s malo persiverance .... JA poticaj preko slighty modificiranog sintaksi, što je odgovor na moj zahtjev ... pa evo je ... ako je već pronašao jedan havn't

{Include_php file = "uključiti / header.php"}

Još jedan brz pih. Ovdje je nešto jednostavno i lijepo Koristeći moć CSS ... ali je teško Osmisliti (i to sigurno nije bilo mene) za početak. Dodavanje Dropshadow, bi mogao biti peice torte za mnoge od nas, koristeći neke za uređivanje slika alate kao što su Photoshop anf vatromet itd.
Razlog zašto sam se odlučio za drop sjene koristeći CSS je da, obično uz stvaranje stranice dizajn / HTML zahtjeva, zahtjevi bi Ponavljanje. Ono što mislim je, u postojećoj web stranice s mnogo slika, kao što su one prikazuju vozarina popis ili galeriju slika, to će biti teško preobraditi cijeli opterećenja od slika koje su već istovaraju dodati ili ukloniti sjene, za koje stvar.
Dakle, ako ste učinili nešto naprijed razmišljanja uz stvaranje HTMLS za dodavanje ovih dodatnih podjela ili obično situacija je da imate Loop Logic generira ove ikone / minijature XSL, PHP. Java ili bilo koji drugi programski / skriptni jezik, možete ga dodati u bilo koje vrijeme, onda je samo pitanje show i skriva te sjene koristeći CSS svojstvo zaslona, ​​kao i po zahtjevima klijenata sve mijenja ... I havn't učinio ovu vrstu naprijed razmišljanja prije toga ... ali ahev počeo se sada!

U donjem primjeru, izvorna slika je sjena besplatno i dropshadows se primjenjuju prema potrebi! Također, ja sam otišao malo extra, pomoću trikova moje ranije Tutankamona (Well! to su vjerojatno najkraći izbor Tutorials, tako da samo opravdano nazivajući ih "Tuta" 'a) oko Korištenje CSS Isječak nekretninu za pokazati samo

Izvorni Slika

CSS DropShadow Stranice

Pogledajte demo se | Preuzimanje sourcefiles

Zašto želim da to shvati?? Humm ...!!

Većina CSS pisaca će se složiti da CSS Clip vlasništvo je vjerojatno jedan od većine UN-rabljenih CSS svojstvima. Bilo je tako vrijedi i za mene previše i bio je sretan da ga zanemariti, dok sam počeo izmjenom MOOTOOLS DVA Tipka (PIN) Klizač Komponenta (uz raspona pokazatelja) .

Tu je bio dobar prijedlog jednog od sastavnih korisnika izmijeniti klizač komponentu koristeći skresanim backgroud slike (protiv promjenjivom širinom podjele) naznačiti klizač niz. Tako je došlo moje vrijeme za ulazak u zabavno, ali ne-ovlašteni (za mene ofcourse) vode imovine CSS isječaka.

Dobro! koliko teško može biti? Nije puno uopće ... DA i NE. Sintaksa za korištenje imovine CSS Isječak je prilično uspravno, ali značenje / usuage je malo croocked. Uz memoriju poput moje, svaki put sam sjesti da prerađuje na moj Klizač skripte ... moram tokeep odnosi natrag u korištenju ove CLIP imovine, podsjetiti sebe logiku koju sam stvorio u mojoj skripti .... Amo! mislio olovkom dolje, s nadom da zapamtite da u budućnosti (ali i za dobrobit onih koji čini boggled prema objektu CSS isječaka)

Što CSS Clip učiniti?

Clip je dio vizualne efekte modula CSS 2.1. Jednostavno rečeno, njen posao je da stavite vidljiv prozor na vrhu objekta koji se ošišanu, stoga clipping slike i stvaranja sličice bez stvoriti dodatne datoteke (već sam stavio ovu značajku da biste bolje iskoristiti u Klizač komponente )

Korištenje imovine CSS isječaka, možete stvoriti clipping koristeći Prav oblik. Kao i mnoge druge CSS svojstva (poput marže i padding itd.), koristeći Prav zahtijeva četiri koordinate Top, Desno, Dolje, Lijevo (TRBL). Croocked priroda ove imovine odražava kada se bliži pogled na koliko isječak izračunava clipping regiju, koristeći ove četiri koordinate (šalje mozak u bacanje za neko vrijeme). Sada vas zbuniti dno počinje od vrha, kao i pravo počinje s lijeve strane. . Vidite što sam rekao? .... Stoga ovaj post ...

Ova mala zbrka može lako nestati, s ovim vizualne objašnjenje CSS isječaka / vne imovine kao što slijedi!!

CSS isječku Zahtjevi

Zadatak smo počeli je isječak sljedeće sličicu u četvrtastim gleda slike (kao i širok-kut slike)

Izvorni Thumbnal / Slika	Clip Zahtjevi za Sqaure Thumbmail

CSS Clip Rezultati

Pogledajte demo se | Preuzimanje sourcefiles

Ovo pitanje prešao moj um nekoliko puta prije, kada sam radio na stranicama ranije previše, što se koristi za prikaz WordPress blogove ili novu vrstu sadržaja u nekom dijelu site / portal.Being je novak u PHP-u i oko WordPress, JA je zadržao procastinating ga, misleći "to nije moj peice kolača". Konačno! ovaj zahtjev je došao upto nosu, kada je započeo diggin okolo malo za rješenje.
Bio sam iznenađen da otkrijete da to stvarno je lakše nego što sam zapravo mislio je, da bi se prikazao popis naslova ili Zadnji post na bilo kojoj drugoj stranici izvan WordPress pokreće dijelu, koristeći samo malo PHP i WordPress API .

Evo što učiniti: -
Radi objašnjenja, pretpostavimo da je vaš site je http://www.inchembur.com/ i imate sekciju za novinare na ovim stranicama http://news.inchembur.com/~~pobj (koji je pokrenut WordPress). Sada je uvjet za prikaz Zadnji post od http://news.inchembur.com/~~pobj na početnoj stranici glavne stranice, odnosno http://www.inchembur.com/index.php

Korak1: U vašem index.php dodajte sljedeće peice koda, uključuju datoteke WordPress API. Možete dodati ovo na vrhu stranice koju želite da se pojavi Vaš post na.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); / / Disbable korištenje WordPress Theme
zahtijeva ('/ var / news.inchembur.com / wp-blog-header.php'); / / Uključite WordPress API
; // Get Latest Post query_posts ('showposts = 1'), / / Dohvaćanje zadnji post
>

U gornjem peice od uključuju, dobivamo samo jednu najnoviju post. ako želite probati više varijacija slobodno kopati, query_posts() dokumentacije .

Korak 2: Sada, u dijelu Index / Naslovnica stranici gdje želite prikazati najnoviji WordPress post od http://news.inchembur.com , koristite sljedeći kod. Nepotrebno je reći, slobodno oglas svoj styling podjele, proteže i klasa po vašim potrebama dizajna.

Korak3: Nema Korak 3 ... to je to ... vi ste učinili!

Kako pokazuju određeno radno mjesto / stranicu razliku Zadnji post: -
Ovo se može lako postiže promjenom argumente za query_posts() uključiti stranicu ID stranice ili cjevčica

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

ili možete kontrolirati i broj postova:
) ; query_posts showposts (= 3);