Snuffle: Button und Platzhalter

Beitrag lesen

SELF-Forum

Button und Platzhalter

Snuffle
– Informationen zu den Bewertungsregeln

Hallo :)

Also im Original-Template schaut es so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <meta http-equiv="Content-Language" content="de">
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <meta name="GENERATOR" content="##HGVERSION##">
  <title>##GALLERYNAME##</title>
  <style type="text/css"><!--
 body {color: #990000; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
 td, th, ul, li, input, textarea {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
 a       {color: #FFFFFF; text-decoration: none; }
 a:hover {color: #FF6633; text-decoration: underline; font-size: 13.5px;}
 p {margin: 1em 0 1em 0; }
 p.small {font-size: 80%; color: #808080; }
 h1 {font-size: 24px; font-weight: bold; margin-bottom: 1em; }
 h2 {font-size: 15px; font-weight: bold; margin-bottom: 1em; }
 h3 {font-size: 12px; font-weight: bold; margin-bottom: 1em; }
 hr {height: 1px; border: none; color: #888888; background-color: #888888; }
 img {border: solid ##THUMBBORDER##px #000000;}
 table {border: none; border-spacing: 2px;}
 td {color: #F0F0F0; background-color: #333333; padding: 6px; text-align: center; vertical-align: middle;
     border: solid 1px; border-color: #990000 #990000 #990000 #990000;}
 span {color: #808080}
  --></style>
</head>

<body>

<h1>##GALLERYNAME##</h1>
<p>##GALLERYDESCRIPTION##</p>

<center>
<p>
Seite ##PAGEINDEX##/##PAGECOUNT##
<br>
Bilder ##PAGEFIRSTIMGINDEX## bis ##PAGELASTIMGINDEX## von ##IMGCOUNT##&nbsp;&nbsp;

<p>
##PAGEFIRSTLINK text="&middot;&lt;&nbsp;Anfang" none="<span>&middot;&lt;&nbsp;Anfang</span>"##
&nbsp;|&nbsp;
##PAGEPREVLINK
  text="&lt;&nbsp;Zurück" none="<span>&lt;&nbsp;Zurück</span>"##
  &nbsp;|&nbsp;
##PAGENEXTLINK
  text="Weiter&nbsp;&gt;" none="<span>Weiter&nbsp;&gt;</span>"##
  &nbsp;|&nbsp;
##PAGELASTLINK
  text="Ende&nbsp;&gt&middot;" none="<span>Ende&nbsp;&gt&middot;</span>"##
</p>

##THUMBS##

...

Nach generieren der Gallerie:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <meta http-equiv="Content-Language" content="de">
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <meta name="GENERATOR" content="HomeGallery 1.4.10">
  <title>tetst dcdgiugduhmjb73896248964hnc8h78zc7nz</title>
  <style type="text/css"><!--
 body {color: #990000; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
 td, th, ul, li, input, textarea {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
 a       {color: #FFFFFF; text-decoration: none; }
 a:hover {color: #FF6633; text-decoration: underline; font-size: 13.5px;}
 p {margin: 1em 0 1em 0; }
 p.small {font-size: 80%; color: #808080; }
 h1 {font-size: 24px; font-weight: bold; margin-bottom: 1em; }
 h2 {font-size: 15px; font-weight: bold; margin-bottom: 1em; }
 h3 {font-size: 12px; font-weight: bold; margin-bottom: 1em; }
 hr {height: 1px; border: none; color: #888888; background-color: #888888; }
 img {border: solid 3px #000000;}
 table {border: none; border-spacing: 2px;}
 td {color: #F0F0F0; background-color: #333333; padding: 6px; text-align: center; vertical-align: middle;
     border: solid 1px; border-color: #990000 #990000 #990000 #990000;}
 span {color: #808080}
  --></style>
</head>

<body>

<h1>Test-Titel</h1>
<p>Test-Text</p>

<center>
<p>
Seite 1/2
<br>
Bilder 1 bis 15 von 18&nbsp;&nbsp;

<p>
<span>&middot;&lt;&nbsp;Anfang</span>
&nbsp;|&nbsp;
<span>&lt;&nbsp;Zurück</span>
  &nbsp;|&nbsp;
<a href="index-0002.htm">Weiter&nbsp;&gt;</a>
  &nbsp;|&nbsp;
<a href="index-0002.htm">Ende&nbsp;&gt&middot;</a>
</p>

<table>
  <tr>
<td align="left" valign="top">
  <a href="page-0001.htm">
    <img src="thumbnail-0001.jpg" alt="" border="3"
     width="150" height="112"></a>
</td><td align="left" valign="top">
  <a href="page-0002.htm">
    <img src="thumbnail-0002.jpg" alt="" border="3"
     width="150" height="140"></a>
</td><td align="left" valign="top">
  <a href="page-0003.htm">
    <img src="thumbnail-0003.jpg" alt="" border="3"
     width="150" height="134"></a>
</td><td align="left" valign="top">
  <a href="page-0004.htm">
    <img src="thumbnail-0004.jpg" alt="" border="3"
     width="60" height="55"></a>
</td><td align="left" valign="top">
  <a href="page-0005.htm">
    <img src="thumbnail-0005.jpg" alt="" border="3"
     width="150" height="112"></a>
</td>  </tr>

...

Und ja, es geht um die Optik, ich würde gerne Buttons als Links verwenden (Anfang, Zurück, Weiter, Ende), weiß nur nicht wie ich den Code des Templates umschreiben soll, damit das Ganze mit den Platzhaltern funktioniert ?!

Vielen Dank schonmal!

Gruß, Snuffle

Beitrag melden
–
Informationen zu den Bewertungsregeln