Hjem Layout (HTML / CSS)
Indsættelse af video uden blitz

Video til Alle er simpelthen en bid af HTML-kode, der integrerer en video på et websted ved hjælp af HTML5 <video> element, falder tilbage til Flash automatisk, uden brug af JavaScript eller browser-sniffing. Det fungerer derfor på RSS-læsere (ingen JavaScript) på iTelefon / iPad (understøtter ikke Flash), og på mange, mange browsere og platforme.

Takket være en hurtig vedtagelse af HTML5 video appening lige nu, Video for Everybody sn't den eneste løsning rundt. Video til Alle er for udviklere, der enten vil have noget virkelig simpelt, de kan hurtigt bruge på deres blog eller hjemmesider, eller som et godt udgangspunkt for at udvikle deres egne brugerdefinerede løsning. Video for Alle er ikke et pænt pakket, fuldt udstyret løsning for ikke-udviklere.

Indsættelse af video uden blitz

Oprettelse af flash player ofte er meget irriterende, og hvis der ikke er behov for at kunne se videoer alle brugere, så hurtigt tilføje, kan du bruge simpel HTML.

Kommentarer (3)
 

Styling formular-kontroller med CSS, revurderede

CleanCSS

Tilføj ny kommentar
 
Cufón - bruge skrifttyper, hvad dit hjerte begærer
" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow">

Hvis opgaven er at bruge en brugerdefineret skrifttype i et projekt, er det muligt at gå flere måder:

  • Z-metoden - ikke bruge brugerdefinerede skrifttyper i CSS er nok at sige, body {font-family: sans-serif;} og ikke narre dig selv ned.
  • Kvæg-metode - skåret ud ZhPEGov, billeder med titler, der skrumpe hårdere, hvad ville syntes udvisket, og indsætte billeder i stedet for tekst. Meget populært i vores åbne rum metode.
  • W3C-metoden - brug @ font-familie og nyde de smukke skrifttyper uden zamorochek. Selvom denne metode ikke betragtes som en arbejdstager på grund af den svage understøttes af din browser.
  • sIFR - sejeste, mest anvendte i dag, men som en ulempe - kræver Flash-plugin. Selv om dette er næppe en ulempe, men hvis der er et værktøj, der tillader dig at gøre, uden plug-ins, kan det ikke, men glæde sig.
  • Cufón - mest det. En forholdsvis ny teknik, der viser gode resultater. Han er helten i denne artikel.

Installationsvejledning Cufón

Jeg husker, da jeg arbejdede i firmaet, hæmorider font var urealistisk at mange, men scriptet og gemt.

Tilføj ny kommentar
 
Oprettelse af et billede med afrundede hjørner
" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;">

Eksempel nummer et - anvendelse som en afrundet, billedformat gif.

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>
Læs mere ... Kommentarer (2)
  

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

pre

Læs mere ... Kommentarer (1)
 


Autorisation

Nice-Ajax Poll

Hvilken en af ​​mine extensions er den bedste?

Statistik

Annonce
© 2009 ageent.ru.