Mengekspresikan TI

Saya pikir yang satu ini akan menjadi doodle untuk mencari di google, karena banyak Anda kami UI dan script penulis akan perlu melakukan hal ini pada hari ke hari, yang mencakup sedikit peice dari potongan kode PHP (. Php) menjadi Smarty Template (. tpl). Saya menyadari bahwa permintaan lebih mudah / populer Anda, bahkan lebih sulit untuk menemukan jawaban yang tepat ... satu juta hasil pencarian, tetapi kebanyakan mereka dirujuk ke "file" termasuk dalam Smarty ... yang memiliki sintaks berikut

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

Ini sebenarnya inlcuded file baik tetapi sebagai teks, Yang saya inginkan adalah hasil dari file yang disertakan. (Perhatikan di atas digunakan termasuk template yang di dalam file template). Akhirnya dengan sedikit persiverance .... Aku sengaja menemukan sintaks slighty dimodifikasi, yang merupakan jawaban untuk kebutuhan saya ... jadi here it is ... jika Anda havn't menemukan satu sudah

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

Lain tut cepat. Berikut ini adalah sesuatu yang sederhana dan bagus menggunakan POWER CSS ... tapi concieve sulit (dan itu pasti bukan saya) untuk memulai. Menambahkan Dropshadow, mungkin peice kue bagi banyak dari kita, menggunakan beberapa alat editing gambar seperti Photoshop anf Fireworks dll
Alasan mengapa, saya memilih untuk drop shadow menggunakan CSS adalah bahwa, biasanya saat membuat desain halaman / html dari aplikasi, persyaratan tetap iterasi. Yang saya maksud adalah, Dalam sebuah situs web yang ada dengan banyak gambar, seperti yang menampilkan daftar freinds atau galeri gambar, maka akan sulit untuk memproses ulang seluruh beban gambar yang telah sudah dibongkar untuk menambah atau menghapus bayang-bayang, untuk itu materi.
Jadi Jika Anda telah melakukan sedikit berpikir ke depan sekaligus menciptakan HTMLs untuk menambahkan divisi tambahan atau biasanya situasi ini adalah bahwa Anda memiliki Logika loop menghasilkan ikon ini / thumbnail di XSL, PHP. JAWA atau bahasa pemrograman / script lainnya, Anda dapat menambahkan kapan saja, maka hanya soal acara dan menyembunyikan bayang-bayang menggunakan properti Tampilan CSS, sesuai dengan klien yang terus berubah persyaratan ... aku havn't dilakukan semacam ini berpikir ke depan sebelum ini ... tapi ahev mulai sekarang!

