Depan Layout (html / css)

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iTelepon / iPad (don’t support Flash) and on many, many browsers and platforms.

Memasukkan video tanpa lampu kilat

Komentar (3)
 

Bentuk kontrol styling dengan CSS, revisited

Gambar yang indah, Anda dapat memeriksa ketika Anda membuat antarmuka pengguna yang berbeda.

CleanCSS adalah optimizer CSS kuat dan formatter. Pada dasarnya, dibutuhkan kode CSS dan membuat lebih bersih dan lebih ringkas.

CleanCSS

Tambah komentar baru
 

Jika tugas ini adalah untuk menggunakan font kustom dalam suatu proyek, adalah mungkin untuk pergi beberapa cara:

  • Z-metode - jangan gunakan font kustom dalam CSS adalah cukup untuk mengatakan body {font-family: sans-serif;} dan jangan membodohi diri sendiri ke bawah.
  • Cufon - yang paling itu. Sebuah teknik yang relatif baru yang menunjukkan hasil yang sangat baik. Dia adalah pahlawan dari artikel ini.

Petunjuk instalasi cufon

Saya ingat ketika saya bekerja di perusahaan, wasir font yang tidak realistis bagi banyak, tapi script dan disimpan.

 

Contoh nomor satu - digunakan sebagai gif, format gambar bulat.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat  ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%;   left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
</style>
</head>
<body>
<b>Было</b>
  <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
     <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">
     <div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
     </div>      
</body>
</html>
 

Belum lama lalu berlari ke masalah yang saya telah memasukkan kode melalui Geshi indah ditampilkan, tetapi jelek peregangan halaman.

Misalnya, potongan kode ini

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

menampilkan hanya satu baris.

Solusi untuk masalah ini cukup sederhana. Fakta bahwa tag pre secara default tidak memungkinkan untuk jeda baris paksa. Dan semua yang kita butuhkan adalah untuk memasukkan potongan kode css yang memberitahu browser apa yang harus dilakukan untuk memaksa transfer.

 


Otorisasi

Bagus Ajax Poll

Statistik

Terjemahkan

русскийitalianoDeutschEnglishLATVIANукраїнськаfrançaispolski
1

Iklan