הבעת IT

חשבתי 1 זה יהיה שרבוט למצוא ב-Google, כמו רבים מאיתנו כותבים לך ממשק משתמש התסריט היה צריך לעשות את זה ביום בסיס יום, כלומר כוללים קצת peice של קטע קוד PHP (. Php) אל תבנית החכם (. TPL). הבנתי שאילתה קל / פופולרי, אפילו יותר קשה למצוא את התשובה המדויקת ... מיליון בתוצאות החיפוש אבל רובם reffered על "קובץ" כוללת החכם ... אשר בתחביר הבא

{כולל = קובץ "כוללים / header.php"}

זה inlcuded למעשה את הקובץ בסדר, אבל כטקסט, מה שרציתי היה תוצאה של הקובץ כלל. (הערה לעיל משמש כוללים התבנית בתוך תבנית קובץ). בסופו של דבר עם persiverance קצת .... נתקלתי תחביר slighty שונה, אשר היתה התשובה לדרישה שלי ... אז הנה זה ... אם אתה נמצא havn't 1 כבר

{Include_php הקובץ = "הכוללים / header.php"}

תות נוסף מהירה. הנה משהו פשוט ונחמד באמצעות העוצמה של CSS ... אבל היה concieve קשה (וזה בטח לא אני) מלכתחילה. הוספת Dropshadow, יכול להיות peice עוגה עבור רבים מאיתנו, בעזרת כמה כלים לעריכת תמונות כמו פוטושופ ANF זיקוקים וכו '
הסיבה לכך, בחרתי הצללה באמצעות CSS היא, בדרך כלל תוך יצירת עיצוב הדף / html הבקשה, הדרישות לשמור iterating. מה זאת אומרת הוא, אתר אינטרנט קיים עם תמונות רבות, כמו אלה שמציגים freinds רשימה או גלריית תמונות, זה יהיה קשה לעבד מחדש את העומס של כל התמונות שהיו כבר פרקו להוסיף או להסיר את הצללים, בשביל זה משנה.
אז אם יש לך לעשות חשיבה קדימה מעט יצירת HTMLS להוסיף את חטיבות נוספות או בדרך כלל המצב הוא שיש לך הגיון Loop יצירת אלה סמלים / תמונות ממוזערות XSL, PHP. JAVA או כל שפה אחרת התכנות / scripting, אתה יכול להוסיף את זה בכל זמן, אז הוא רק עניין של הצגה והסתרה אלה הצללים באמצעות נכס תצוגה CSS, כמו לכל הלקוחות המשתנים דרישות ... אני havn't לעשות סוג כזה של חשיבה קדימה לפני זה ... אבל ahev התחיל עכשיו!

בדוגמה הבאה, התמונה המקורית היא צל בחינם את dropshadows מיושמים כנדרש! כמו כן, הלכתי עוד קצת, באמצעות טריקים של תות קודם שלי (Well! אלה הם ככל הנראה הקצר ביותר במגוון של הדרכות, אז זה מוצדק רק קורא להם "תות" של) על נכס באמצעות CSS קליפ עבור להשוויץ בלבד

התמונה המקורית

תוצאות DropShadow-CSS

הצג הדגמה | הורדה sourcefiles

מדוע אני רוצה להבין את זה??? הוממ ...!!

רוב הכותבים-CSS יסכימו נכס CSS קליפ הוא כנראה אחד בלתי בשימוש תכונות רוב CSS. זה היה נכון אז גם לי ושמחתי ביותר להזניח את זה, עד שהתחלתי שינוי שני MooTools (PIN) Knob Slider Component (עם מחוון טווח) .

היתה הצעה טובה מאחת משתמשים רכיב לשנות את רכיב Slider באמצעות תמונות backgroud גזומים (נגד חלוקת רוחב משתנה) כדי לציין את טווח המחוון. לכן הגיע הזמן שלי להיכנס כיף אבל בלתי שכר (לי ofcourse) המים של הנכס קליפ CSS.

טוב! כמה קשה זה יכול להיות? לא הרבה בכלל ... כן ולא. התחביר כדי להשתמש במאפיין קליפ CSS היא זקופה למדי, אבל המשמעות / usuage קצת croocked. עם זיכרון כמו שלי, כל פעם אני יושב לעבוד מחדש על התסריט Slider שלי ... יש לי tokeep מתכוון לחזור השימוש של נכס זה קליפ, כדי להזכיר לעצמי את ההיגיון שאני יצרתי בתסריט שלי .... מכאן! חשבתי בעט אותו, בתקווה לזכור אותו בעתיד (וגם לטובת אלה נראה שיגע ידי נכס קליפ CSS)

