Tutrix.dedeine Community für wpForoinoffizieller deutscher wpForo Support

wpForo: Code im Bei...
 
Teilen:
Benachrichtigungen
Alles löschen

V 1: Tipps und Tricks wpForo: Code im Beitrag formatieren

1 Beiträge
1 Benutzer
0 Likes
718 Ansichten
Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 482
Punkte: 799
Thema gestartet
 

Standardmäßig ist Code z.B. HTLM nur durch blaue Hintergrundfarbe hervorgehoben

wer wie ich häufiger Code im Beitrag zur Weitergabe einfügt, möchte diesen vielleicht etwas besser formatiert darstellen

das lässt sich mittels CSS erreichen

#wpforo #wpforo-wrap pre {
border: 1px solid #999999;
background: url(/wp-content/uploads/pre-bg.jpg);
margin-top: 40px;
font-weight: bold;
color: #000;
background-position-y: -8px;
line-height: 18px;
border-left: 6px solid #04d204;
background-attachment: local;
}
#wpforo #wpforo-wrap pre::before {
content: 'f121 Code:';
display: block;
position: absolute;
margin-top: -33px;
color: #007cba;
font-size: 16px;
font-family: "Font Awesome 5 Free";
}

der Code kommt in den Einstellungen des wpForos > Darstellung zum Benutzerdefinierten / eigenen CSS Code

hier noch der Hintergrund

Titel: pre bg

diesen über den Medien-Upload von Wordpress hochladen und den Pfad entsprechend bei background  im css anpassen

noch ein kurzes vorher / nachher Video

Titel: wpForo Code formatieren

Das Tutorial oben bezieht sich auf die Standard Darstellung von Code, wie auch im Video zu sehen.

Ich verwende hier das Plugin wpForo Syntax Highlighter

Ich arbeite mit diesen Programmen sowie Plattformen für Softwareentwickler

Für den Fall, dass du dich bedanken und die Community unterstützen möchtest Buy me a coffee

 
Beitrag veröffentlicht am : 06.12.2020 15:34
Profil-Infos von Tutrix
Registriert seit: 20.01.2020 Webseite: https://www.tutrix.de Land: Germany Stadt: München
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
wpForo Topic Prefix & Tags Manager wpForo Ads Manager wpForo User Custom Fields wpForo Private Messages wpForo Emoticons wpForo Advanced Attachments wpForo Embeds wpForo Syntax Highlighter wpForo User Mentioning WP-UserOnline Wise Chat Pro CleanTalk AntiSpam Code Snippets CM Glossary Tooltip Animate On Scroll Library Toggle Funktion
Themen Schlagwörter

Anzeige




Teilen:
wpForo theme made with love a lot of time and coffee by Tutrix