Σκιά στην κορυφή του blog σας

Με τη χρήση CSS και μόνο, μπορούμε να βάλουμε σκιά στο επάνω μέρος του blog ή site μας. Δείτε πως θα το κάνετε με πολύ εύκολο τρόπο...


Δείτε demo






Από το αριστερό μενού του Blogger επιλέγουμε το [Πρότυπο] και [επεξεργασία HTML].
Κάνουμε μία φορά κλικ μέσα στο πλαίσιο του κώδικα έτσι ώστε να πάρει την εστίαση.
Με Ctrl + F μέσα στο πλαίσιο του κώδικα, αναζητούμε το ]]></b:skin>

Ακριβώς από επάνω του επικολλούμε το παρακάτω:
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

Επιλέξτε [Προεπισκόπηση προτύπου] και αν σας αρέσει πατήστε [Αποθήκευση προτύπου] και τελειώσατε.

0 σχόλια:

Δικά μου

Larissakid

Χρησιμοποιώ