Pada contoh di bawah, gambar asli adalah bayangan bebas dan dropshadows diterapkan sesuai kebutuhan! JUGA, saya telah sedikit tambahan, dengan menggunakan trik-trik Tut saya sebelumnya (Well! ini mungkin adalah berbagai terpendek Tutorial, sehingga hanya dibenarkan menyebut mereka "Tut" 's) tentang Properti Menggunakan Klip CSS untuk memamerkan hanya

Asli Gambar

CSS DropShadow Hasil

Lihat Demo | Unduh sourcefiles

Mengapa saya ingin memahami ini? Humm ...!

Sebagian besar penulis CSS akan setuju bahwa properti Klip CSS mungkin salah satu yang paling sering digunakan un-properti CSS. Itu sangat benar bagi saya juga dan yang paling senang untuk mengabaikan hal itu, sampai aku mulai memodifikasi MooTools DUA Knob (Pin) Komponen Slider (dengan Indikator Range) .

Ada saran yang baik dari salah satu pengguna untuk memodifikasi komponen Komponen Slider menggunakan gambar backgroud terpotong (melawan sebuah divisi lebar variabel) untuk menunjukkan kisaran slider. Jadi tiba saatnya saya untuk memasuki menyenangkan tapi un-charter (untuk saya ofcourse) perairan properti Klip CSS.

Nah! betapa sulitnya bisa? Tidak sama sekali ... YA dan TIDAK. Sintaks untuk menggunakan properti Klip CSS adalah cukup tegak tapi arti / usuage sedikit croocked. Dengan memori seperti saya, setiap kali saya duduk untuk pengerjaan ulang pada Script Slider saya ... saya harus tokeep merujuk kembali ke penggunaan properti CLIP, untuk mengingatkan diri logika bahwa saya telah dibuat dalam script saya .... Oleh karena itu! diperkirakan pena ke bawah, dengan harapan untuk mengingatnya masa depan (dan juga untuk kepentingan mereka yang tampaknya boggled oleh Properti Klip CSS)

Apa Klip CSS lakukan?

Klip adalah bagian dari modul efek visual dari CSS 2.1. Secara sederhana, tugasnya adalah untuk menempatkan jendela terlihat di atas sebuah obyek yang sedang dipotong, maka kliping gambar dan membuat thumbnail tanpa harus membuat file-file tambahan (saya sudah menempatkan fitur ini untuk penggunaan yang lebih baik dalam Komponen Slider )

Menggunakan properti Klip CSS, Anda dapat membuat kliping menggunakan bentuk rect. Seperti banyak Properti CSS lainnya (seperti margin, dll padding), menggunakan rect memerlukan empat koordinat Atas, Kanan, Bawah, Kiri (TRBL). Sifat croocked properti ini mencerminkan bila anda melihat lebih dekat bagaimana klip menghitung wilayah kliping, menggunakan keempat koordinat (mengirim otak menjadi melemparkan untuk sementara waktu). Sekarang untuk membingungkan Anda bagian bawah mulai dari atas, dan kanan dimulai dari kiri. . Anda lihat apa yang saya katakan? .... Oleh karena itu posting ini ...

Ini sedikit kebingungan dapat dengan mudah menghilang, dengan penjelasan visual dari properti Klip / rect CSS seperti di bawah ini!

CSS Klip Persyaratan

Tugas kami sudah mulai adalah untuk klip gambar Miniatur berikut ke gambar persegi mencari (dan juga gambar sudut lebar)

Asli Thumbnal / Gambar	Klip Persyaratan untuk sqaure Thumbmail

CSS Klip Hasil

Lihat Demo | Unduh sourcefiles

Pertanyaan ini terlintas dalam pikiran saya beberapa kali sebelumnya, ketika saya bekerja di situs sebelumnya juga, yang digunakan untuk menunjukkan WordPress blog atau jenis baru dari konten dalam beberapa bagian dari situs / portal.Being seorang pemula dalam PHP dan sekitar Wordpress, aku terus procastinating, berpikir "ini bukan peice saya kue". Akhirnya! persyaratan ini datang upto hidungku, bila diaktifkan Diggin sekitar sedikit untuk solusi.
Saya terkejut menemukan bahwa itu benar-benar mudah daripada yang saya pikir itu sebenarnya, untuk menampilkan daftar berita atau pesan terbaru pada halaman lain di luar bagian Wordpress bertenaga, hanya menggunakan sedikit PHP dan API Wordpress .

Berikut adalah apa yang harus dilakukan: -
Untuk alasan penjelasan, menganggap bahwa situs Anda http://www.inchembur.com/ dan Anda memiliki bagian berita untuk situs ini pada http://news.inchembur.com/ (yang menjalankan Wordpress). Sekarang kebutuhannya adalah untuk menunjukkan pesan terbaru dari http://news.inchembur.com/ pada halaman home dari situs utama, yaitu http://www.inchembur.com/index.php

Langkah 1: Pada index.php tambahkan kode berikut peice, Sertakan file WordPress API. Anda dapat menambahkan ini ke bagian atas halaman yang ingin posting Anda muncul di.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); / / Disbable penggunaan WordPress Theme
membutuhkan ('/ var / news.inchembur.com / wp-blog-header.php'); / / Sertakan WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Dapatkan Tulisan Terbaru
?>

Dalam peice di atas termasuk, kita hanya mendapatkan posting terbaru tunggal. jika Anda ingin mencoba variasi lebih merasa bebas untuk menggali, query_posts() dokumentasi .

Langkah 2: Sekarang, Di bagian dari halaman Index / Home di mana Anda ingin menampilkan posting terbaru dari Wordpress http://news.inchembur.com , gunakan kode berikut. Tak perlu dikatakan, jangan ragu untuk iklan Anda styling divisi, rentang dan kelas sesuai kebutuhan desain Anda.

Step3: Tidak ada Langkah 3 ... Thats it ... Anda selesai!

Bagaimana menampilkan halaman posting / spesifik yang bertentangan dengan posting terakhir: -
Ini dengan mudah dapat kita dapatkan dengan mengubah argumen untuk query_posts() untuk memasukkan ID halaman atau halaman siput

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

atau Anda dapat mengontrol jumlah posting:
) ; query_posts (showposts = 3);