Weiterlesen Link Design

10 Sep 2025 09:21 #2576 by wolfstar

  • New Member
  • New Member

  • Posts: 7
  • Thank you received: 0
  • Hallo,
    erst einmal für diese tolle und freie Komponente.
    Ich bin gerade dabei mich einzuarbeiten und komme auch gut voran. Trotzdem tauchen immer mal ein paar Fragen auf, die ich der Übersichtlichkeit halber einzeln hier stelle.

    Ich habe mich für das freie Template "Sample / Beispiel HTML-Template" entschieden und bin dabei dieses zu designen.
    Nun wird ja nach jedem eingefügten Beitrag der Schriftzug Weiterlesen eingefügt.
    Gibt es die Möglichkeit diesen als Button anzeigen zu lassen?

    In Joomla selbst geht das bei mir mit der Klasse btn btn-default.
    Auch ein händisch eingetragener Text vor den eigentlichen Beiträgen mit einem Weiterlesen Link reagiert nicht auf diese Klasse.

    Daher nochmal meine eigentliche Frage:
    Gibt es die Möglichkeit diesen Weiterlesen Link als Button anzeigen zu lassen?

    Vielen Dank,

    VG Wolfgang

    Please Log in or Create an account to join the conversation.

    11 Sep 2025 15:28 #2580 by Karl

    • Administrator
    • Administrator

  • Posts: 360
  • Thank you received: 31
  • Replied by Karl on topic Weiterlesen Link Design
    Hallo Wolfgang,
    ich antworte nacheinander auf deine Fragen.

    Du kannst dem Weiterlesen-Button die CSS-Klasse "btn btn-default" geben, nur bringt das alleine keine Änderung. Dein Button würde sich nur ändern, wenn du die CSS-Daten des Bootstrap3-Frameworks (übrigens veraltet) mit deinem Newsletter senden würdest.

    Öffne als erstes das Newsletter-Template und wähle im Tab "Experten-Einstellungen" den Tab "Weiterlesen".
    Den Schalter "Standard benutzen" stelle auf "Nein".
    In das Textfeld "Benutzerdefinierter HTML-Tag" fügst du folgendes ein und speicherst anschließend.
    Code:
    <div> <p> <a href="[%readon_href%]" class="btn btn-default">[%readon_text%]</a> <br/><br/> </p> </div>

    Wähle im zweiten Schritt den Tab "Template CSS", füge am Ende des Textfeldes folgendes CSS ein und speichere.
    Code:
    .btn {   display: inline-block;   margin-bottom: 0;   font-weight: 400;   text-align: center;   white-space: nowrap;   vertical-align: middle;   -ms-touch-action: manipulation;   touch-action: manipulation;   cursor: pointer;   background-image: none;   border: 1px solid transparent;     border-top-color: transparent;     border-right-color: transparent;     border-bottom-color: transparent;     border-left-color: transparent;   padding: 6px 12px;   font-size: 14px;   line-height: 1.42857143;   border-radius: 4px;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; } .btn-default:hover {   color: #333;   background-color: #e6e6e6;   border-color: #adadad; text-decoration: none; } .btn-default {   color: #333 !important;   background-color: #fff;   border-color: #ccc; }

    Das sollte es gewesen sein!

    Gruß Karl

    Please Log in or Create an account to join the conversation.

    12 Sep 2025 08:49 #2583 by wolfstar

    • New Member
    • New Member

  • Posts: 7
  • Thank you received: 0
  • Replied by wolfstar on topic Weiterlesen Link Design
    Hallo Karl,
    vielen Dank für deine Antwort.
    Bis zur Vorschau hat das auch alles gut geklappt, aber leider wird der Button in der E-Mail an den Testempfänger nicht angezeigt.
    Hast du dazu noch eine Lösung?

    VG Wolfgang

    Please Log in or Create an account to join the conversation.

    12 Sep 2025 15:36 #2591 by Karl

    • Administrator
    • Administrator

  • Posts: 360
  • Thank you received: 31
  • Replied by Karl on topic Weiterlesen Link Design
    Sorry Wolfgang,
    da habe ich zu schnell geantwortet - wäre auch zu einfach gewesen.
    Jetzt weiß ich auch wieder warum ich bei den anderen Templates die "[if mso]" und "[if !mso]" im Quelltext eingearbeitet habe.
    E-Mail-Programme arbeiten nicht nach Browser-Standard, fast jedes Programm macht da was anderes und Microsoft macht es ganz anders.

    Du hast dir als Template das Älteste in unserer Sammlung ausgesucht, deshalb ist es schwierig dir da zu helfen.
    Ich hatte mir bei Campaign Monitor Mailtemplates erstellt und für BwPostman aufbereitet, das HTML-Template 2018 ist ein Beispiel dafür.
    Hast du gute HTML-Kenntnisse?

    Vielleicht schaust du dir nochmal die anderen Templatevorlagen an, die sind sehr flexibel und einfach zu ändern.
    Deep Blue, Soft Blue und Creme basieren alle auf der selben Vorlage, es sind nur Fraben verändert.
    Standard Basic basiert auf einer neueren Vorlage.

    Gruß Karl

    Please Log in or Create an account to join the conversation.

    Time to create page: 0.103 seconds

    Register to newsletter

    Hint: Your entered data are only used to register to and sending of the newsletter. Your data will be processed and stored by me. For more information have a look at my privacy policy.
    Your mailing list:
    BwPostman:
    Infos about Joomla! extensions of Boldt Webservice...

    () Mandatory fields

    Information

    ×

    Voluntary salary

    If you like Boldt Webservice then I would be glad about your backing:
    • Recommend Boldt Webservice.
    • If you want to support my work with a donation, please click on the following button - the donation will be handled via paypal.

    With your voluntary salary you also support the development of free software and extensions for the CMS Joomla.

    Enter your amount below and click on the following button:

     

    Register to newsletter

    Hint: Your entered data are only used to register to and sending of the newsletter. Your data will be processed and stored by me. For more information have a look at my privacy policy.
    Your mailing list:
    BwPostman:
    Infos about Joomla! extensions of Boldt Webservice...

    () Mandatory fields

    Information

    ×

    Voluntary salary

    If you like Boldt Webservice then I would be glad about your backing:
    • Recommend Boldt Webservice.
    • If you want to support my work with a donation, please click on the following button - the donation will be handled via paypal.

    With your voluntary salary you also support the development of free software and extensions for the CMS Joomla.

    Enter your amount below and click on the following button: