Wyrażając

Myślałem, że to jeden będzie doodle znaleźć w google, jak wiele można nam UI i skrypt autorzy musieliby to zrobić na codzień, to jest to trochę peice o fragment kodu PHP (. Php) do Szablon Smarty (. tpl). Zdałem sobie sprawę, że łatwiej / popularną zapytanie, jeszcze trudniej znaleźć dokładną odpowiedź ... A mln wyników wyszukiwania, ale większość z nich Skojarzone z "Plik" obejmuje w Smarty ... który ma następującą składnię

{Include file = "include / header.php"}

To rzeczywiście inlcuded plik dobrze, ale jak tekst, Chciałem była wynikiem dołączonego pliku. (Zauważ powyżej służy to szablon wewnątrz pliku szablonu). Wreszcie z persiverance bitowej .... Natrafiłem na slighty składni zmodyfikowanego, który był odpowiedzią na moje wymagania ... więc tutaj jest ... jeśli havn't znaleziono jeden już

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

Kolejny szybki tut. Oto coś łatwa i przyjemna, wykorzystując moc CSS ... ale trudno było concieve (i na pewno nie ja), aby rozpocząć. Dodawanie Dropshadow, może być peice z masłem dla wielu z nas, za pomocą jakiegoś narzędzia do edycji zdjęć, jak Photoshop ANF Fireworks itp.
Dlatego, że zdecydował się na cień za pomocą CSS jest to, że zwykle podczas tworzenia projektu strony / html wniosku, wymogi utrzymania iteracji. Chodzi mi o to, W istniejącej strony internetowej z wielu obrazów, podobnych do wyświetlania listy freinds lub galerię zdjęć, trudno będzie powtórnie przetworzyć cały ładunek zdjęć, które zostały już rozładowane, aby dodać lub usunąć cienie, na które sprawa.
Tak Jeśli zrobiłeś trochę przyszłościowe myślenie podczas tworzenia HTMLS dodać te dodatkowe podziały i zazwyczaj sytuacja jest taka, że ​​masz Logic pętli generowanie tych ikon / miniatur w XSL, PHP. JAVA lub inny programowania / skryptowy język, można go dodać w każdej chwili, to jest tylko kwestia show i ukrywa te cienie, korzystając z właściwości wyświetlanych CSS, jak na klientów wciąż zmieniających się wymagań ... Ja havn't zrobić tego rodzaju przyszłościowe myślenie przed tym ... ale ahev już teraz!

W poniższym przykładzie, oryginalny obraz jest cień za darmo i dropshadows są stosowane zgodnie z wymaganiami! Również I już trochę więcej, za pomocą sztuczek moim wcześniejszym Tut w Well! te są prawdopodobnie najkrótsza wiele tutoriali, więc jest uzasadnione tylko nazywając je "Tut" 's) o Korzystanie obiekt Klip CSS dla popisać tylko

Obraz oryginalny

Wyniki CSS DropShadow

Zobacz demo | DLA Pobierz sourcefiles

Dlaczego chcę to zrozumieć?? Humm ...!!

Większość pisarzy CSS zgodzi się, że nieruchomość Klip CSS to chyba jedna z najbardziej nie-używanych właściwości CSS. To było tak prawdziwe dla mnie i był najbardziej szczęśliwy zaniedbywać go, dopóki nie zacząłem modyfikacji mootools DWA pokrętło (Pin) składnika Slider (ze wskaźnikiem odległości) .

Nie było dobra propozycja od jednego z użytkowników składowych do modyfikacji składnika Slider używając przycięte backgroud zdjęcia (przed podziałem zmiennej szerokości), aby wskazać zakres suwaka. Tak więc przyszedł mój czas, aby wejść do zabawy, ale nie-biegłego (dla mnie ofcourse) Wody własności CSS Clip.

Dobrze! jak trudne to może być? Nie bardzo w ogóle ... TAK i NIE. Składnia do dysponowania nieruchomością Klip CSS jest dość prosto, ale sens / usuage jest nieco croocked. Z pamięcią jak moja, za każdym razem siadam do przerobienie na mojego skryptu Slider ... Mam tokeep nawiązując do wykorzystania tej właściwości CLIP, aby przypomnieć sobie logikę, że stworzyłem w moim skrypcie .... Stąd! Uważa się, że pióro go, z nadzieją na jego zapamiętanie, przyszłość (a także dla dobra tych, którzy wydają przekraczały przez właściwość CSS FILMU)