מה קליפ CSS לעשות?

הסרטון הוא חלק מודול אפקטים חזותיים של CSS 2.1. במילים פשוטות, את העבודה הוא להציב חלון גלוי על גבי האובייקט כי הוא מקוטע, ומכאן גזירת תמונות ויצירת תמונות ממוזערות מבלי ליצור קבצים נוספים (יש לי כבר את בתכונה זו כדי שימוש טוב יותר ברכיב Slider )

שימוש ברכוש קליפ CSS, אתה יכול ליצור את הצורה בעזרת חיתוך rect. כמו נכסים רבים אחרים-CSS (כמו וכו ', שולי הריפוד), תוך שימוש rect דורש ארבע קואורדינטות למעלה, למטה מימין, משמאל (TRBL). הטבע croocked של נכס זה משקף כאשר אתה לוקח נראה כיצד קליפ מחשב באזור גזר, תוך שימוש בארבע נקודות ציון (המוח שולח אל לזרוק קצת). עכשיו לבלבל אותך למטה מתחיל מלמעלה, ומיד מתחיל משמאל. . אתה רואה מה אמרתי? .... לכן זה לכתוב ...

זה בלבול קטן יכול בקלות להיעלם, עם הסבר זה ויזואלית של הנכס CSS קליפ / rect להלן!!

דרישות קליפ-CSS

המשימה התחלנו הוא קליפ תמונה ממוזערת הבאה לתמונה רבועים מחפש (וגם תמונה רחבת זווית)

Thumbnal התמונה המקורית /	קליפ דרישות Sqaure Thumbmail

תוצאות קליפ-CSS

הצג הדגמה | הורדה sourcefiles

שאלה זו חלפה במוחי כמה פעמים בעבר, כאשר עבדתי על אתרי מוקדם מדי, אשר משמש וורדפרס להראות בלוגים או סוג חדש של תוכן באיזה חלק של האתר / portal.Being טירון ב-PHP וברחבי וורדפרס, המשכתי procastinating את זה, חושב "זה לא peice שלי עוגה". סוף סוף! דרישה זו באה upto האף, כאשר החל חופר קצת מסביב לפתרון.
הופתעתי לגלות כי זה באמת היה קל יותר ממה שאני באמת חשב שזה, כדי להציג רשימה של כותרות או בהודעה האחרונה בעמוד אחר מחוץ סעיף וורדפרס המופעל, רק באמצעות קצת PHP ו-API של וורדפרס .

הנה מה לעשות: -
מטעמים של הסבר מניח את האתר שלך הוא http://www.inchembur.com/ ויש לך את הסעיף חדשות עבור אתר זה על http://news.inchembur.com/ (אשר פועל וורדפרס). עכשיו הדרישה היא להראות בהודעה האחרונה מ http://news.inchembur.com/ בדף הבית של האתר הראשי, כלומר http://www.inchembur.com/index.php

Step1: ב index.php שלך להוסיף peice הקוד הבאה, לכלול את קובץ ה-API וורדפרס. אתה יכול להוסיף את זה בראש הדף אתה רוצה בהודעה שלך להופיע.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); שימוש / / Disbable של וורדפרס
מחייבים ('/ var / news.inchembur.com / wp-blog-header.php'); / / כלול WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / קבל הודעה אחרונה
>

ב peice של מעל כלול, אנחנו מקבלים רק בהודעה האחרונה אחד. אם אתה רוצה לנסות וריאציות נוספות אתה מוזמן לחפור, query_posts() תיעוד .

שלב 2: עכשיו, בין היתר של עמוד ראשי / עמוד הבית שבו אתה רוצה להראות בהודעה האחרונה וורדפרס מ http://news.inchembur.com , השתמש את הקוד הבא. למותר לציין, אתה מוזמן מודעות חטיבות סטיילינג שלך, טווחי וכיתות לפי צרכי העיצוב שלך.

שלב 3: אין שלב 3 ... זה הכל ... אתה עשית!

איך להראות הדף הודעה / ספציפי בניגוד להודעה האחרונה: -
זה יכול achived בקלות על ידי שינוי הטיעונים כדי query_posts() לכלול את מזהה הדפים או חילזון

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = כ ');

או אתה יכול לשלוט על מספר הודעות:
) ; query_posts (showposts = 3);