Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[HTML] Buttons aanpassen

Obitorium
9 antwoorden
  • Hallo mensen,

    Hoe kun je de submitbuttons in formulieren aanpassen, zoals gedaan is op http://forum.computertotaal.nl/phpBB/login.php?

    Is dit eigenlijk ook mogelijk in CSS?

    Kan daar helemaal niks over vinden.

    Bedankt.
  • 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">
  • 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
  • Diverse buttons op dit forum zijn gedaan met plaatjes.

    http://www.weballey.nl/forms/image.html
  • 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.
  • Teacher: Maar dan gebruik je toch geen image als button?


    ::greetz:: Obi
  • 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?
  • 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
  • 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:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.