Nickname // Pass input ..

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 21:23

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 ...

Afbeelding

Tnx 4 support !

Mvg

Coen · Bericht door **Coen** » 08 feb 2007, 21:24

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!

Epox · Bericht door **Epox** » 08 feb 2007, 21:30

Code: Selecteer alles

.inputveld {
background-image: url('http://www.plaatje.nl/plaatje.gif');
background-repeat: no-repeat;
}

Will do the trick

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 21:34

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:

Coen · Bericht door **Coen** » 08 feb 2007, 21:41

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!

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 21:52

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

Coen · Bericht door **Coen** » 08 feb 2007, 21:53

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!

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 21:58

Owk is gebeurt, maar moet de image .gif zijn ? want bij safari zie ik witte balk

...

Mvg

Coen · Bericht door **Coen** » 08 feb 2007, 22:00

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!

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 22:26

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;
}

En in men paswoord veld staat een verwijzing : class="login_1"

Toch zie ik een gewoon wit veld ?? Wat doe ik toch verkeerd ?? ..

Mvg :thumb:

Coen · Bericht door **Coen** » 08 feb 2007, 22:26

Klopt dit pad wel?

Code: Selecteer alles

background:url(include/images/login/user.png);

Ik denk dat je uit moet gaan vanuit je template folder!

MaartenBosmans · Bericht door **MaartenBosmans** » 08 feb 2007, 22:37

Ja deze pad klopt, heb deze zelf gemaakt, maar euhm wat is er buite de pad dan fout ? ..

Coen · Bericht door **Coen** » 08 feb 2007, 22:40

Heb je er een voorbeeldje van hoe het er uit ziet? Liefst live, zodat ik de source kan bekijken?