• style gastenboek met jot#

  • deminne Reply #1, 2 years ago

    Reply
    hallo,

    ik heb een gastenboek met jot opgemakt.

    Dit is de html-code van de form om iets te plaatsen in het gastenboek

    <form method="post" action="[+form.action:esc+]#jf[+jot.link.id+]" class="jot-form">
    	<fieldset>
    	<input name="JotForm" type="hidden" value="[+jot.id+]" />
    	<input name="JotNow" type="hidden" value="[+jot.seed+]" />
    	<input name="parent" type="hidden" value="[+form.field.parent+]" />
    	
    	[+form.moderation:is=`1`:then=`
    		<div class="jot-row">
    			<b>Aangemaakt op:</b> [+form.field.createdon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
    			<b>Aangemaakt door:</b> [+form.field.createdby:userinfo=`username`:ifempty=`[+jot.guestname+]`+]<br />
    			<b>IP address:</b> [+form.field.secip+]<br />
    			<b>Gepubliceerd:</b> [+form.field.published:select=`0=No&1=Yes`+]<br />
    			[+form.field.publishedon:gt=`0`:then=`
    				<b>Gepubliceerd op:</b> [+form.field.publishedon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
    				<b>Gepubliceerd door:</b> [+form.field.publishedby:userinfo=`username`:ifempty=` - `+]<br />
    			`+]
    			[+form.field.editedon:gt=`0`:then=`
    				<b>Aangepast op:</b> [+form.field.editedon:date=`%a %d/%m/%Y - %H:%M:%S`+]<br />
    				<b>Aangepast door:</b> [+form.field.editedby:userinfo=`username`:ifempty=` -`+]<br />
    			`+]
    		</div>
    	`:strip+]
    	
    	[+form.guest:is=`1`:then=`
    		<label for="name[+jot.id+]">Naam:<br />
    		<input tabindex="[+jot.seed:math=`?+1`+]" name="name" type="text" size="40" value="[+form.field.custom.name:esc+]" id="name[+jot.id+]" />
    		</label>
    		<label for="email[+jot.id+]">E-mail:<br />
    		<input tabindex="[+jot.seed:math=`?+2`+]" name="email" type="text" size="40" value="[+form.field.custom.email:esc+]" id="email[+jot.id+]"/>
    		</label>
    	`:strip+]
    	
    	<label for="title[+jot.id+]">Onderwerp:<br />
    	<input tabindex="[+jot.seed:math=`?+3`+]" name="title" type="text" size="40" value="[+form.field.title:esc+]" id="title[+jot.id+]"/>
    	</label>
    	<label for="content[+jot.id+]">Bericht: *<br />
    	<textarea tabindex="[+jot.seed:math=`?+4`+]" name="content" cols="50" rows="8" id="content[+jot.id+]">[+form.field.content:esc+]</textarea>
    	</label><br />
    	
      [+jot.captcha:is=`1`:then=`
    		<div style="width:150px;margin-top: 5px;margin-bottom: 5px;"><a href="[+jot.link.current:esc+]"><img src="[(base_url)]manager/includes/veriword.php?rand=[+jot.seed+]" width="120" height="30" title="Als je problemen hebt met deze code te lezen, klik dan op deze code zelf om een nieuwe code te vormen." style="border: 1px solid #003399" /></a></div>
    		<label for="vericode[+jot.id+]">Vul bovenstaande code in:<br /><input type="text" name="vericode" style="width:150px;" size="20" id="vericode[+jot.id+]" /></label> 
    	`:strip+]
    	
    	<div style="float:right;width: 100px;"></div>
    	<input tabindex="[+jot.seed:math=`?+5`+]" name="submit" type="submit" value="[+form.edit:is=`1`:then=`Opslaan`:else=`Plaats bericht`+]" />
    	[+form.edit:is=`1`:then=`
    		<input tabindex="[+jot.seed:math=`?+5`+]" name="submit" type="submit" value="Annuleer" onclick="history.go(-1);return false;" />
    	`+] 
    	</fieldset>
    </form>


    ik heb al op diverse plaatsen gaan kijken, maar ik kan de style van de textarea voor het bericht niet veranderen. bij de andere invulvelden word er het lettertype verdana gebruikt, maar voor de textarea houdt hij dit standaard op die times new roman ofzo

    in welke css moet ik dit aanpassen?

    dank u


  • mDesign Reply #2, 1 year, 10 months ago

    Reply
    Hoi deminne,

    ...../assets/snippets/jot/templates/jot.css

    als alternatief (af te raden) kan je natuurlijk keihard de .html template bestanden aanpassen in diezelfde map.

    Nog beter is deze style sheet leeg te halen en de opmaak in je eigen stylesheet te plaatsen
    Succes,
    mDesign


  • deminne Reply #3, 1 year, 10 months ago

    Reply
    ondertussen gelukt

    bedankt voor de info