TIPS
by
NETtMAN

Blog mit Theater Vorhang nur CSS

Blog mit Theater Vorhang nur CSS

Wie ist der Vorhang vor die Webseite / Blog gekommen ?
Und : Wie einfach ist das einzubinden ?

Für diesen Theater Vorhang werden nur 2 HTML-DIV-Container und ein bisschen CSS gebraucht. Bei MYBLOG gibt es den Menü-Punkt : Layout : Basis / Profi : Profi (eigene HTML-Codes einfügen) : Unter der Navigation:

Da hinein diese Zeilen bringen :

<div class="vorhangl"></div>
<div class="vorhangr"></div>

<style>
.vorhangl {position:fixed;z-index:99;top:0px;left:0%;width:51%;height:100%;background:repeating-linear-gradient(90deg,maroon,maroon 30px,darkred 30px,darkred 70px);transform:skewX(0deg);transition: all 5s ease-in;}
.vorhangr {position:fixed;z-index:99;top:0px;left:49%;width:51%;height:100%;background:repeating-linear-gradient(90deg,maroon,maroon 30px,darkred 30px,darkred 70px);transform:skewX(0deg);transition: all 5s ease-in;}
body:hover .vorhangl {width:0%;left:-10%;transform:skewX(-10deg);}
body:hover .vorhangr {width:0%;left:110%;transform:skewX(10deg);}
</style>


Natürlich kann man vorher noch etwas an den genannten Werten ändern, um sein individuelles Layout rüber zu bringen. Viel Vergnügen wünscht : TIPS !

18.7.16 08:53
 


bisher 0 Kommentar(e)     TrackBack-URL

Name:
Email:
Website:
E-Mail bei weiteren Kommentaren
Informationen speichern (Cookie)



 Smileys einfügen
Myblog.de website reputation  Seitenreport - Die SEO und Website Analyse  Quality monitored by qualidator.com   Daisypath Friendship tickers OpenOffice

 responsive menu
 rauf
  runter