2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Százalékcsík 2.

Százalékcsík kódja
 

<progress max="100" value="50"></progress>


CSS kód
 

<style type="text/css">
progress {
  height: 25px; /* csík magassága */
  width: 400px; /* csík szélessége */
  padding: 8px; /* a két csík közti távolság */
  background-color: #f2f2f2; /* egész csík háttere */
  border: 0px; /* legyen-e kerete vagy sem */
  border-radius: 10px 10px 10px 10px; /* keret lekerekítése */
}
</style>

 


Ebben a kódban a kék csíkon nem tudsz változtatni. Ez böngésző függő.
 

Kinézet böngészőkben
Mozilla Firefoxban a demó látható, ha abban nézed :)
 

Google Chrome-ban így néz ki:

Internet Explorerben így néz ki:


744 megtekintés

Hozzászólások