WordPress login Table

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

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

Απάντηση
Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 05 Ιουν 2007 14:03

Το βάζω εδώ γιατί είναι καθαρά θέμα css.. ;)
Λοιπόν έχω wordpress και χθες είπα να φτιάξω λίγο την login page ( http://yaya.gr/wp-login.php ) έκανα τις εικόνες έγραψα λίγο κώδικα, και πάω να το δω, βλέπω στο bottom (κάτω) ως δεν κολάει με το κεντρικο, επίσης με ie εκεί που εισάγεις κωδικό κλπ το βγάζει μεγαλύτερο από την image, επίσης κάτω τα λινκς με ie τα βγάζει άλλο χρώμα στο hover και με ff δεν δείχνει καν hover...
Μήπως θα μπορούσε κάποιος να με βοηθήσει?
Ευχαριστώ.
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 05 Ιουν 2007 15:48

Παραθέτω και το σημείο του css για διευκόλυνση...

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

#login {
	position: relative;
	background: url('images/login-bkg-tile.gif') no-repeat top center;
	color: #fff;
	margin: 5em auto 1em;
	padding: 20px 0 0;
	width: 425px;
	_width: 390px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.7;
}

#login form {
	background: url('images/login-bkg-bottom.gif') no-repeat bottom center;
	padding: 0px 50px 25px;
	_width: 390px;
	_margin: 0 auto;

}
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

WordPress login Table

Δημοσίευση από skeftomilos » 05 Ιουν 2007 22:18

Omg! Καλύτερα μην περάσεις αυτό το stylesheet από τον CSS Validator γιατί θα απογοητευτείς. :-)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 05 Ιουν 2007 22:21

Το είδα..
Στο opacity βγάζει error το w3c σωστά?

Τεσπα,
για αυτό που ρωτάω ξέρεις?
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

WordPress login Table

Δημοσίευση από skeftomilos » 05 Ιουν 2007 23:16

Φοβάμαι πως όχι... :(
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 05 Ιουν 2007 23:26

Δεν πειράζει, ευχαριστώ πάντως...
Για να είναι validate το opacity ποιον κώδικα χρειάζομαι?
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

WordPress login Table

Δημοσίευση από skeftomilos » 05 Ιουν 2007 23:53

Το opacity ορίζεται στο CSS-3, οπότε θα πρέπει να ορίσεις ανάλογα τις παραμέτρους του validation tool.

Αυτά που δεν είναι valid σε καμία περίπτωση είναι τα filter, -moz-opacity, _width και _height.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 06 Ιουν 2007 00:01

Και πως διορθώνονται?
Δλδ με τι μπορώ να τα αντικαταστήσω?
Επίσης, αν η Χ σελίδα δεν βγαίνει valid στο w3c τι σημαίνει? Εννοώ εμένα με αφορά αυτό πολύ ? Σε τι παίζει ρόλο το w3c?
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

WordPress login Table

Δημοσίευση από skeftomilos » 06 Ιουν 2007 03:37

Δεν υπάρχει κάποιο πρόβλημα που προέκυψε από λάθος. Ο κώδικας είναι σκόπιμα invalid, επομένως δε χρειάζεται διόρθωση. Η εγκυρότητα ως προς τα standards του W3C δεν έχει καμία πρακτική συνέπεια στην εμφάνιση των σελίδων, τουλάχιστον στους browsers που χρησιμοποιεί η πλειοψηφία των χρηστών. Το πιο συνηθισμένο κίνητρο για την επιδίωξη της εγκυρότητας είναι το πρεστίζ.

...και με γειά το νέο avatar! :-)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 06 Ιουν 2007 03:42

thanks για το info.. άρα δεν να φανταστώ αυτό με την login φορμα που μου τα χαλάει με ie και γενικά δεν φτιάχνετε έτσι?

Thanks για το avatar αν και δεν θα μείνει για πολύ, θα γυρίσω στο παλιό που είχα συνηθίσει.. :P
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

WordPress login Table

Δημοσίευση από sibas » 06 Ιουν 2007 23:45

βάλε στο #login ένα height:254px; και παίξε με την τιμή
για το opacity είναι πανεύκολο αρκεί να βρεις πως κρύβεις ένα css

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 07 Ιουν 2007 00:18

Σε ευχαριστώ sibas, έπαιξα λίγο με τις τιμές και το έφερα στα μέτρα του με firefox, με ie δεν έφτιαξε και επίσης ο ie μου βγάζει από το περιθώριο τα σημεία που βάζεις username and password ... :-?
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 07 Ιουν 2007 00:19

sibas έγραψε: για το opacity είναι πανεύκολο αρκεί να βρεις πως κρύβεις ένα css
Δεν σε κατάλαβα σε αυτό ... :oops:
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
Maradonna
Δημοσιεύσεις: 135
Εγγραφή: 07 Ιουν 2007 03:19
Τοποθεσία: Αθήνα
Επικοινωνία:

WordPress login Table

Δημοσίευση από Maradonna » 07 Ιουν 2007 03:28

Υπάρχει ένα εξαιρετικό plugin για login και εγγραφές στο wordpress!!Μπορείτε να το δείτε και στο bodle.gr :kaloe:
Εικόνα
Code is poetry

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

WordPress login Table

Δημοσίευση από EkLekTos » 07 Ιουν 2007 03:42

Μας κοροιδεύεις φίλε? :hummer:
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Απάντηση

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

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

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