[WordPress - Tutorial] - Playing with CSS

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από Basilakis » 16 Μαρ 2008 13:21

Σήμερα, καθώς έβαζα τις τελεφταίες πινελίες, στο CSS του wordpress μου ανακάλυψα κάτι ωραίο. Τα Images είχανε ένα border γύρω - γύρω, πράγμα το οποίο ήθελα να αλάξω. Έτσι...

Αυτός είναι ο κώδικας απο το fuctions.php που εμφανίζει τα images:

Κώδικας: Επιλογή όλων

  $wp_smiliesreplace&#91;&#93; = " <img src='$siteurl/wp-includes/images/smilies/$img' border='0' alt='$smiley_masked' class='wp-smiley' /> ";
Όπως βλέπετε, καλεί την κλάση wp-smiley απο το css για να ορίσει το αντικείμενο.

Έφτιαξα το CSS έτσι

Κώδικας: Επιλογή όλων

img.wp-smiley &#123;	
    border-top-width&#58; 0px;
    border-right-width&#58; 0px;
    border-bottom-width&#58; 0px;
    border-left-width&#58; 0px;
    border-top-style&#58; none;
    border-right-style&#58; none;
    border-bottom-style&#58; none;
    border-left-style&#58; none; 
    &#125;
kαι το έκανα add μέσα στον κωδικά μου. Και Vouala είμαστε έτοιμοι ;)

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από ALR » 16 Μαρ 2008 14:05

Με border:0; δε γίνεται ;

Και λογικά για να έχει border, αυτή η κλάση υπάρχει κάπου ήδη με αυτά τα attributes δηλωμένα. Αν την έβρισκες και απλώς τα έσβηνες;
Γίνονται πραγματάκια

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από Basilakis » 16 Μαρ 2008 15:23

Λές να μην το έψαξα; Έψαξα την class και δεν υπήρχε μέσα στο css.

επίσης

Κώδικας: Επιλογή όλων

$wp_smiliesreplace&#91;&#93; = " <img src='$siteurl/wp-includes/images/smilies/$img' border='0' alt='$smiley_masked' class='wp-smiley' /> "; 
Βλέπεις να έχει πουθενά border = 0; Nop. και το δοκίμασα και δεν έπεζε. Ίσως εάν το έψαχνα λίγο παραπάνω να το έλινα απο εκει μέσα, παρόλα αυτά, αφού ΕΛΕΝΧΕΤΑΙ απο class στο CSS γιατί να βαρίνω τον κώδικα;

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από ALR » 16 Μαρ 2008 16:08

χμμ..
Αν έβαζες μόνο το
img.wp-smiley { border: 0px }
τι θα γινόταν ;
Γίνονται πραγματάκια

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από Basilakis » 16 Μαρ 2008 16:30

Το ίδιο. Παρόλα αυτά, δίνω όλο τον κώδικα, με σωστό css.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από ALR » 16 Μαρ 2008 17:16

Καλά ναι, δε διαφωνώ, αλλά συνήθως ψάχνω τον συντομότερο τρόπο , για αυτό απάντησα.
Σε ποιο theme όλα αυτά;
Αν η κλάση δεν περιέχεται στο css αρχείο, μήπως την τραβά από κάποιο .js ;
Γίνονται πραγματάκια

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από Basilakis » 16 Μαρ 2008 17:47

Man, τι λές τώρα :D

Όχι βέβαια. Και εκτός αυτού, έκανα full script search me to dreamweaver πρίν γράψω. Είναι type - tutorial, γιατί το είδα να συμβαίνει και σε άλλα templates. Δεν θα το έγραφα εάν δεν είνουνα 100% σύγουρος.

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

[WordPress - Tutorial] - Playing with CSS

Δημοσίευση από cherouvim » 16 Μαρ 2008 19:58

ALR έγραψε:αλλά συνήθως ψάχνω τον συντομότερο τρόπο
++

Κώδικας: Επιλογή όλων

img.wp-smiley &#123;
  border&#58; 0
&#125;

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης