Akhirnya Microsoft mengeluarkan versi baru logo perusahaannya yang terkenal dengan logo windowsnya. Logo baru ini masih gak jauh beda dengan model lamanya tapi ada sedikit perubahan yaitu kelihatan lebih simpel berupa 4 kotak persegi (2X2) berwarna merah, hijau, biru dan orange. Rencananya logo ini akan disematkan ke semua produk microsoft, a.l: Windows, Office, Xbox dan Windows Phone

Uniknya adalah ternyata logo ini bisa dibuat menggunakan kombinasi kode html dan css3. Berikut ini kodenya:

<style>

logo {

    font: bold 60px "Segoe UI";

    color: #747273;

    line-height: 1.5em;

    padding-left: 1.7em;

}

logo:before {

    content: '\2006';

    position: absolute;

    height: 0.095em;

    left: 0;

    box-shadow: 0.35em 0.35em 0 0.25em #f8510c, 1.05em 0.35em 0 0.25em #7eba00, 0.35em 0.97em 0 0.25em #00a3f4, 1.05em 0.97em 0 0.25em #ffba00;     

}

</style>
<logo>Microsoft</logo>

Catatan: Apabila tulisan “microsoft”nya tidak kelihatan aslinya, mungkin di komputer sobat belum terinstal font Segoe, tapi masih bisa diganti font alternativenya menggunakan Open Sans, font milik Google

dan hasilnya adalah seperti berikut ini, coba sobat bandingkan dengan gambar logo diatas

Catatan: kode ini gak bisa di copy paste di wordpress post, kecuali menggunakan iframe. Anda bikin file html terpisah trus dimasukkan ke iframe, kodenya seperti dibawah ini:

<iframe src=”http://belajarinteraktif.com/contoh/logo-microsoft-baru-2012.html” width=”500″ height=”110″></iframe>

Sumber

About the Author

By Unknown on 19.43. Filed under head , komputer , microsoft , post , techno , windows . Follow any responses to the RSS 2.0. Leave a response