1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

Überweisung Logo mit HTML erstellen

Dieses Thema im Forum "HTML, XHTML & CSS" wurde erstellt von only_html, 17 September 2016.

  1. only_html

    only_html Neues Mitglied

    Registriert seit:
    17 September 2016
    Beiträge:
    3
    Punkte für Erfolge:
    1
    Hallo, ich moechte NUR mit HTML, also komplett OHNE CSS das Ueberweisung Plus Logo (Siehe Anhang) erstellen. Dazu folgender Code:

    Code (html5):
    1. <!DOCTYPE html>
    2.   <meta charset="utf-8">
    3.   <title>Test</title>
    4.   <style>
    5.     div {
    6.       background-color: #ffa500;
    7.       color: white;
    8.       display: inline-block;
    9.       font-family: Arial, sans-serif;
    10.       position: relative;
    11.       padding: 10px;
    12.       border: 1px solid #ffa500;
    13.       border-radius: 5px;
    14.       margin-top: 10px
    15.     }
    16.     div::after {
    17.       content: "+";
    18.       position: absolute;
    19.       font-size: 1em;
    20.       font-family: Arial, sans-serif;
    21.       background-color: #ffa500;
    22.       border-radius: 20px;
    23.       padding: 2px 8px;
    24.       color: white;
    25.       top: -13px;
    26.       right: -13px;
    27.     }
    28.   </style>
    29. </head>
    30.   <div>Überweisung</div>
    31. </body>
    32. </html>
    A B E R: Ich moechte das NUR mit <span style ... machen, also OHNE div! Geht das? Wenn ja, kann mir bitte jemand erklaeren, wie ich das machen muss? Ich moechte das Ueberweisung Plus Logo in einen normalen Text in einer ebay Beschreibung einbinden, oder generell in Texten, also keine eigene Homepage, kein CSS, kein div. Es muss doch einen Weg geben, wie man das NUR mit HTML hinbekommt? Leider gibt es diese kleinen Logos, wie DHL, Hermes, paypal, Ueberweisung Plus etc. nur als .jpg oder .png usw, aber nirgends als HTML Code.
     

    Anhänge:

    Zuletzt von einem Moderator bearbeitet: 17 September 2016
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    HTML ist eine Auszeichnungssprache. Für Dein Vorhaben, das Logo nicht als Grafik bereitzustellen, ist CSS dann unentbehrlich.
    Einfach im CSS- u. HTML-Code div durch span ersetzen.
    Code (css):
    1. span {
    2.       ...
    3. }
    4. span::after {
    5.       ...
    6. }
    Code (html5):
    1. <span>Überweisung</span>
     
  3. only_html

    only_html Neues Mitglied

    Registriert seit:
    17 September 2016
    Beiträge:
    3
    Punkte für Erfolge:
    1
    Ja, ok, d. h. aber, ich brauche beides; CSS und HTML? Das geht bei ebay leider nicht, dort hat man nur die Moeglichkeit entweder normalen Text in die Art. beschreibung, oder eben als HTML hineinzuschreiben. Ich kann dort aber nicht noch eine separate Seite hinzufuegen, mit CSS, so wie es bei Homepages ueblich ist. Bei einer Homepage wuerde ich das natuerlich auch so machen, CSS schoen auslagern usw. Ich brauche das aber quasi alles in einem, und nur als HTML. Geht das ueberhaupt?
     
  4. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    Unter diesen Umständen wird's wohl eher auf eine Grafik hinauslaufen.
     
  5. only_html

    only_html Neues Mitglied

    Registriert seit:
    17 September 2016
    Beiträge:
    3
    Punkte für Erfolge:
    1
    Ja, das dachte ich mir, wegen dem CSS. Wenn ich eine eigene Homepage haette, da ist mir das klar, auslagern in CSS, und HTML extra. Das geht aber bei ebay nicht. OK, ich danke dir trotzdem. Haette ja sein koennen, dass es irgendwie funktioniert. Danke.
     
  6. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    Es sei denn, Inline-Styles per style-Attribut sind bei Ebay zulässig, werden von derem System nicht ignoriert :cool:
    Code (html5):
    1. <span style="css1">Überweisung<span style="css2">+</span></span>
    Code (css):
    1. /* Die Regeln background-color bis margin-top anstelle des Platzhalters css1 einfügen */
    2. span {
    3. background-color: #ffa500;
    4. color: white;
    5. display: inline-block;
    6. font-family: Arial, sans-serif;
    7. position: relative;
    8. padding: 10px;
    9. border: 1px solid #ffa500;
    10. border-radius: 5px;
    11. margin-top: 10px
    12. }
    13. /* Die Regeln display bis margin-top anstelle des Platzhalters css2 einfügen */
    14. span span {
    15. display: block;
    16. position: absolute;
    17. font-size: 1em;
    18. font-family: Arial, sans-serif;
    19. background-color: #ffa500;
    20. border-radius: 20px;
    21. padding: 2px 8px;
    22. color: white;
    23. top: -13px;
    24. right: -16px;
    25. margin-top: 0
    26. }
    Demo: https://jsfiddle.net/spicelab/h3nqwubo/
     
  7. MrMurphy

    MrMurphy Senior HTML'ler

    Registriert seit:
    28 Juli 2009
    Beiträge:
    1.407
    Punkte für Erfolge:
    63
    Hallo

    Bei Ebay sind externes CSS und das Einbinden von externen Bildern grundsätzlich gestattet.

    Dabei müssen nur ein paar Grundsätze beachtet werden. Zum Beispiel darf sich das CSS nur auf die eigene Artikelbeschreibung auswirken, nicht auf die Angaben von Ebay selbst.

    Bei Logos muss darauf geachtet werden, dass der Rechteinhaber sie zur freien Verfügung freigegeben hat. Falls nicht ist es in jedem Fall ein Verstoß, egal wie sie in die Webseite eingebunden oder erstellt werden. Dann ist das Logo an sich geschützt.

    Logos werden üblicherweise auch als Grafik eingebunden.

    Wenn Logos direkt in den Quelltext eingebunden werden sollen sollten dies als SVG geschehen. Alle Angaben für ein SVG-Logo können direkt in den HTML-Quelltext geschrieben werden.

    Gruss

    MrMurphy
     
    Spicelab gefällt das.
  8. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.669
    Punkte für Erfolge:
    83
    Und wieder was gelernt - Danke :)
     
  9. MrMurphy

    MrMurphy Senior HTML'ler

    Registriert seit:
    28 Juli 2009
    Beiträge:
    1.407
    Punkte für Erfolge:
    63
    Hallo

    Ebay Angebote sollten grundsätzlich mit Vorsicht erstellt werden.

    Wenn gegen die Ebay Grundsätze verstoßen wird werden Angebote ruckzuck gelöscht.

    Schon bei einer geringen Anzahl von Verstößen wird der gesamte Account gelöscht. Alles ohne Vorwarnung. Diskussionen sind dann auch nicht mehr möglich, Nachfragen werden nicht beantwortet.

    Wie Ebay das handhabt ist wohl Geschäftsgeheimnis, Privatleute werden wohl eher gesperrt als gewerbliche Anbieter, die viel mehr Geld in die Kassen von Ebay bringen. Von daher kann ich die offensichtlichen Sorgen von only_html gut nachvollziehen.

    Eine Übersichtseite über die Ebay-Grundsätze findet sich zum Beispiel unter

    http://pages.ebay.de/help/index/ALLE.html

    Es gibt offensichtlich viele Möglichkeiten gegen Ebay-Grundsätze zu verstoßen. Deshalb sollte dort immer wieder mal nach Änderungen geschaut werden.

    Aktuell und bis ins nächste Jahr hinein sorgen wohl zwei Änderungen für gewerbliche Verkäufer für Verwirrung. Erstaunlich viele von denen benutzen immer noch Tabellenlayouts.

    Zum einen sollen alle Angebote für mobile Geräte optimiert werden, also ein Responsive Layout erhalten. Angebote ohne Responsive Layout werden von Ebay in den Übersichten zurückgestuft werden.

    Zum anderen werden aktive Inhalte ab Anfang nächsten Jahres verboten und werden von Ebay blockiert. Unter aktiven Inhalten versteht Ebay
    • JavaScript
    • Flash
    • Plug-ins
    • sendbare Formulare
    Nachzulesen unter

    http://verkaeuferportal.ebay.de/verkaeufer-news/2016-fruehling/mobile-darstellung-angebote

    Eventuell muss auf den Button "Gewerblich" geklickt werden.

    Vielleicht stammt daher die Fehlinformation das externes CSS und externe Bilder überhaupt nicht verwendet werden dürfen.

    Von daher kann es gut sein das entsprechende Nachfragen in den nächsten Wochen hier im Forum zunehmen.

    Gruss

    MrMurphy
     
    LeCub gefällt das.