| Autor | Zpráva | ||
|---|---|---|---|
| igid26 Profil |
Zdravím,
Vytvoril som si prihlasovací formulár. Inputy som nastyloval. No potreboval by som zadať pozíciu pozadia na stred. Tu je css kód. /*************************************************
profil-pozadie
*************************************************/
#profil-pozadie-wrapper {
width:240px;
height:140px;
margin:0 auto;
}
#profil-pozadie {
float:right;
margin-right:15px;
}
#profil-pozadie ul {
float:left;
list-style-type:none;
margin-right:85px;
padding:0px;
position:relative;
z-index:0;
width:290px;
height:170px;
background:url(http://mojahudba.sexyi.am/pozadie-loginu.png) no-repeat center;
}
.login fieldset {margin-right: 5px;
margin-top: 6px;
position: relative;}
.login input {width: 75%; border: none; background: #FFFFFF; padding: 8px 35px 8px 12px; color: #333; vertical-align: middle; border-radius:15px;}
.login button {width: 16px; height: 16px; background: url(images/search.png) no-repeat left top ;
cursor: pointer; border: none; position:absolute; top:10px; right:10px;} |
||
| Someone Profil |
#2 · Zasláno: 4. 3. 2012, 13:33:58
test-align: center;
|
||
| igid26 Profil |
#3 · Zasláno: 4. 3. 2012, 17:21:59
Ďakujem ale nefunguje to. Kam to mám vložiť?
|
||
| Someone Profil |
#4 · Zasláno: 4. 3. 2012, 17:24:39
Předpokládám, že ten modrý box je #profil-pozadie-wrapper takže
#profil-pozadie-wrapper {
width:240px;
height:140px;
margin:0 auto;
text-align: center;
} |
||
| igid26 Profil |
#5 · Zasláno: 4. 3. 2012, 18:41:02 · Upravil/a: igid26
Aha no už to ide v pohode ďakujem moc.
No ale ako to skúšam tak ono mi to zarovnáva do stredu horizontálne ale stále je moc na vrchu. Ako sa zadávajú presne pozície? |
||
| igid26 Profil |
#6 · Zasláno: 5. 3. 2012, 07:58:46
Nevie nikto ?
|
||
| jenikkozak Profil |
#7 · Zasláno: 5. 3. 2012, 08:47:28
igid26:
Ne, nikdo neví. Přidej odkaz na živou ukázku, ať diskutující nemusejí hádat, jakou strukturu HTML používáš. |
||
| igid26 Profil |
#8 · Zasláno: 5. 3. 2012, 10:46:02
http://mojahudba.sexyi.am
A tu je html kód prihlasovacieho formulára. <div id="profil-pozadie-wrapper">
<div id="profil-pozadie">
<?php if (!(current_user_can('level_0'))){ ?>
<ul class="headerlinks">
<div class="login">
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" value="Prihlasovacie meno" onfocus="if(this.value=='Prihlasovacie meno') this.value=''" name="log" font-size: large id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" onfocus="if(this.value=='Prihlasovacie meno') this.value=''" size="19" style="border: 2px solid dcdcdc; background-color: white" />
<input type="password" onfocus="if(this.value=='Heslo') this.value=''" name="pwd" id="pwd" value="Heslo" size="19" style="border: 2px solid dcdcdc; background-color: white" /></br></br>
<input type="submit" name="submit" value="Prihlásiť" class="button" />
<input type="submit" name="submit" value="Registrácia" class="button" />
<p>
</p>
</form>
<center><a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Zabudnute heslo</a></center>
</div>
<?php } else { ?>
<div id="profil-pozadie2-wrapper">
<ul class="headerlinks">
<h2>Logout</h2>
<a href="<?php echo wp_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">logout</a><br />
<a href="http://mojahudba.sexyi.am/wp-admin/">admin</a>
</div>
<?php }?>
</div> |
||
| Someone Profil |
#9 · Zasláno: 5. 3. 2012, 11:36:31
igid26:
„ale stále je moc na vrchu“ Použij padding. #profil-pozadie-wrapper {
width:240px;
height:120px; // původně 140px; -> padding-top: 20px; -> height: 120px;
margin:0 auto;
text-align: center;
padding-top: 20px; //Kolik dáš padding-top o tolik zmenši výšku,
} |
||
| jenikkozak Profil |
#10 · Zasláno: 5. 3. 2012, 12:08:00
igid26:
Jen nepříliš související poznámka č. 1: Styl můžeš přidat i formuláři, nepotřebuješ milion <divů>. Poznámka č. 2: Pokud bude ten formulář v divu s id „header-ad“, uživatelům, kteří blokují reklamu pomocí AdBlocku, se vůbec nezobrazí. (To id je na seznamu blokovaných.) |
||
| igid26 Profil |
#11 · Zasláno: 5. 3. 2012, 13:33:47
No cez padding som to už skúšal ale furt to nešlo. Tak som do html vložil </br> neni to moc dobrý spôsob zadávania pozície ale čo už :D
A id „header-ad“ som zmenil to ma nenapadlo že to múže blokovať ďakujem za rady :D |
||
|
Časová prodleva: 14 let
|
|||
0