10. April 2018

Silbentrennung PHP, HTML,

Einige PHP-Scripts haben Probleme, gerade bei der Silbentrennung in der Textausgabe der Deutschen Sprache. Wenn man nicht tiefergehende Kenntnisse in PHP hat, kann man sich auch mit CSS behelfen. Hier gibt es eine Syntax Namens: word-break.

Nach meiner Erfahrung fährt man mit word-break: normal am besten. Falls das nicht klappt, einfach mal die anderen testen. Es ist schließlich ärgerlich, wenn die Worte vollkommen sinnfrei am Zeilenende getrennt werden.

CSS Syntax

word-break: normal|break-all|keep-all|initial|inherit;

Property Values

Value Description
normal Default value. Break words according to their usual rules
break-all Lines may break between any two letters
keep-all  Breaks are prohibited between pairs of letters
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Twitter Timeline in die Website einbinden

Eigentlich ist das Einbinden der Twitter-Timeline sehr easy. Hier in diesem Blog habe ich diese auch eingebunden.
Geht einfach auf diese Seite und konfiguriert Höhe, Breite und die Farben, und Twitter generiert euch dann einen Code. Diesen braucht ihr nur noch an die ensprechende Stelle im Body der Website einbinden und fertig ist die Twitter Timeline auf eurer Website oder Blog. Ihr müsst natürlich euren Twitternamen angeben, sonst habt ihr ja meine Time-Line auf eurer Seite :-).

6. April 2018

SSL Note A+

Der eine oder andere Webmaster oder Admin wird auch vor dem Problem stehen, dass sein SSL-Zertifikat das Vertrauen entzogen wurde. Da ssllab die Regeln verschärft hat, ist es nicht mehr so einfach ein A zu bekommen, geschweige denn ein A+. Das Folgende dürfte für viele Server-Admins sehr nützlich sein.

Quelle

SSL Labs: A+ (RSA2048, SHA256 certificate)
Certificate: 100%
Protocol Support: 95%
Key Exchange: 90%
Cipher Strength: 90%

#### In the SSL.CONF file
SSLCipherSuite AES256+EECDH:AES256+EDH:AES128+EECDH:AES128+EDH

SSLProtocol -ALL -SSLv3 +TLSv1 +TLSv1.1 +TLSv1.2

SSLHonorCipherOrder on
SSLStrictSNIVHostCheck Off
SSLCompression off

SSLStaplingCache shmcb:/tmp/stapling_cache(128000)

SSLOptions +FakeBasicAuth +ExportCertData +StrictRequire

### In the <virtualhost> section of file default-ssl.conf
SSLUseStapling on
SSLStaplingResponderTimeout 5
SSLStaplingReturnResponderErrors off

### headers_module must be enabled for these extra security settings
Header always set Strict-Transport-Security "max-age=63072000; includeSubDomains"
Header edit Set-Cookie ^(.*)$ $1;HttpOnly;Secure
Header set Public-Key-Pins "pin-sha256=\"<Subject Public Key Information (SPKI)>\"; max-age=2592000; includeSubDomains"
Header always set X-Frame-Options SAMEORIGIN

OS: Ubuntu 14.04 LTS, Apache 2.4.7, OpenSSL 1.0.1f

English Google Webmaster Central office-hours hangout


2. April 2018

Gratis Chat für Deine Homepage oder Blog

Wer möchte, kann den gleichen Chat, wie er hier auf dieser Seite läuft, in seine Homepage einbauen.
Falls jemand davon Gebrauch macht, bitte eine kurze Rückmeldung.

Hier die Anleitung, wie Ihr diesen Chat einbaut:

Das Folgende kommt in den Head-Bereich der Website. Falls Ihr auch einen Blog von Blogspot verwendet, müsst Ihr das Design ---> HTML bearbeiten. Dann den folgenden Code in den Head-Bereich der Website oder des Blogs einbauen, also zwischen <head> und </head>

<script src='https://chat-nett.de/addons/boom_embed/js/jquery-1.11.2.min.js' type='text/javascript'/>

Den folgenden Code dann einfach irgendwo im Body-Bereich einbinden. Bei einem Blogspot-Blog erstellt Ihr einfach ein neues Gadget und wählt hier aus, HTML/JavaScript und tragt dann diesen Code ein. Beim Titel des Gadgets tragt ihr einfach ein Leerzeichen ein. Danach habt ihr einen Chat, der genau so funktioniert wie der, den ihr hier im Blog unten Links seht. Die Farben, Höhe und Breite könnt Ihr anpassen.

<div id="corner_boom" value="Chat schließen!" style="height:600px; width:600px; left:20px;">
    <div style="background:#FF0000; height:33px;" id="corner_boom_top"><p id="corner_boom_title" style="color:#FFF;">Chat öffnen!</p>
    <a href="https://chat-nett.de"><img src="https://chat-nett.de/addons/boom_embed/images/boom_embed_expand.png"/></a></div>
    <div style="background:#000 url('https://chat-nett.de/addons/boom_embed/images/loading.gif')" id="corner_boom_content"><iframe name="https://chat-nett.de/addons/boom_embed/execute/boom_embed_blank.php" id="corner_boom_iframe" value="https://chat-nett.de/index.php" src=""></iframe></div>
    <script type="text/javascript" src="https://chat-nett.de/addons/boom_embed/js/boom_embed.js"></script>
</div>


Wer den Chat komplett in seine Seite integrieren will, muss folgenden Code im Body verwenden. Dann füllt der Chat den kompletten Layout-Bereich der Website aus. In diesem Fall ist der Chat auch resoponsibel.

<div style="width:100%; height:100%;"><iframe style="width:100%; height:100%; border:none;" src="https://chat-nett.de/index.php"></iframe></div>

Viel Spaß mit Eurem neuen Homepage-Chat!