WordPress login Table

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

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

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

WordPress login Table

Δημοσίευση από sibas » 07 Ιουν 2007 04:07

Κάπως έτσι λειτουργεί άμα κάνεις crop την εικόνα, ωστόσο δεν το συνιστώ.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title></title>
<style type="text/css">
body&#123;
background-color&#58;#808040;
padding&#58;0;
margin&#58; 0;
&#125;

 #login &#123;
background&#58; url&#40;'tile.gif'&#41; 0% 0% no-repeat ;
color&#58; #fff;
margin&#58; 0 auto ;
padding&#58; 100px 0 0 0;
width&#58; 425px;
&#125;

html>body #login form &#123;
height&#58;212px;
&#125;

#login form &#123;
background&#58;  url&#40;'login-bkg-bottom.gif'&#41; 0% 100% no-repeat ;
padding&#58; 63px 0 0 30px;
height&#58;234px;
&#125;
</style>
</head>
<body>
<div id="login"><h1><a href="http&#58;//wordpress.org/" title=" WordPress"><span class="hide"></span></a></h1>
<form name="loginform" id="loginform" action="wp-login.php" method="post">
	<p>
		<label>onoma<br />
		<input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /></label>
	</p>
	<p>
		<label>kodikos&#58;<br />
		<input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /></label>
	</p>
	<p><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" /> na me 8umase</label></p>
	<p class="submit">
		<input type="submit" name="submit" id="submit" value="sundesi &raquo;" tabindex="100" />
		<input type="hidden" name="redirect_to" value="wp-admin/" />
	</p>
</form>
</div>
</body>
</html>
Συνημμένα
tile.gif
tile.gif (14.56 KiB) Προβλήθηκε 1029 φορές

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

WordPress login Table

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

Δούλεψε και σε ie το bottom ωστόσο η φόρμα εκχώρησης username pass σε ιε συβεχίζει να το βγάζει λάθος... παρόλα αυτά σε εχαυριστώ πολύ sibas ;)
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Απάντηση

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

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

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