+ Antworten
Ergebnis 1 bis 6 von 6

Thema: richtiger Button?

  1. #1
    Neu an Board
    Registriert seit
    13.09.2010
    Beiträge
    11
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard richtiger Button?

    Hallo, mal eine Frage, habe ein Quiz und brauche dort noch einen richtigen Button... und möchte daher wissen, was ich dort noch reinschreiben muss (bzw. wie es fertig sein muss, kenne mich mit programmieren net so aus, kann nur kopieren und einfügen ;-).

    Hier ersteinmal die Seite: http://feuerwehr-friedrichsgruen.de/...id=1&Itemid=88
    Wo Quiz starten steht sollte ein richtiger Button sein, wie z.B. bei Windows, das selbe auch im Quiz, wo unten steht Daten übermitteln.

    Hier noch mein Quelltext von der Seite (das wichtigste, müsste ja das proceedButton sein, worauf sich das JQuarks bezieht, oder???):


    <div class="componentheading">Ausgewähltes Quiz: "Feuerwehrquiz"</div><ul><li><p>Dieses Quiz hat eine zeitliche Begrenzung von <strong>30 Minuten</strong>.<br /> Wenn die Zeit abgelaufen ist, wird der Test automatisch beendet und das Ergebnis bis dahin gespeichert.</p></li></ul><p><input type="checkbox" id="checkToProceed" name="checkToProceed" onclick="proceed();" /><label for="checkToProceed"> Ich habe das gelesen, verstanden und möchte beginnen.</label></p><input id="proceedButton" name="proceedButton" disabled="true" value="Quiz starten" type="submit" />
    <input type="hidden" name="option" value="com_jquarks" />

    <input type="hidden" name="id" value="1"/>
    <input type="hidden" name="task" value="showQuiz" />
    <input type="hidden" name="view" value="quiz" />
    <input type="hidden" name="layout" value="default" />
    <input type="hidden" name="7c32e3607122f09c7aeb9feeb773e739" value="1" />
    </form>

    Und hier noch der Quelltext von meinem Template, dort müsste ja dann was rein mit diesem proceedButton, oder?

    @charset "utf-8";

    /*---------------------------------------------------



    ---------------------------------------------------*/



    html {

    height : 101%;

    }

    body {

    line-height : 125%;

    font-family: Arial, Helvetica, Sans-Serif;

    font-size: 11px;

    color: #000;

    background-color: #500d07;

    }

    #wrapper {

    background-image: url('../images/bg.jpg');

    background-position:center top;

    background-repeat: repeat-y;

    width: 99.8%;

    margin: 0 auto;

    background-color: transparent;

    }

    #bg_up{

    background-image: url('../images/bg_up.jpg');

    margin: 0 auto;

    background-position:center top;

    background-repeat:no-repeat;

    background-color: transparent;

    }

    #masthead_container {

    height: 250px;

    width: 100%;

    background-color: transparent;

    margin:auto;

    .
    .
    .
    .
    .
    .
    .usw...

    Wäre sehr nett, wenn mir das jemand machen kann, DANKE...

    Wünsche euch noch eine schöne Weihnachtszeit...

    Nuschke

  2. #2
    Rumburack
    Gast

    Standard

    *einfach mal gelöscht*
    Geändert von Rumburack (16.02.2012 um 13:27 Uhr)

  3. #3
    Gehört zum Inventar Avatar von SirDrake
    Registriert seit
    29.08.2006
    Ort
    Köln
    Beiträge
    6.268
    Bedankte sich
    164
    Erhielt 2.346 Danksagungen
    in 2.119 Beiträgen

    Standard

    Hallo

    wie Rumbarack schreibt es gibt zu Hauf Beispiele im Netz

    hier eine erweiterte
    Code:
    input#proceedButton {
    	/*basic styles*/
    width: 250px; 
    height: 50px;
    color: white;
    background-color: #d46d45;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    margin-top: 15px;
     
     
    	/*gradient styles*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d46d45), to(#b1432a));
    background: -moz-linear-gradient(19% 75% 90deg,#b1432a, #d46d45);
     
    	/*border styles*/
    border-top: solid 2px #e28d79;
    border-bottom: solid 1px #51281f;
    border-right: solid 1px #d46d45;
    border-left: solid 1px #d46d45;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    }
    
    input#proceedButton:hover {
    cursor: pointer;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1432a), to(#d46d45));
    	background: -moz-linear-gradient(19% 75% 90deg,#d46d45, #b1432a);
    	border-top: solid 2px #b1432a;
    	border-bottom: solid 1px #e28d79;
    }
    von hier
    http://designshack.net/articles/css/...an-copy-paste/

    schöne Feiertage
    Gruß Fred
    Fragen und Antworten rund um Joomla! FAQ
    Code-Bereinigung abschalten - Unterstütze Joomla

  4. Erhielt Danksagungen von:


  5. #4
    Rumburack
    Gast

    Standard

    *einfach mal gelöscht*
    Geändert von Rumburack (16.02.2012 um 13:28 Uhr)

  6. Erhielt Danksagungen von:


  7. #5
    Neu an Board
    Registriert seit
    13.09.2010
    Beiträge
    11
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Mhm, habe das jetzt dort eingefügt und über FileZilla hochgeladen, aber es erscheint nicht. Weiß allerdings nicht an was das liegen könnte, habt ihr da ne Ahnung??? Ob es an dem Jquarks liegt???

  8. #6
    Rumburack
    Gast

    Standard

    *einfach mal gelöscht*
    Geändert von Rumburack (16.02.2012 um 13:28 Uhr)

  9. Erhielt Danksagungen von:


+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein