Cikkajánló
Elindítom azt a cikksorozatot, amiben külön-külön minden CSS kódrészről leírom, hogy micsoda, mire való és mi mindenre hathat a G-Portálon. Belinkelem mindegyik cikkhez azokat a G-Portálos leírásokat, amik már
Hoztam egy újabb WordPress kódot, amivel a cikkek alatt lehet a kapcsolódó bejegyzéseket megjeleníteni. Egyfajta cikkajánló ez is, csak a cikkek alatt van elhelyezve. Ehhez sem kell külön bővítmény,
8. rész   Ebben a részben a column_main azaz a G-Portálon lévő középső modullal ismerkedhettek meg. Lásd a cikk alatt a képen a középső világos színű modult. Ezt a
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
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:

lindadesign Hozzászólások
720 megtekintés

Hozzászólások