26. April 2018
16. April 2018
Event: Content, User Psychologie und UX-Optimierung
|
|
13. April 2018
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.
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 :-).
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 :-).
7. April 2018
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
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 |
5. April 2018
3. April 2018
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!
Abonnieren
Posts (Atom)
