BT ifade

Ben bu bize UI ve senaryo yazarları günlük olarak bir gün bunu yapmak gerekir gibi birçok, google bulmak için bir doodle olacağını düşündüm, bir içine PHP kod parçacığı (. Php) ile takıyorum bir bit include Smarty Şablon (. tpl). Ben tam cevabı ... bir milyon arama sonucu bulmak daha da zor, daha kolay / popüler Sorgunuzla gerçekleştirdi ancak bunların çoğu "dosya" için başvuran Smarty de içerir ... bu aşağıdaki sözdizimine sahiptir

{Dosya = "include / header.php" ekleyin}

Bu aslında ince dosya inlcuded ama metin olarak, ne istediğini dahil dosyanın sonucudur. (Yukarıda bir şablon dosyası içinde şablon bulunmaktadır kullanılır unutmayın). Son olarak biraz persiverance ile .... Benim gereksinimine cevap olan bir slighty modifiye sözdizimi, stumbled ... İşte öyle ... Eğer havn't zaten bir tane buldum

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

Başka çabuk tut. Burada basit ve CSS GÜÇ kullanarak güzel bir şey ... ama başlamak zor kavrayabilme (ve kesinlikle ben değildim) idi. Dropshadow ekleme, Photoshop ANF Fireworks vb düzenleme araçları gibi bazı görüntü kullanarak, bir çoğumuz için kek bir peice olabilir
Ben CSS kullanarak gölge için tercih nedeni genellikle bir uygulama bir sayfa tasarımı / html oluştururken, gereksinimleri yineleme tutmak olmasıdır. Ben freinds listesinde veya bir resim galerisi gösteren olanlar gibi birçok görüntü ile var olan bir web sitesi olarak, ne demek, bunun için, işleyemeyiz zaten eklemek veya gölgeleri kaldırmak için boş olmuştu görüntüleri tüm yükünü zor olacak olsun.
Bu ekstra bölümler veya eklemek için htmls oluştururken biraz ileri görüşlü yapmış Eğer öyleyse, genellikle durum XSL, PHP bu simgeleri / küçük üreten bir döngü Mantık olması. JAVA veya başka herhangi bir programlama / betik dili, istediğiniz zaman ekleyebilirsiniz, sonra sadece gösteri ve sürekli değişen müşteri gereksinimleri uyarınca, CSS Display özelliğini kullanarak bu gölgeler gizleme meselesi ... Ben ileri düşünerek bu tür yapılan havn't Bu daha önce ... ama ahev şimdi başladı!

Aşağıdaki örnekte, orijinal resim gölge serbesttir ve dropshadows gerektiği gibi uygulanır! AYRICA, ben hakkında benim önceki Tut hileler (Well! bu muhtemelen Rehberler kısa çeşitli vardır, bu yüzden sadece onlara "Tut" çağırıyor haklıdır) kullanarak, biraz fazladan gitti CSS Klip özelliğini kullanarak göstermek için sadece

Orijinal Görüntü

CSS DropShadow Sonuçlar

Demo bilgileri | İndir Kaynak Kodlarını

Neden bunu anlamak istiyorum?? Humm ...!

CSS yazarların çoğu o CSS Klip özellik muhtemelen en un kullanılan CSS özelliklerini biri olduğu konusunda hemfikirdir. O da benim için çok doğruydu ve ben değiştirerek başlayana kadar, ihmal en mutlu oldu MooTools İKİ Tokmak (Pin) Slider Bileşeni (Range Gösterge ile) .

Kaydırıcıyı aralığı belirtmek için kırpılır backgroud görüntüleri (değişken genişlik bölünmeye karşı) kullanarak Slider bileşeni değiştirmek için bileşeni kullanıcıların birinden iyi bir öneri vardı. Böylece eğlenceli ama CSS Klip mülk suları (benim için tabii) un imtiyaz girmek için benim zamanım geldi.

Eh! ne kadar zor olabilir? Hiç benzemiyor ... EVET ve HAYIR. CSS Clip özelliği kullanmak için sözdizimi oldukça dik ama anlamı / usuage biraz croocked olduğunu. Benimki gibi bir hafıza ile, her şey benim Slider Senaryo üzerinde rework oturup ... kendimi benim komut oluşturduğunuz mantığı hatırlatmak için, bu CLIP özelliğinin kullanımını atıfta tokeep var .... Bu nedenle! gelecekte (ve ayrıca görünüyor olanların yararına CSS Klip Property tarafından boggled) hatırlamak için bir umut ile, kalem aşağı düşünülmektedir

