Gästebuch Template [solved]

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
Post Reply
User avatar
flopi
Posts: 125
Joined: Thu 22. Nov 2007, 15:26

Gästebuch Template [solved]

Post by flopi »

Ich hab mir ein Gästebuch Template gebastelt.
Fürs erste ist alles ganz gut gelaufen, aber bei den Eingabefeldern habe ich leichte Probleme mit den Radiobuttons.
Ich hab das ganze in fieldsets gebackt und mit label und input ausgegeben.
Bei den Radiobuttons will das ganze aber nicht ganz so hinhaun. Da verschiebt es mir immer einiges.
Die html Datei:

Code: Select all

<!--
custom content part template to split up the view / entry area for the guestbook
this is for the add guestbook entry page
template by oliver@phpwcms-docu.de
===========================================================================
//-->
<p style="background-color:#D7E3E2 "><strong>List of banned words - make a listing divided by simple space " ".
</strong>if possible try to insert no HTML chars.<strong><br>
</strong>shit **** fuck and so on </p>
<p>
<!--BAN_START//-->
shit     fuck    ****    **** http: www.
<!--BAN_END//-->
</p>
<p style="background-color:#D7E3E2 "><strong>List of banned IPs - make a listing divided by simple space " ".
</strong>if possible try to insert no HTML chars.<strong><br>
</strong>192.168.000.001 and so on </p>
<p>
<!--BAN_IP_START//-->
192.168.0.0
<!--BAN_IP_END//-->
</p>
<p style="background-color:#D7E3E2 "><strong>Replace banned words by this HTML
    code. </strong><strong><br>
  </strong>banned OR <img src="..."> </p>
<p>
<!--BAN_REPLACE_START//--> 
<strong>***</strong>
<!--BAN_REPLACE_END//-->
</p>
<p style="background-color:#D7E3E2 "><strong>Guestbook HTML form and form error message <br>
  </strong>{EMAIL}, {NAME}, {URL}, {MSG}, {CAPTCHA}</p>
<p>
  <!--FORM_START//-->
<div class="comment">  
<div class="header"><strong>&nbsp;&nbsp;Eintrag in das Gästebuch</strong> <span style="font-size:10px;color:#CC3300;">(
        * Felder müssen ausgefüllt werden.)</span></div>
  <!--FORM_ERROR_START//-->
  <span style="color:#CC3300;">Kein Eintrag - folgender Fehler ist aufegtreten<BR> 
     <ul><!-- you can replace {ERROR_xxx} by translated error message -->
[ERROR_EMAIL]			<li>{ERROR_EMAIL}</li>[/ERROR_EMAIL]
[ERROR_NAME]			<li>{ERROR_NAME}</li>[/ERROR_NAME]
[ERROR_URL]			<li>{ERROR_URL}</li>[/ERROR_URL]
[ERROR_IMG]			<li>{ERROR_IMG}</li>[/ERROR_IMG]
[ERROR_IMGUPLOAD]			<li>{ERROR_IMGUPLOAD}</li>[/ERROR_IMGUPLOAD]
[ERROR_IMGFORMAT]			<li>{ERROR_IMGFORMAT}</li>[/ERROR_IMGFORMAT]
[ERROR_IMGWRITE]			<li>{ERROR_IMGWRITE}</li>[/ERROR_IMGWRITE]
[ERROR_IMGSAVE]			<li>{ERROR_IMGSAVE}</li>[/ERROR_IMGSAVE][ERROR_IMGSIZE]			<li>{ERROR_IMGSIZE}</li>[/ERROR_IMGSIZE]
[ERROR_CAPTCHA]			<li>{ERROR_CAPTCHA}</li>[/ERROR_CAPTCHA]  </ul></span>

  <!--FORM_ERROR_END//-->

  <fieldset>
  <label >eMail<span style="color:#CC3300;">*</span>:</label>
	     <input name="guestbook_email" type="text" value="{EMAIL}" maxlength="250"/>
  <label>Name<span style="color:#CC3300;">*</span>:</label>
	     <input name="guestbook_name" type="text" id="guestbook_name" value="{NAME}"  maxlength="500" />
  <label>Website:</label>
	     <input name="guestbook_url" type="text" id="guestbook_url" value="{URL}" maxlength="1000" />
  <label>Nachricht:</label>
	     <textarea name="guestbook_msg" cols="50" rows="6" id="guestbook_msg" class="gtext" style="width: 300px">{MSG}</textarea>
  
<!--IMAGE_UPLOAD_START//-->
  <label>Bild:</label>
	     <input name="guestbook_image" type="file" id="guestbook_image" maxlength="250" />
</fieldset>
<!--IMAGE_UPLOAD_END//-->
<fieldset> 
<label >Anzeige:</label>
        <input name="guestbook_show" type="radio" value="0">Zeige eMail
  <label>&nbsp;</label>
       <input name="guestbook_show" type="radio" value="1">Verberge eMail
  <label>&nbsp;</label>
       <input type="radio" name="guestbook_show" value="2" checked>Zeige eMail als "info at mail dot com"