Co Klip CSS zrobić?

Klip jest częścią wizualnego module efektów CSS 2.1. Po prostu, jej zadaniem jest umieszczenie widocznym oknie na górze obiektu, który jest przycięty, stąd obcinania zdjęć i tworzenie miniatur bez konieczności tworzenia dodatkowych plików (mam już umieścić tę funkcję do lepszego wykorzystania w składniku Slider )

Korzystanie z własności CSS Clip można utworzyć wycinek za pomocą kształt prawidłowy. Podobnie jak wiele innych właściwości CSS (jak marży itp padding), z wykorzystaniem rect wymaga cztery współrzędne Góra, Prawo, Dół, Lewo (TRBL). Croocked charakter tego majątku odzwierciedla kiedy przyjrzeć się bliżej, jak klip oblicza region przycinania, używając tych czterech (wysyła mózg do wrzucić na chwilę). Teraz mylić cię dół rozpoczyna się od góry, a prawo zaczyna się od lewej strony. . Widzisz to, co powiedziałem? .... Stąd ten post ...

To małe zamieszanie może łatwo zniknąć, z tego wizualnego wyjaśnienia Klip / rect CSS nieruchomości jak poniżej!!

Wymagania CSS Klips

Zadaniem zaczęliśmy jest klip następujące miniatury do kwadratowy obrazu w przyszłość (i również szerokokątny obraz)

Oryginalny Thumbnal / Grafika	Wymagania Klip do Sqaure Thumbmail

Wyniki CSS Klips

Zobacz demo | DLA Pobierz sourcefiles

To pytanie przyszło mi na myśl kilka razy wcześniej, kiedy pracowałem na stronach wcześniej też, które wykorzystywane WordPress pokazać blogi lub nowego typu zawartości w jakiejś części witryny / portal.Being nowicjuszem w PHP i wokół WordPressa, trzymałem procastinating go, myśląc: "To nie jest mój peice z masłem". Wreszcie! wymóg ten wszedł do połowy nosie, kiedy zaczął Diggin około trochę roztworu.
Byłem zaskoczony, że tak naprawdę było łatwiej niż rzeczywiście myślał, że to, aby wyświetlić listę nagłówków lub ostatni post w jakiejkolwiek innej strony poza sekcją WordPress napędem, tylko przy użyciu odrobiny PHP i WordPress API .

Oto co należy zrobić: -
Ze względu na wyjaśnienia, załóżmy, że witryna jest http://www.inchembur.com/ i masz dział aktualności na tej stronie na http://news.inchembur.com/~~pobj (który jest uruchomiony WordPress). Teraz wymogiem jest, aby pokazać ostatni post z http://news.inchembur.com/~~pobj na stronie głównej stronie głównej, czyli http://www.inchembur.com/index.php

Krok 1: W index.php dodać następujący peice kodu, należy dołączyć plik WordPress API. Możesz dodać to do górnej części strony, która ma Twój post do stawienia się na.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false) / / Disbable wykorzystanie tematu WordPress
require ('/ var / news.inchembur.com / wp-blog-header.php') / / Include WordPress API
; // Get Latest Post query_posts (rolni showposts = 1 ') / / Pobierz najnowszą post
?>

W powyższym peice z include, dostajemy tylko jednym, ostatnim post. jeśli chcesz spróbować więcej wariantów prosimy o kopać pod, query_posts() dokumentacji .

Krok 2: Teraz, w ramach Index / Strona główna, w której chcesz pokazać najnowszy post WordPress z http://news.inchembur.com , należy użyć następującego kodu. Rzecz jasna, nie krępuj się reklamą swoich podziałów do stylizacji, rozpiętości i klas jak na swoje potrzeby projektu.

Krok 3: Nie ma Krok 3 ... To wszystko ... gotowe!

Jak pokazać konkretny post / stronie w przeciwieństwie do najnowszego postu: -
Można to łatwo VSD zmieniając argumenty query_posts() w celu włączenia numeru ID strony lub strony Slug

) ; query_posts ust 'page_id = 7');
) ; query_posts ust "pagename = o ');

czy można kontrolować liczbę postów:
) ; query_posts ust showposts = 3);