CSS Klip ne yapar?

Klip CSS 2.1 görsel efektlerin modülü kısmıdır. Basitçe söylemek gerekirse, işini bu nedenle ek dosyaları (zaten Slider Bileşeni daha iyi kullanmak için bu özelliği koyduk oluşturmak zorunda kalmadan görüntüleri kırpma ve küçük oluşturmak, kırpılan bir nesnenin üzerine görünür bir pencere yerleştirmektir )

CSS Klip özelliğini kullanarak, rect şeklini kullanarak bir kırpma oluşturabilirsiniz. Rect kullanarak diğer birçok CSS Özellikleri (margin, padding vb) gibi gerektirir dört koordinatları Üst, Sağ, Alt, Sol (TRBL). Bu dört koordinatları (a bir süre atmak içine beyin gönderir) kullanarak, klip kırpma bölge nasıl hesapladığını bir yakından bakmak bu özelliğin croocked doğasını yansıtır. Şimdi şaşırtmak için alttan üstten başlar ve sağ sol başlar. . Sen bu söylediklerini bakın? .... Bu yüzden bu yazı ...

Bu küçük karmaşa kolaylıkla aşağıda CSS Klip / rect özelliği bu görsel açıklama ile yok olabilir!

CSS Klip Gereksinimleri

Biz başladık görevi (ve ayrıca geniş açılı görüntü) bir squarer görünen bir görüntü içine aşağıdaki Küçük resim derlemek için

Orijinal Thumbnal / Resim	Sqaure Thumbmail için Klip Gereksinimleri

CSS Klip Sonuçlar

Demo bilgileri | İndir Kaynak Kodlarını

Bu soru daha önce birkaç kez aklımdan geçti, daha önce de siteler üzerinde çalışırken, hangi site / WordPress PHP ve çevresinde bir acemi portal.Being bazı bölümlerinde bloglar veya içeriği yeni bir tür göstermek için WordPress kullanılmış, ben devam "Bu kek benim takıyorum değil" diye düşünerek, bu procastinating. Nihayet! çözüm için biraz etrafında diggin başladığında bu gereksinimi, burnuma kadar geldi.
Ben gerçekten ben aslında sadece PHP biraz ve WordPress API kullanarak, WordPress çalışan bölümün dışında başka sayfada başlıklarının bir listesini veya en son yazılan görüntülemek için olduğunu düşündüm daha kolay olduğunu bulmak için sürpriz oldu .

İşte yapmanız gereken şudur: -
Açıklama nedeniyle, sitenizin olduğunu varsayalım http://www.inchembur.com/ ve bu sitenin haber bölümüne sahip http://news.inchembur.com/ (WordPress çalıştığı). Şimdi gereksinimi en son yazılan göstermektir http://news.inchembur.com/ yani, ana sitenin ana sayfasında http://www.inchembur.com/index.php

Adım 1: index.php içinde aşağıdaki kod takıyorum ekleyin, WordPress API dosya ekleyin. Size yazılan görünmesini istediğiniz sayfanın üst ekleyebiliriz.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); WordPress Theme / / Disbable kullanımı
('/ var / news.inchembur.com / wp-blog-header.php') gerektirir; / / WordPress API Dahil
; // Get Latest Post query_posts ('showposts = 1'); / / Son mesaj alın
?>

Include yukarıdaki takıyorum, biz sadece tek ve en son mesaj alıyorsanız. Eğer denemek isterseniz daha fazla varyasyon kazmak için çekinmeyin query_posts() belgeler .

Adım 2: Şimdi, en son WordPress yazı göstermek istiyorum İndeksi / Ana sayfa bölümünde http://news.inchembur.com , aşağıdaki kodu kullanabilirsiniz. Demek reklamınız styling bölümleri, açıklık ve tasarım ihtiyaçlarına göre sınıflar için çekinmeyin gerek yok.

Adım 3: Hiçbir Adım 3 yoktur ... o Thats ... bitirdiniz!

Son mesajı karşıt olarak nasıl Belirli bir yazı / sayfa gösterir: -
Bu kolayca argümanları değiştirerek önemleri olabilir query_posts() sayfa numarası veya sayfa sülük dahil etmek

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

ya sen, gönderilen mesajların sayısını kontrol edebilirsiniz:
) ; query_posts (showposts = 3);