Zum Inhalt springen

Meine Banner im html-Format erstellen?

Ditli

Von Ditli
in Einsteiger-Tipps und Fragen

 Teilen

Empfohlene Beiträge

Ditli Forum-Fan

Ditli

Geschrieben
Geschrieben

Hallo zusammen.

 

Nach einigen, vergeblichen und chrampfhaften Versuchen meinerseits, um die Banner in meine Signatur zu bringen, die Hilfe durch einen netten Cacherkollegen welcher mir eine Anleitung mit Farbe zur Verfügung stellte und ich es noch immer nicht begriff.....

versuche ich es auf diese Art.🤪

 

Vielleicht ist hier jemand der die Fähigkeiten hat, solche Tabellen wie auf dem Bild einfach ohne Rahmen in kurzer Zeit zu erstellen und bereit ist dies für mich zu tun.

  • Sie sollten in einer Struktur sichtbar sein.
  • Ich habe die Html-Codes auf einem Word gespeichert.
  • wenn ich den fertig Html-Text erhalte, kann ich die Signatur dann selber aktivieren.

 

 

Vielen Dank schon mal für eure Zeit um mein Anliegen durchzulesen.

 

(wie jetzt die Tabelle hier in den Text gekommen ist, weiss ich nicht🤔😂🤦‍♀️)

 

     

 

 

Banner.JPG

Link zu diesem Kommentar
Auf anderen Seiten teilen
Mausebiber Forumsmeister

Mausebiber

Geschrieben
Geschrieben

eventuell so was:

 

<div align="center">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:none;">
<tbody><tr style="height:63.3pt;">
<td style="width:153.5pt;border:solid 1pt;padding:0cm 5.4pt 0cm 5.4pt;height:63.3pt;" valign="top" width="256">
</td>
<td style="width:153.55pt;border:solid 1pt;border-left:none;padding:0cm 5.4pt 0cm 5.4pt;height:63.3pt;" valign="top" width="256">
</td>
<td style="width:153.55pt;border:solid 1pt;border-left:none;padding:0cm 5.4pt 0cm 5.4pt;height:63.3pt;" valign="top" width="256">
</td>
</tr></tbody></table></div>

 

Wenn du keinen Rand willst, einfach den Teil mit "border" weg lassen.

Link zu diesem Kommentar
Auf anderen Seiten teilen
Ditli Forum-Fan

Ditli

Geschrieben
  • Autor
Geschrieben
vor 52 Minuten schrieb Sechsfüssler:

Wie viele? Das muss man im HTML-Code definieren. Und auch die Links zu den Bannern.

Und warum stellst Du diese nicht einfach nacheinander ein wie alle anderen?

Weil ich es nicht kann.

Link zu diesem Kommentar
Auf anderen Seiten teilen
RCH65 Berufsposter

RCH65

Geschrieben
Geschrieben (bearbeitet)

Kleiner Zusatzhinweis: Wenn Du den erzeugten HTML-Code anschliessend in Dein Profil kopierst, musst Du *vorher* über die grüne Taste in den 'Quellmodus' umschalten. Ansonsten wird der eingegebene Code nicht als HTML-Anweisung verstanden sondern als anzuzeigender Text

 

image.thumb.png.7105584b7e4486c2a28177ca1d747fd7.png

 

Nachtrag: Wenn Du das initiale HTML mal hast (zB über das Tool von @znuk) kannst Du künftig neue Banner ganz einfach 'von Hand' hinzufügen. Eine neue Zeile in der Tabelle beginnt jeweils mit <tr> und endet mit </tr>. Jedes Element innerhalb einer Zeile beginnt mit <td> und endet mit </td>. 

Bearbeitet von RCH65
Link zu diesem Kommentar
Auf anderen Seiten teilen
Jack Dalton Berufsposter

Jack Dalton

Geschrieben
Geschrieben

Früher gab es mal ein Python-Script, dass dies konnte, nun wurde das Projekt leider nicht mehr weitergeführt,Profil_in_drei_Spalten.pdf siehe:

 

https://github.com/protux/baronbale.de-django

 

Eventuell gibt es aber noch andere solcher Projekte und eins hilft dir weiter? Ansonsten ist es immer ein riesen Gebastel mit den Bannern. Ich verstehe HTML zwar, aber der Aufwand ist mir zu gross, das dann schön zusammenzubieren.

 

Habe noch ein PDF "Profil in drei Spalten" angefügt, was bei mir seit Ewigkeiten auf dem PC schlummert, ich war da auch immer zu faul das auszuprobieren aber evtl. hilft es.

Link zu diesem Kommentar
Auf anderen Seiten teilen
Ditli Forum-Fan

Ditli

Geschrieben
  • Autor
Geschrieben (bearbeitet)

Was mache ich denn falsch?

Die beiden links, sollten nebeneinander sein. Das rechts sollte an der Grösse der beiden links angepasst sein.

 

<table width="750" border="0">
<tr>
<th width=250 valign=top>
<a href="https://coord.info/GC8NP5M" target="_blank"><img
<a href="https://coord.info/GC50XTT"><img height="160" src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" title="Weg der Schweiz - Tradis" width="240"  height="auto" ></a>
<br>
<a href="https://coord.info/GC26EJC"><img height="160" src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" title="Weg der Schweiz - Multi" width="240" "  height="auto" ></a>
</th>
<th width=250 valign=top>
<a href="http://coord.info/GC81BX5" target="_blank"><img height="272" src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="700" height="auto" ></a>

 

image.thumb.png.6964d696b446a04591353b923caa468a.png

Bearbeitet von Ditli
Link zu diesem Kommentar
Auf anderen Seiten teilen
Ditli Forum-Fan

Ditli

Geschrieben
  • Autor
Geschrieben
vor 18 Stunden schrieb Znuk:

Probier doch sonst mal das hier:

 

https://netgrade.de/html-tabellen-generator/#

 

Kopiere den Code Deiner Banner jeweils in eine Zelle und drücke dann auf Generieren. 

 

Ist relativ selbsterklärend.

Ich verstehe diesen Generator nicht. Wo muss ich denn den Code des Banners einfügen?

In der Tabelle oben, ins Kästchen, oder wo unten im Text? Da steht so vieles wie zb. Arial und das ist doch die Schrift doch das brauche ich ja nicht?

 

Link zu diesem Kommentar
Auf anderen Seiten teilen
Mausebiber Forumsmeister

Mausebiber

Geschrieben
Geschrieben

Ich habe mir das nur ganz oberflächlich angesehen, aber du musst dich unbedingt mal mit Tables beschäftigen.

Wenn du einen Tag öffnest, z.B. <tr> dann muss dieser auch wieder mit </tr> geschlossen werden.

Wenn du ein <br> einführst bedeutet dies, ein "break", dann wandert das nächste Bild in die nächste Zeile.

beim Tag "height" hast du mal "160", mal "auto", nicht wundern, wenn das nicht so funktioniert wie du das willst.

 

schau mal:  https://www.w3schools.com/tags/default.asp

 

Link zu diesem Kommentar
Auf anderen Seiten teilen
Mausebiber Forumsmeister

Mausebiber

Geschrieben
Geschrieben (bearbeitet)

Eine ganz einfach Tabelle, nimm die mal, width und height an deine Bedürfnisse anpassen.

 

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><img src="Bild Url hier einfügen" width="300" height="240"/></td>
<td><img src="Bild Url hier einfügen" width="300" height="240"/></td>
<td><img src="Bild Url hier einfügen" width="300" height="240"/></td>
</tr>
</tbody>
</table>

 

Wenn das funktioniert kannst du die Optionen langsam erweiter.

 

Zum Einfügen des codes einfach in Groundspeak "view Profile" anklicken, dann rechts außen "edit"

dann einfach unten ins freie Feld einfügen und Änderung speichern.

 

 

Bearbeitet von Mausebiber
Link zu diesem Kommentar
Auf anderen Seiten teilen
Attila_G

Attila_G

Geschrieben
Geschrieben

Also bei mir sieht dieses Seite recht chaotisch aus (https://www.geocaching.com/p/?guid=fe30c4d4-3ef0-4528-a59f-6eeba6001588). Ich weiss allerdings auch nicht, warum ich mir die Mühe machen sollte, diese Banner in eine Tabelle zu packen. Vor allem die Idee "damit alle gleich gross sind", finde ich etwas abwegig. Die Originalbanner haben ja verschiedene Dimensionen und Seitenverhältnisse und wenn man diese in eine Tabelle zwängt, werden sie teilweise extrem klein.

Schlussendlich muss das ja jeder selber wissen, aber für mich ist das nur so eine kleine Erinnerungsseite, welche nicht superschön strukturiert sein muss.

 

-- Attila

Link zu diesem Kommentar
Auf anderen Seiten teilen
Mausebiber Forumsmeister

Mausebiber

Geschrieben
Geschrieben (bearbeitet)

Hallo Ditli,

 

mach mal bitte folgendes:

1. Alles löschen was da eventuell steht

Profil1.thumb.jpg.32f4d73108d597b04eb1e7b5fb870aae.jpg

 

2. den folgenden Code an diese Stelle kopieren:

<table border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr>
<td><img src="https://s3.amazonaws.com/gs-geo-images/ea8cd90a-6441-4d38-952a-10ff797a52f9_l.png" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/fd1632a2-5970-4e68-aa5b-717f68cd4cb6.jpg" width="300" height="150"/></td>
<td><img src="https://s3.amazonaws.com/gs-geo-images/2765a4cb-97a6-42ca-b83f-46957a74d2d8_l.jpg" width="300" height="150"/></td>
</tr>
</tbody>
</table>

 

sieht nun so aus:

 

Profil2.thumb.jpg.a1b912ba5f3f52a56e4c20505cef2e60.jpg

 

nun die Änderung sichern, klick "save Changes.

 

Wenn du dir nun das Profil ansiehst sollte es so aussehen:

 

Profil.thumb.jpg.6755b246bfa48d8a99f5dffca2351159.jpg

 

Wenn das klappt machen wir weiter.  :o)

 

Beste Grüße, MB

Bearbeitet von Mausebiber
Link zu diesem Kommentar
Auf anderen Seiten teilen
Attila_G

Attila_G

Geschrieben
Geschrieben

Aber vorsicht mit der fixen Grössenangaben (width / height), damit verziehen sich Bilder, welche ein anderes Seitenverhältnis haben. Wenn man [height="150"] weglässt, dann sind alle Bilder fix 300 Pixel breit und die Höhe passt sich automatisch korrekt an.

Bilder, welche im Original breiter sind, werden verkleinert und solche, welche weniger breit sind entsprechend vergrössert.

 

-- Attila

Link zu diesem Kommentar
Auf anderen Seiten teilen

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden
 Teilen
Zur Themenübersicht
×
×
  • Neu erstellen...