anoniem Geplaatst: 1 november 2002 Delen Geplaatst: 1 november 2002 Hallo mensen, Hoe kun je de submitbuttons in formulieren aanpassen, zoals gedaan is op [url]http://forum.computertotaal.nl/phpBB/login.php[/url]? Is dit eigenlijk ook mogelijk in CSS? Kan daar helemaal niks over vinden. Bedankt. Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Neem onderstaande code op in een style sheet: [code:1:99eb87b058] .button {background-color: #ccffcc; font-family: verdana; font-size: 10 pt; font-weight: bold; border-width: 1; border-color: #000000; cursor: hand; height: 24; width: 120; } [/code:1:99eb87b058] en pas de variabelen naar believen aan. Roep in je formulier de knop op via <input type="submit" value="blabla" class="button"> Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Voor zover is dit niet mogelijk met css, maar dmv javascript. De code voor de button: [code:1:987cd9461d] <a href="javascript:document.teken_gastenboek.cmdButton.value='OK';document.teken_gastenboek.submit();" onMouseOver="status='';return(true);" onMouseOut="status='';return(true);"><img src="../images/imgs/send.gif" alt="teken" vspace="0" hspace="0" border="0" WIDTH="43" HEIGHT="14"></a> [/code:1:987cd9461d] In de [head] van je document zet je het volgende: [code:1:987cd9461d] <script language="javascript"> function verwijder(bericht, url) { if(confirm(bericht)) location.href = url; } function icon(theicon) { document.teken_gastenboek.bericht.value += ""+theicon; document.teken_gastenboek.bericht.focus(); } </script> [/code:1:987cd9461d] Volgens mij hoeft niet alles hiervan erin, maar zo weet je zeker dat het werkt :wink: . ::greetz:: Obi Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Diverse buttons op dit forum zijn gedaan met plaatjes. http://www.weballey.nl/forms/image.html Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 tuurlijk kan het [b:ca7240d1e9]wel[/b:ca7240d1e9] met css: [code:1:ca7240d1e9] <input type="button" value="whoopah!" style="font-family: Bauhaus 93; font-size: 50px; color: #0000FF; background: #FFFF00; letter-spacing: 5px;"> [/code:1:ca7240d1e9] t. Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Teacher: Maar dan gebruik je toch geen image als button? ::greetz:: Obi Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 heb je de vraag van de topicstarter gelezen? nee, anders kwam je ook niet aan met vage javascript functies die er niets mee te maken hebben. Uiteraard kan je een form verzenden met een image. Maar dat is iets anders als met css een button aanpassen... t. ps> topicstarter, misschien moet je css hoofdstuk 14 gaan vertalen? Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Dat klopt, dat heb ik idd verkeerd gelezen. Maar mijn gegeven oplossing werkt als je een image wil gebruiken en was goed bedoelt. Beetje flauw om zo te reageren... ::greetz:: Obi Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 Tuurlijk is het aardig en goedbedoeld dat je wil helpen met ideeën en oplossingen, maar als ze de plank mis-slaan help je de topicstarter toch niet? En "flauw"... hmmz... ja daar heb je gelijk in; je m'excuse... :oops: Quote Link naar reactie
anoniem Geplaatst: 1 november 2002 Auteur Delen Geplaatst: 1 november 2002 excuses aanvaard! Maar je hebt wel gelijk, voortaan beter lezen... Nu lekker weekend!!! ::GReetz:: Obi Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen