Εκφράζοντας IT

Σκέφτηκα ότι αυτό θα είναι ένα doodle να βρείτε στο Google, όπως πολλοί μας UI και το σενάριο συγγραφείς θα πρέπει να το κάνουμε αυτό σε καθημερινή βάση, δηλαδή περιλαμβάνει ένα κομμάτι του κομματιού από το απόσπασμα κώδικα PHP (. Php) σε ένα Smarty προτύπου (. TPL). Συνειδητοποίησα ότι η ευκολότερη / δημοφιλή ερώτημά σας, ακόμη πιο δύσκολο να βρείτε την ακριβή απάντηση ... ένα εκατομμύριο αποτελέσματα αναζήτησης, αλλά οι περισσότεροι από αυτούς reffered στο "αρχείο" περιλαμβάνει Smarty ... η οποία έχει την ακόλουθη σύνταξη

{Περιλαμβάνει αρχείο = "περιλαμβάνουν / header.php"}

Αυτό συμπεριλάμβανε τον πραγματικά το αρχείο πρόστιμο, αλλά ως κείμενο, αυτό που ήθελα ήταν το αποτέλεσμα των αρχείων που περιλαμβάνονται. (Σημειώστε το παραπάνω πρότυπο περιλαμβάνει χρησιμοποιείται μέσα σε ένα αρχείο προτύπου). Τέλος με persiverance λίγο .... Σκόνταψα σε μια τροποποιημένη slighty σύνταξη, η οποία ήταν η απάντηση στην απαίτηση μου ... οπότε εδώ είναι ... αν εχετε βρει έναν ήδη

{Include_php αρχείου = "περιλαμβάνουν / header.php"}

Ένας άλλος γρήγορος Tut. Εδώ είναι κάτι απλό και ωραίο χρησιμοποιώντας τη δύναμη των CSS ... αλλά ήταν δύσκολο φανταζόμαστε (και σίγουρα δεν ήμουν εγώ) να αρχίσει με. Προσθέτοντας Dropshadow, μπορεί να είναι ενός κομματιού του κέικ για πολλούς από εμάς, χρησιμοποιώντας κάποια εργαλεία επεξεργασίας εικόνας όπως το Photoshop ANF Πυροτεχνήματα κλπ.
Ο λόγος για τον οποίο, επέλεξα για σκίαση χρησιμοποιώντας CSS είναι ότι, συνήθως, δημιουργώντας παράλληλα ένα σχέδιο σελίδα / html της αίτησης, οι απαιτήσεις κρατήσει επανάληψη. Αυτό που εννοώ είναι, σε μια υπάρχουσα ιστοσελίδα με πολλές εικόνες, όπως αυτές που εμφανίζουν freinds λίστα ή μια γκαλερί εικόνων, θα είναι δύσκολο να επανεπεξεργάζονται ολόκληρο το φορτίο των εικόνων που είχαν ήδη εκφορτωθεί για να προσθέσετε ή να αφαιρέσετε τις σκιές, για να θέμα.
Έτσι, εάν έχετε κάνει λίγο προς τα εμπρός σκέψης, δημιουργώντας παράλληλα τις HTMLs να προσθέσετε τα επιπλέον τμήματα ή συνήθως η κατάσταση είναι ότι έχετε μια λογική βρόχος παράγει αυτά τα εικονίδια / μικρογραφίες σε XSL, PHP. JAVA ή οποιοδήποτε άλλο προγραμματισμού / scripting γλώσσα, μπορείτε να προσθέσετε ανά πάσα στιγμή, τότε είναι ακριβώς το θέμα της εμφάνισης και της απόκρυψης αυτών των σκιών χρησιμοποιώντας την ιδιότητα Εμφάνιση CSS, σύμφωνα με τους πελάτες συνεχώς μεταβαλλόμενες απαιτήσεις μου ... Δεν εχετε κάνει αυτό το είδος της σκέψης προς τα εμπρός πριν από αυτή ... αλλά ahev ξεκίνησε τώρα!

