Weiterlesen Link Design
Weiterlesen Link Design was created by wolfstar
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
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.
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.
Wähle im zweiten Schritt den Tab "Template CSS", füge am Ende des Textfeldes folgendes CSS ein und speichere.
Das sollte es gewesen sein!
Gruß Karl
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.
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
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.
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
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
() 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
() 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: