Meine Banner im html-Format erstellen?

[Ditli]

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🤔😂🤦‍♀️)

 

 

 

[Sechsfüssler]

Ich kann HTML, aber ich verstehe nicht genau, was Du brauchst...

[Mausebiber]

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.

[Ditli]

Ich weiss nicht ob es sowas ist🤔

Ich kann nur die Zeichen sehen.

[Ditli]

vor einer Stunde schrieb Sechsfüssler:

Ich kann HTML, aber ich verstehe nicht genau, was Du brauchst...

Ich weiss nicht wie ich es anders beschreiben soll/kann... 

[Sechsfüssler]

vor 1 Stunde schrieb Ditli:

die Banner in meine Signatur

Die Signatur wo? Hier im Forum?

Welche Banner?

[Ditli]

Achso.

Da hätte ich genauer schreiben sollen.

Entschuldige.

Im Profil auf Geocaching.com

Banner welche bei einem Cachebesuch erhältlich sind.

[Sechsfüssler]

vor 14 Minuten schrieb Ditli:

Banner welche bei einem Cachebesuch erhältlich sind.

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?

[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.

[Ditli]

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.

[Ditli]

vor 45 Minuten 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.

Dankeschön.

 

[RCH65]

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

 

 

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 26. Januar 2023 von RCH65

[Sechsfüssler]

vor 4 Stunden schrieb Ditli:

Weil ich es nicht kann.

Das ist viel einfacher als die Sache mit der Tabelle. Dafür kannst Du einfach den jeweils angebotenen HTML-Code reinkopieren - und dahinter dann den nächsten.

[Jack Dalton]

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.

[Ditli]

Ich danke euch für die Antworten.

Dann werde ich die vorgeschlagenen Sachen versuchen.

 

Wie kann ich denn ein Bannerbild mit der Grösse anpassen, dass alle gleich gross sind?

 

 

 

[Ditli]

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>

 

Bearbeitet 27. Januar 2023 von Ditli

[Ditli]

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?

 

[Mausebiber]

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

 

[Mausebiber]

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 27. Januar 2023 von Mausebiber

[Attila_G]

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

[Mausebiber]

Schau mal bei mir ins Profil, so nett kann das aussehen  :o)

 

[Ditli]

Vielen Dank für all eure Antworten und Zeit um mir zu helfen.

 

[Mausebiber]

Hallo Ditli,

 

mach mal bitte folgendes:

1. Alles löschen was da eventuell steht

 

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:

 

 

nun die Änderung sichern, klick "save Changes.

 

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

 

 

Wenn das klappt machen wir weiter.  :o)

 

Beste Grüße, MB

Bearbeitet 28. Januar 2023 von Mausebiber

[Ditli]

Vielen Dank MB.

Das habe ich hingekriegt.

 

 

Bearbeitet 28. Januar 2023 von Ditli

[Attila_G]

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