Στο παρακάτω παράδειγμα, η αρχική εικόνα είναι ελεύθερη σκιά και οι dropshadows εφαρμόζονται, όπως απαιτείται! ΕΠΙΣΗΣ, έχω πάει μια μικρή επιπλέον, χρησιμοποιώντας τα κόλπα των προηγούμενων Τουτ μου (Well! αυτά ίσως είναι μικρότερη ποικιλία από σεμινάρια, έτσι ώστε να δικαιολογείται μόνο καλώντας τους "Τουτ" "α) για την χρήση CSS Ακινήτου κλιπ για να αναδείξουν μόνο

Αρχικό εικόνας

CSS Αποτελέσματα DropShadow

Προβολή Demo | Download sourcefiles

Γιατί θέλω να το καταλάβετε αυτό? Humm ...!

Οι περισσότεροι συγγραφείς του CSS, θα συμφωνήσουν ότι το CSS ιδιοκτησία Clip είναι πιθανώς μια από τις πιο διαδεδομένες un ιδιότητες CSS. Ήταν τόσο αληθινό για μένα πάρα πολύ και ήταν πιο ευτυχής να το παραμελούν, μέχρι που άρχισε να τροποποιεί το Mootools ΔΥΟ Κουμπί (Pin) Component Slider (με Δείκτη Range) .

Υπήρξε μια καλή πρόταση από έναν από τους χρήστες συστατικό για την τροποποίηση του στοιχείου Δρομέας χρησιμοποιώντας ψαλιδίζεται backgroud εικόνες (έναντι μεταβλητού τμήματος πλάτος) για να δείξει το εύρος ρυθμιστικό. Έτσι, ήρθε η ώρα μου να εισέλθουν στην διασκέδαση, αλλά un-ναυλωμένο (για μένα φυσικά) νερά του ακινήτου Clip CSS.

Καλά! πόσο δύσκολο μπορεί να είναι; Όχι πολύ καθόλου ... ΝΑΙ και του ΟΧΙ. Η σύνταξη να χρησιμοποιήσει το ακίνητο Κλιπ CSS είναι αρκετά όρθια θέση, αλλά η έννοια / usuage είναι λίγο croocked. Με μια μνήμη όπως η δική μου, κάθε φορά που κάθομαι να επαναλάβει στο Σενάριο Slider μου ... Έχω tokeep παραπέμποντας με τη χρήση αυτού του ακινήτου CLIP, να θυμηθώ τη λογική που έχω δημιουργήσει στο σενάριό μου .... Ως εκ τούτου! πιστεύεται ότι πένα προς τα κάτω, με την ελπίδα να θυμόμαστε ότι το μέλλον (αλλά και προς όφελος εκείνων που φαίνονται σε σύγχυση από την Ακινήτου Κλιπ CSS)

Τι CSS Κλιπ κάνει;

Clip είναι μέρος του οπτικού μονάδα εφέ του CSS 2.1. Με απλά λόγια, η δουλειά του είναι να τοποθετήσετε ένα ορατό παράθυρο πάνω από ένα αντικείμενο που ψαλιδίζεται, ως εκ τούτου, ψαλίδισμα εικόνες και δημιουργώντας μικρογραφίες χωρίς να χρειάζεται να δημιουργήσουν επιπλέον αρχεία (έχω ήδη θέσει αυτό το χαρακτηριστικό για την καλύτερη χρήση του στοιχείου Slider )

Χρησιμοποιώντας την ιδιότητα Κλιπ CSS, μπορείτε να δημιουργήσετε ένα απόκομμα με το σχήμα ορθ. Όπως και πολλές άλλες ιδιότητες CSS (όπως περιθώριο, padding κλπ), χρησιμοποιώντας RECT απαιτεί τέσσερις συντεταγμένες Επάνω, Δεξιά, Κάτω, Αριστερά (TRBL). Η croocked χαρακτήρα της ιδιοκτησίας αντικατοπτρίζει όταν ρίξετε μια πιο προσεκτική ματιά στο πώς κλιπ υπολογίζει την περιοχή αποκοπής, χρησιμοποιώντας αυτές τις τέσσερις συντεταγμένες (εγκέφαλος στέλνει σε μια κλήρωση για ένα διάστημα). Τώρα να σας μπερδέψει το κάτω μέρος ξεκινά από την κορυφή, και το δικαίωμα ξεκινά από την αριστερή. . Βλέπετε τι είπα; .... Ως εκ τούτου, αυτό το post ...

Αυτή η μικρή σύγχυση μπορεί εύκολα να εξαφανιστεί, με αυτή την οπτική επεξήγηση του CSS Κλιπ / RECT ιδιοκτησίας, όπως παρακάτω!

Απαιτήσεις CSS Κλιπ

Το έργο που έχουμε ξεκινήσει είναι να περιορίσει την ακόλουθη εικόνα μικρογραφίας σε μια τετραγωνισμένη εικόνα που αναζητούν (και επίσης μία ευρεία γωνίας της εικόνας)

Αρχικό Thumbnal / εικόνας	Απαιτήσεις για Clip Sqaure Thumbmail

CSS Αποτελέσματα Κλιπ

Προβολή Demo | Download sourcefiles

Το ερώτημα αυτό πέρασε από το μυαλό μου μερικές φορές στο παρελθόν, όταν δούλευα σε χώρους πολύ νωρίτερα, το οποίο χρησιμοποιείται για να δείξει WordPress blogs ή νέο είδος του περιεχομένου σε κάποιο μέρος του site / portal.Being έναν αρχάριο σε PHP και γύρω από το WordPress, συνέχισα procastinating, νομίζοντας ότι "αυτό δεν είναι κομματιού κέικ μου". Τέλος! Η απαίτηση αυτή ήρθε μέχρι τη μύτη μου, όταν ξεκίνησε diggin γύρω από ένα κομμάτι για λύση.
Έμεινα έκπληκτος να διαπιστώσει ότι πραγματικά ήταν ευκολότερη από ό, τι πραγματικά πίστευα ότι ήταν, για να εμφανίσετε μια λίστα από τίτλους ή την τελευταία θέση σε οποιαδήποτε άλλη σελίδα έξω από το WordPress που κινούνται, απλά χρησιμοποιώντας ένα μικρό κομμάτι της PHP και το WordPress API .

Εδώ είναι τι πρέπει να κάνετε: -
Για λόγους εξήγηση, ας υποθέσουμε ότι η περιοχή σας είναι http://www.inchembur.com/ και έχετε τη νέα ενότητα για αυτό το site για http://news.inchembur.com/ (το οποίο τρέχει WordPress). Τώρα η απαίτηση είναι να δείξει την τελευταία θέση από http://news.inchembur.com/ στην αρχική σελίδα του κύριου site, δηλαδή http://www.inchembur.com/index.php

Βήμα 1: Στο index.php σας προσθέστε τον ακόλουθο κώδικα του κομματιού, το WordPress Συμπεριλάβετε API αρχείο. Μπορείτε να προσθέσετε αυτό στην κορυφή της σελίδας που θέλετε μετά να σας εμφανιστεί.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES », ψευδή)? / / Disbable χρήση του WordPress θέμα
απαιτούν (/ var / news.inchembur.com / wp-blog-header.php ")? / / Συμπεριλάβετε WordPress API
; // Get Latest Post query_posts («showposts = 1 ')? / / Get Τελευταίο μήνυμα
;>

Στο παραπάνω κομματιού της περιλαμβάνουν, παίρνουμε μόνο το πιο πρόσφατο μήνυμα. αν θέλετε να δοκιμάσετε περισσότερες παραλλαγές διστάσετε να χώνω, query_posts() τεκμηρίωση .

Βήμα 2: Τώρα, στο τμήμα της σελίδας Ευρετήριο / σελίδα όπου θέλετε να δείτε την τελευταία θέση WordPress από http://news.inchembur.com , χρησιμοποιήστε τον ακόλουθο κώδικα. Περιττό να πω, μη διστάσετε να ad τμήματα styling, ανοίγματα και τις τάξεις σας σύμφωνα με τις ανάγκες του σχεδιασμού σας.

Βήμα 3: Δεν υπάρχει Βήμα 3 ... Αυτό ήταν ... τελειώσατε!

Πώς δείχνουν μια συγκεκριμένη θέση / σελίδα σε αντίθεση με την τελευταία θέση: -
Αυτό μπορεί εύκολα να επιτυγχάνονται με την αλλαγή προς τα επιχειρήματα query_posts() να συμπεριλάβει το αναγνωριστικό της σελίδας ή τη σελίδα γυμνοσάλιαγκα

) ; query_posts («page_id = 7 ')?
) ; query_posts («όνομα_σελίδας = περίπου)?

ή Μπορείτε να ελέγξετε τον αριθμό των θέσεων:
) ; query_posts (showposts = 3)?