Forum - Stempel abgestempelt

<style>
.Stempel {
  position: absolute;
  margin-top: 1%;
  margin-left: 5%;
  z-index:999999;
}
.Stempel::after {
  /* Hier kann man den Text ändern  */
  content: " Service Crew \a Loreth \a 07.Juli 23 ";
 
  white-space: pre-wrap;
  text-align: center;
  display: grid;
  place-items: center;
  font-size: 19px;
  font-family: Arial, sans-serif;
  font-weight:bold;
  color: #000;
  line-height: 45px;
  width: 200px;
  height:200px;
  border-radius: 50%;
 
  background:
    radial-gradient(farthest-side, #0000  93%, #0043FE 0),
    linear-gradient(#0043FE 0 0) 50% 38% / 75% 3.25% no-repeat,
    linear-gradient(#0043FE 0 0) 50% 62% / 75% 3.25% no-repeat;
 
  transform: rotate(35deg);
  opacity: 0.7;
 
/*  -webkit-mask-image: url('https://i.ibb.co/yffgxWR/stempeldruck-neu-chris.png');  */
/*  -webkit-mask-size: 924px 404px;  */
 
/*  -webkit-mask:
    radial-gradient(#000, #0000 70%) 3% 3% / 5% 5%,
    radial-gradient(#000, #0000 50%) 5% 5% / 7% 7%,
    radial-gradient(#000, #0000 40%) 7% 7% / 11% 11%,
    radial-gradient(#000, #0000 30%) 11% 11% / 13% 13%,
    radial-gradient(#000, #0000 70%) 5% 5% / 13% 11%,
    radial-gradient(#000, #0000 50%) 7% 9% / 14% 12%,
    radial-gradient(#000, #0000 30%) 9% 11% / 9% 8%;  */
}
</style> 
 
<div class="Stempel"></div>
 

[Stempel]
 

<div class="Stempel"></div>
 

Reihenfolge: 0
 

//files.homepagemodules.de/b104774/a_624_cb5f7a56.png
 

.Stempel {
  position: absolute;
  margin-top: 1%;
  margin-left: 5%;
  z-index:999999;
}
.Stempel::after {
  /* Hier kann man den Text ändern  */
  content: " Service Crew \a Loreth \a 07.Juli 23 ";
 
  white-space: pre-wrap;
  text-align: center;
  display: grid;
  place-items: center;
  font-size: 19px;
  font-family: Arial, sans-serif;
  font-weight:bold;
  color: #000;
  line-height: 45px;
  width: 200px;
  height:200px;
  border-radius: 50%;
 
  background:
    radial-gradient(farthest-side, #0000  93%, #0043FE 0),
    linear-gradient(#0043FE 0 0) 50% 38% / 75% 3.25% no-repeat,
    linear-gradient(#0043FE 0 0) 50% 62% / 75% 3.25% no-repeat;
 
  transform: rotate(35deg);
  opacity: 0.7;
 
/*  -webkit-mask-image: url('https://i.ibb.co/yffgxWR/stempeldruck-neu-chris.png');  */ 
/*  -webkit-mask-size: 924px 404px;  */
 
/*  -webkit-mask:
    radial-gradient(#000, #0000 70%) 3% 3% / 5% 5%,
    radial-gradient(#000, #0000 50%) 5% 5% / 7% 7%,
    radial-gradient(#000, #0000 40%) 7% 7% / 11% 11%,
    radial-gradient(#000, #0000 30%) 11% 11% / 13% 13%,
    radial-gradient(#000, #0000 70%) 5% 5% / 13% 11%,
    radial-gradient(#000, #0000 50%) 7% 9% / 14% 12%,
    radial-gradient(#000, #0000 30%) 9% 11% / 9% 8%;  */
}
 

{{message.startlist}}
 
<style>
#post{{message:pt}} .Stempel {
  position: absolute;
  margin-top: 1%;
  margin-left: 5%;
}
#post{{message:pt}} .Stempel::after {
  /* Hier kann man den Text ändern  */
  content: " Service Crew \a Loreth \a {{message:messagetime|dateformat(d.m.y)}}";
 
  white-space: pre-wrap;
  text-align: center;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight:bold;
  color: #6383A4;
  line-height: 45px;
  width: 220px;
  height:220px;
  border-radius: 50%;
 
  background:
    radial-gradient(farthest-side, #0000  93%, #6383A4 0),
    linear-gradient(#6383A4 0 0) 50% 38% / 75% 3.25% no-repeat,
    linear-gradient(#6383A4 0 0) 50% 62% / 75% 3.25% no-repeat;
 
  transform: rotate(35deg);
  opacity: 0.7;
 
/*  -webkit-mask-image: url('https://i.ibb.co/yffgxWR/stempeldruck-neu-chris.png');  */
/*  -webkit-mask-size: 924px 404px;  */
 
/*  -webkit-mask:
    radial-gradient(#000, #0000 70%) 3% 3% / 5% 5%,
    radial-gradient(#000, #0000 50%) 5% 5% / 7% 7%,
    radial-gradient(#000, #0000 40%) 7% 7% / 11% 11%,
    radial-gradient(#000, #0000 30%) 11% 11% / 13% 13%,
    radial-gradient(#000, #0000 70%) 5% 5% / 13% 11%,
    radial-gradient(#000, #0000 50%) 7% 9% / 14% 12%,
    radial-gradient(#000, #0000 30%) 9% 11% / 9% 8%;  */
}
</style> 
 
<div class="Stempel"></div>
 
{{message.end}}
 

[Stempel]
 

<div class="Stempel"></div>
 

Reihenfolge: 0
 

//files.homepagemodules.de/b104774/a_624_cb5f7a56.png
 

{{message.startlist}}
 
<style>
#post{{message:pt}} .Stempel {
  position: absolute;
  margin-top: 1%;
  margin-left: 5%;
}
#post{{message:pt}} .Stempel::after {
  /* Hier kann man den Text ändern  */
  content: " Service Crew \a Loreth \a {{message:messagetime|dateformat(d.m.y)}}";
 
  white-space: pre-wrap;
  text-align: center;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-family: Arial, sans-serif;
  font-weight:bold;
  color: #6383A4;
  line-height: 45px;
  width: 220px;
  height:220px;
  border-radius: 50%;
 
  background:
    radial-gradient(farthest-side, #0000  93%, #6383A4 0),
    linear-gradient(#6383A4 0 0) 50% 38% / 75% 3.25% no-repeat,
    linear-gradient(#6383A4 0 0) 50% 62% / 75% 3.25% no-repeat;
 
  transform: rotate(35deg);
  opacity: 0.7;
 
/*  -webkit-mask-image: url('https://i.ibb.co/yffgxWR/stempeldruck-neu-chris.png');  */ 
/*  -webkit-mask-size: 924px 404px;  */
 
/*  -webkit-mask:
    radial-gradient(#000, #0000 70%) 3% 3% / 5% 5%,
    radial-gradient(#000, #0000 50%) 5% 5% / 7% 7%,
    radial-gradient(#000, #0000 40%) 7% 7% / 11% 11%,
    radial-gradient(#000, #0000 30%) 11% 11% / 13% 13%,
    radial-gradient(#000, #0000 70%) 5% 5% / 13% 11%,
    radial-gradient(#000, #0000 50%) 7% 9% / 14% 12%,
    radial-gradient(#000, #0000 30%) 9% 11% / 9% 8%;  */
}
</style>
 
{{message.end}}
 

<a class="admin" href="/">
  <svg width="132" height="132" transform="rotate(35)">
 
    <circle cx="66" cy="66" r="65" fill="none" stroke="#C8102E" stroke-width="2"></circle>
    <circle cx="66" cy="66" r="65" fill="none" stroke="#C8102E" stroke-width="2"></circle>
    <circle cx="66" cy="66" r="48" fill="none" stroke="#C8102E" stroke-width="1"></circle>
    <circle cx="66" cy="66" r="46" fill="none" stroke="#C8102E" stroke-width="1"></circle>
 
    <defs>
      <path id="text-path" d="M66 126A60 60 0 1 0 66 6a60 60 0 0 0 0 120" fill="none">
    </defs>
 
    <text dominant-baseline="middle" text-anchor="middle" x="50%" y="50%" font-family="Manrope3-ExtraBold, Manrope3" font-size="27" font-weight="bold" fill="none" stroke="#C8102E" stroke-width="2">
 
      Forum
 
    </text>
    <text>
      <textPath xlink:href="#text-path" font-family="Manrope3-ExtraBold, Manrope3" font-size="13" font-weight="bold" fill="#C8102E" letter-spacing="1.0">
 
        &#9733; Der &#9733; Treffpunkt &#9733; für &#9733; Hilfe  &#9733; Tricks &#9733; & &#9733; Tipps
 
      </textPath>
    </text>
 
  </svg>
</a>
 

[Stempel1]
 

<a class="admin" href="/"><svg width="132" height="132" transform="rotate(35)"> <circle cx="66" cy="66" r="65" fill="none" stroke="#C8102E" stroke-width="2"></circle> <circle cx="66" cy="66" r="65" fill="none" stroke="#C8102E" stroke-width="2"></circle> <circle cx="66" cy="66" r="48" fill="none" stroke="#C8102E" stroke-width="1"></circle> <circle cx="66" cy="66" r="46" fill="none" stroke="#C8102E" stroke-width="1"></circle> <defs><path id="text-path" d="M66 126A60 60 0 1 0 66 6a60 60 0 0 0 0 120" fill="none"></defs> <text dominant-baseline="middle" text-anchor="middle" x="50%" y="50%" font-family="Manrope3-ExtraBold, Manrope3" font-size="27" font-weight="bold" fill="none" stroke="#C8102E" stroke-width="2">   Forum </text><text><textPath xlink:href="#text-path" font-family="Manrope3-ExtraBold, Manrope3" font-size="13" font-weight="bold" fill="#C8102E" letter-spacing="1.0">   &#9733; Der &#9733; Treffpunkt &#9733; für &#9733; Hilfe  &#9733; Tricks &#9733; & &#9733; Tipps </textPath></text></svg></a>
 

Reihenfolge: 0
 

//files.homepagemodules.de/b104774/a_624_cb5f7a56.png
 

[Stempel1]
 

{{user_admin==false.start}}
<style>
  .admin { display:none; }
</style>
{{user_admin==false.end}}