Pagina 1 van 1
Nickname // Pass input ..
Geplaatst: 08 feb 2007, 21:23
door MaartenBosmans
Hi,
Is het mogelijk om de nickname // pass inlogvelden te vervangen door een afb ? beter gezegd .. hoe doe ik dat ?
Dit is een voorbeeld van een site ...
Tnx 4 support !
Mvg
Geplaatst: 08 feb 2007, 21:24
door Coen
Weet je zeker dat het afbeeldingen zijn en niet input-velden die met CSS zijn verfraaid? Want dat denk ik namelijk eerder!
Met CSS kun je het uiterlijk bepalen van de input-velden om ze zo te maken zoals in jouw afbeelding!
Geplaatst: 08 feb 2007, 21:30
door Epox
Code: Selecteer alles
.inputveld {
background-image: url('http://www.plaatje.nl/plaatje.gif');
background-repeat: no-repeat;
}
Will do the trick
Geplaatst: 08 feb 2007, 21:34
door MaartenBosmans
Prophecy schreef:Weet je zeker dat het afbeeldingen zijn en niet input-velden die met CSS zijn verfraaid? Want dat denk ik namelijk eerder!
Met CSS kun je het uiterlijk bepalen van de input-velden om ze zo te maken zoals in jouw afbeelding!
Het zijn idd afbeedingen
want je kan ze met safari gewoon op je bureaublad sleuren
...
Epox schreef:Code: Selecteer alles
.inputveld {
background-image: url('http://www.plaatje.nl/plaatje.gif');
background-repeat: no-repeat;
}
Will do the trick
Err moet ik nog een bepaalde value toekennen voor pass en voor nickname ? of hoe ga ik te werk ?
...
Dit heb ik :
Code: Selecteer alles
<input type="text" name="name" size="18" value="" maxlength="50" style="margin-top:3px; " />
Tnx 4 Fast Replay ! :thumb:
Geplaatst: 08 feb 2007, 21:41
door Coen
Code: Selecteer alles
<input type="text" name="username" size="18" value="" maxlength="50" style="margin-top:3px; " />
Is goed voor je username
Code: Selecteer alles
<input type="password" name="password" size="18" value="" maxlength="50" style="margin-top:3px; " />
Dit zorgt er voor dat je password als *** word weergegeven!
Geplaatst: 08 feb 2007, 21:52
door MaartenBosmans
Owk maar hoe zit het dan met de plaatjes ?
Zet ik dit:
Code: Selecteer alles
.inputveld {
background-image: url('http://www.plaatje.nl/plaatje.gif');
background-repeat: no-repeat;
}
Dan in de style file of ? ...
Mvg
Geplaatst: 08 feb 2007, 21:53
door Coen
Ja, in je *.css bestand, of als je subSilver nog gebruikt in /templates/subSilver/subSilver.css...
Of je moet natuurlijk al de style naar het css bestand geplaatst hebben, maar als dat niet bekend in je oren klinkt, laat maar zitten!
Geplaatst: 08 feb 2007, 21:58
door MaartenBosmans
Owk is gebeurt, maar moet de image .gif zijn ? want bij safari zie ik witte balk
...
Mvg
Geplaatst: 08 feb 2007, 22:00
door Coen
Hij moet de image overschrijven, dus precies op de plek zetten waar de huidige image staat. Dat ze dezelfde extensie hebben, is dus wel een vereiste!
Als je per sé een *.jpg wilt hebben of een andere extensie, zul je meer moeten veranderen in je bestanden!
Geplaatst: 08 feb 2007, 22:26
door MaartenBosmans
Hi,
Ik heb nu in men .css
Code: Selecteer alles
.login_1
{
color: #00c2ff;
background:url(include/images/login/user.png);
width: 124px;
height: 13px;
font: 9px Tahoma;
border-width: 0px;
font-weight: normal;
text-decoration: none;
text-align: center;
vertical-align:middle;
padding-top: 3px;
}
: class="login_1"
Toch zie ik een gewoon wit veld ?? Wat doe ik toch verkeerd ?? ..
Mvg :thumb:
Geplaatst: 08 feb 2007, 22:26
door Coen
Klopt dit pad wel?
Ik denk dat je uit moet gaan vanuit je template folder!
Geplaatst: 08 feb 2007, 22:37
door MaartenBosmans
Ja deze pad klopt, heb deze zelf gemaakt, maar euhm wat is er buite de pad dan fout ? ..
Geplaatst: 08 feb 2007, 22:40
door Coen
Heb je er een voorbeeldje van hoe het er uit ziet? Liefst live, zodat ik de source kan bekijken?