</fieldset>
<fieldset>
<!--CAPTCHA_START//-->
  <label>code<span style="color:#CC3300;">*</span>:</label>
	     <input name="guestbook_captcha" type="text" id="guestbook_captcha" style="width: 100px" class="gtext" value="" size="10" maxlength="10" />&nbsp;{CAPTCHA}
<!--CAPTCHA_END//-->
  <label>&nbsp;</label>
       <input name="guestbook_send" type="submit" id="guestbook_send" value="Eintragen" class="v11" />
</fieldset>
</div>
<!--FORM_END//-->

<p style="background-color:#D7E3E2 "> <strong>Success Text - displayed when guestbook
    entry created<br>
    </strong>{NAME}</p>
<p>
  <!--FORM_SUCCESS_START//-->
<div style="margin-top:5px; margin-bottom: 10px; font-size:12px;"><strong>Danke {NAME}! Ihr Eintrag wurde in unser Gästebuch aufgenommen.</strong></div>
  <!--FORM_SUCCESS_END//-->

<p style="background-color:#D7E3E2 "> <strong>Guestbook navigation<br>
  </strong><span class="chatlist">{FIRST:HTML}, {LAST:HTML}, {BACK:HTML}, {NEXT:HTML},
  {JUMP:LISTTEXT|BUTTON|SPACER}, {PAGE:COUNT:SPACER|WRAP_ACTIVE_BEFORE|AFTER}<br>
(HTML = link text or image tag, like <img src="back.gif" border="0" />)</span></p>
<p>
  <!--NAV_START//--><!--NAV_END//-->
</p>
<p>
  <!--GUESTBOOK_START//-->
  {FORM} {NAV}
<table width="100%"  border="0" cellspacing="0" cellpadding="2">
  <!--GUESTBOOK_ENTRY_START//--><!--GUESTBOOK_ENTRY_END//-->
</table>
<!--GUESTBOOK_END//-->

<p style="background-color:#D7E3E2 "><strong>Comments of edited articles</strong><strong> </strong>[c]...[/c]<br>
  normal HTML code like <span style="color:#FF3300">|</span></p>
<p>
<!--COMMENT_START//--> 
<span style="color:#00CC00;">|</span>
<!--COMMENT_END//-->
</p>
Css Datei:

Code: Select all

  fieldset {
		 padding: 1em;
		 margin: 1em;
		 border: 1px solid #fff;
	 }
	 label {
		 margin-right: 1.5em;
		 float: left;
		 width: 5em;
		 padding-top: 0.3em;
		 text-align: right;
		 color: #636363;
	  }
	  input {
		 font-size: 1em;
		 margin-bottom: 0.8em;
		 border: 1px solid #216EC0;
		 padding: 0.1em;
		 width: 300px;
	     }
	     
	  .gtext{
      border: 1px solid #216EC0;
      }
    
Irgendetwas mache ich falsch aber was ist mir noch nicht klar.
Image
mfg
flopi
Last edited by flopi on Fri 29. Aug 2008, 09:29, edited 1 time in total.
(\_/)
(0.o)
(> <)
Das ist Bunny. Kopiere Bunny in deine Signatur, um ihm auf seinem Weg zur Weltherrschaft zu helfen!
User avatar
Oliver Georgi
Site Admin
Posts: 9907
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Gästebuch Template

Post by Oliver Georgi »

Du musst den Radiobutton inputs eine andere Klasse geben. Spreizt ja auf 300px.

Code: Select all

<fieldset>
<label >Anzeige:</label>
        <input name="guestbook_show" type="radio" value="0" class="radio" />Zeige eMail
  <label>&nbsp;</label>
       <input name="guestbook_show" type="radio" value="1" class="radio" />Verberge eMail
  <label>&nbsp;</label>
       <input type="radio" name="guestbook_show" value="2" checked="checked" class="radio" />Zeige eMail als "info at mail dot com"
</fieldset>

Code: Select all

<style type="text/css">
input.radio {
  width: auto;
  margin: 0;
  padding: 0;
}
</style>
Achte auf validen Code.

Oliver
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
flopi
Posts: 125
Joined: Thu 22. Nov 2007, 15:26

Re: Gästebuch Template

Post by flopi »

Nach einigem hin und her spielen hab ichs dann geschafft.
Hab mir eh gedacht das es irgendwo an der css scheitert.
Danke für den Tipp Oli. :D
Jetzt frag ich mich nur noch wo ich das bild hinpflanze falls man es erlaubt. :wink:

mfg
flopi
(\_/)
(0.o)
(> <)
Das ist Bunny. Kopiere Bunny in deine Signatur, um ihm auf seinem Weg zur Weltherrschaft zu helfen!
Post Reply