Hłowny meni wočinić

Z mjenowym dźělom "Infokašćik"Wobdźěłać

Bjez zhromadneho mjenoweho dźělaWobdźěłać

CSS-formatyWobdźěłać

 
Přikład za předłohu {{Infokašćik hudźbnik}}

Wjele infokašćik jako css-klasu infobox wužiwaja. Wona bu w stronje MediaWiki:Common.css definowana.

/* za infokašćiki po ruskej a esperantorěčnej wikipediji */

.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
margin-bottom: 0.5em;
margin-left: 1em;
padding: .4em;
float: right;
clear: right;
font-size: 90%; 
width: 18em;
vertical-align:middle;
border-collapse:collapse;
}
 
.infobox td,
.infobox th {
vertical-align: top;
border:1px solid #AAA;
padding:.2em .2em .2em .5em;
}
 
.infobox td {
background:#f9f9f9;
}
 
.infobox caption {
font-size: larger;
/*margin-left: inherit;*/
}
 
.infobox .infoboximage { /* formaty za fota a jich wopis */
background:#FFF;
padding:0;
margin-top:0;
color:#000;
text-align:center;
}
 
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaaaaa;
}
 
 
/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */
 
.infobox.geography {
border: 1px solid #ccd2d9;
text-align: left;
border-collapse: collapse;
line-height: 1.2em; 
font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
border-top: solid 1px #ccd2d9;
padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #ccd2d9;
padding: 0.4em 0.2em 0.2em 0.8em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.2em 0.2em 0.8em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #ccd2d9;
padding: 0 0.2em 0.4em 0.8em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0 0 0 0;
}

Z přidatymi formatamiWobdźěłać

 
Přikład za předłohu {{Infokašćik hudźbnik}}

Wot 22. julija 2008 eksistuje nowa specialna funkcija (jendźelsce Gadget), kotraž bazuje na CSS-dataji wužiwarja Tlustulimu (Wužiwar:Tlustulimu/infobox.css) a někotre formaty za infokašćiki přida. Wona je na stronje MediaWiki:Gadget-niceInfoboxes.css definowana.

Ideja za te přidate formaty je z francoskeje wikipedije: fr:Projet:Infobox/V2 a fr:MediaWiki:Common.css (klasy .infobox_v2 (-> .infobox) a .entete (-> .hornja-linka)).

Kedźbu! Ale prošu wobkedźbuj, zo tu wužiwane wobrazki dyrbja sćěhowace kajkosće měć, zo by jednotny napohlad docpěł.

  • wysokosć wot 45 pikselow
  • połpřewidny pozadk
  • png-format z 24 bitami
  • spočatk mjena na "Picto infobox "
  • zarjadowanje do tamnišej kategoriji commons:Category:Infobox_pictograms
/* Tu slěduja formaty, kotrež maja infokašćiki porjeńšić  */
/* To funguje jako specialna funkcija (jendźelsce Gadget) z pomocu CSS */

/* infobox */
.infobox .hornja-linka {
  height:45px;
  vertical-align:middle;
  text-align:center;
  font-size:150%; 
  font-weight:bolder;
  line-height:1.2em;
  color:#000
}

/* rozdźělne připodobnjenja */
.infobox caption.hornja-linka {
   vertical-align:top;
   border:1px solid gray;
}

.infobox .hornja-linka.l1 {
   line-height:2.7em;
}

.infobox .hornja-linka.l3 {
   height:67px;
}

.infobox .hornja-linka.lx {
   height:auto;
}

.infobox .media {
   height:35px;
   vertical-align:middle;
   text-align:center;
   font-weight:bolder;
   color:#000
}

/* wotstronjenje barby z pomocnu klasy bjezbarbny, kotraž so dyrbi k HTML-elemenće tr přidawa. */
.infobox .bjezbarbny td,
.infobox .bjezbarbny th {
  background-color:transparent;
}

/* Za Infokašćiki - po francoskej wikipediji "entete" */
/* Nětko tež funguje, jeli pozadkowe barby so z pomocnu wosebitych klasow definuja. */
.hornja-linka.nesto {}
.hornja-linka.cinohra {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/37/Picto_infobox_masks.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "činohra" njeje móžna */
.hornja-linka.comicsy  {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2c/Picto_infobox_comicballoon.png");
  background-repeat: no-repeat;
  background-position: top right;
} 
.hornja-linka.film,
.hornja-linka.kino  {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/ea/Picto_infobox_cinema.png");
  background-repeat:  no-repeat;
  background-position: top right;
}
.hornja-linka.komunikacija    {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/a2/Picto_infobox_antenna.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.mapa  {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.muzika {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/6/60/Picto_infobox_music.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.piwo {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/04/Picto_infobox_beer.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.spisowacel {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/1/1e/Picto_infobox_auteur.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "spisowaćel" njeje móžna */
.hornja-linka.sport   {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/8e/Picto_infobox_Olympic.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.widejowa-hra     {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2d/Picto_infobox_gamepad.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.hornja-linka.wosoba {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/82/Picto_infobox_manwoman.png");
  background-repeat: no-repeat;
  background-position: top right;
}

/* Dodaće wot Tlustulimu */
.hornja-linka.astronomija {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/71/Picto_infobox_astronomy.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.bamz,
.hornja-linka.vatikan {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/31/Picto_Emblem_of_the_Papacy.PNG");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "bamž" njeje móžna */

.hornja-linka.fyzika {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_physics.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.hwezda {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/2e/Picto_infobox_star.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "hwězda" njeje móžna */
.hornja-linka.chemija {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/9/95/Picto_infobox_chemistry.png");
  background-repeat: no-repeat;
  background-position: top right;
}

/* Dalše wobrazy */
.hornja-linka.droha {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/57/Picto_infobox_motorway.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.bul,
.hornja-linka.kopanca,
.hornja-linka.kopar {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/a8/Picto_infobox_football.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "kopańca" njeje móžna */
.hornja-linka.kompjuter2,
.hornja-linka.informatika2 {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/56/Picto_infobox_laptop.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* warianta bjez ličby 2 steji deleka */
.hornja-linka.letadlo,
.hornja-linka.raketa  {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/ee/Picto_infobox_rocket.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* lětadło njeje móžne dla prawidłow wot CSS */
.hornja-linka.most {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/87/Picto_infobox_bridge.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "móst" njeje móžna */
.hornja-linka.nastroje {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/c/cb/Picto_infobox_tools.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.pomoc,
.hornja-linka.projekt {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/2/24/Picto_infobox_default.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.utopija,
.hornja-linka.science-fiction {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/e/ed/Picto_infobox_fliyingsaucer.png");
  background-repeat: no-repeat;
  background-position: top right;
}

.hornja-linka.wojsko {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/03/Picto_infobox_military.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "wójsko" njeje móžna */  

/* wobrazki po portugalskej wikipediji */
.hornja-linka.astronawt,
.hornja-linka.kosmonawt {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/0a/Picto_infobox_astronaut.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.hra,
.hornja-linka.hrajka,
.hornja-linka.hrajki {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/b8/Picto_info_toys_and_games.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.kniha {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/4/42/Picto_infobox_book.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.kompjuter,
.hornja-linka.informatika,
.hornja-linka.licak {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/d1/Picto_infobox_pc.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "ličak" njeje móžna */
.hornja-linka.nowina,
.hornja-linka.nowiny {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/d6/Picto_infobox_newspaper.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.plod,
.hornja-linka.sad {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/6/66/Picto_info_grape.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* forma "płód" njeje móžna */
.hornja-linka.TV,
.hornja-linka.telewizija {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/4/44/Picto_infobox_TV-icon-novela.png");
  background-repeat: no-repeat;
  background-position: top right;
}

/* wobrazki po španiskej wikipediji */
.hornja-linka.casopis  {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/c/c4/Picto_infobox_magazine.png");
  background-repeat: no-repeat;
  background-position: top right;
} /* časopis njeje móžne dla prawidłow wot CSS */
.hornja-linka.radio {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/a8/Picto_infobox_radio_2.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.uniwersita {
    background-image:url("//upload.wikimedia.org/wikipedia/commons/6/66/Picto_infobox_universit%C3%A9.png");
    background-repeat:no-repeat;
    background-position: top right;
}

/* přewidne pozadkowe wobrazy */
.media.audio {background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat top left;} 
.media.video {background: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat top left;}

/* kulojte róžki njejsu rjane při kašćiku z wobdźěłanskich wotkazach */
.infobox td .toccolours,
.taxobox td .toccolours {
    -moz-border-radius:0 !important;
}

CSS-klasyWobdźěłać

CSS-klasy Za čo Wužiwany wobraz
Po francoskej Wikipediji
hornja-linka cinohra* Nastawki wo činohrě a dźiwadźelnikow
hornja-linka comicsy Nastawki wo comicsach
hornja-linka kino Nastawki wo kinje a filmach
hornja-linka komunikacija Nastawki wo komunikaciji
hornja-linka mapa Nastawki wo geografiji
hornja-linka muzika Nastawki wo spěwarjach, hudźbje abo hudźbnikach
hornja-linka piwo Nastawki wo warjenju piwa abo měšenju druhich napojow
hornja-linka spisowacel* Nastawki wo spisowaćelach
hornja-linka sport Nastawki wo sporće abo sportowcach
hornja-linka utopija,
hornja-linka science-fiction
Nastawki wo utopijach a science fiction
hornja-linka widejowa-hra Nastawki wo widejowych hrach
hornja-linka wosoba Nastawki wo wosobach
hornja-linka zeleznica*,
hornja-linka cah*
Nastawki wo železnicach, ćahach
hornja-linka nesto* Nastawki wo rozdźělnych temach, za kotrež hišće njeje pozadkowy wobraz  
Dodaća wot Tlustulimu
hornja-linka astronomija Nastawki wo astronomiji, planetach atd.
hornja-linka bamz*,
hornja-linka vatikan
Nastawki wo bamžach a Vatikanje
hornja-linka fyzika Nastawki wo fyzice a fyziskich temach
hornja-linka hwezda* Nastawki wo rozdźělnych temach
hornja-linka chemija Nastawki wo fyzice a chemiskich temach
Dalše wobrazy
hornja-linka droha2*,
hornja-linka puc*
Nastawki wo dróhach a pućach
hornja-linka kompjuter2,
hornja-linka informatika2
Nastawki wo kompjuterach a informatice [[Image:|right]]
hornja-linka letadlo*,
hornja-linka raketa
Nastawki wo łětadłach a raketach
hornja-linka letadlo2*,
hornja-linka raketa2
Nastawki wo łětadłach a raketach
hornja-linka pomoc,
hornja-linka projekt
Nastawki wo projektowu pomoc
hornja-linka nastroje Nastawki wo nastrojach a instrumentach
hornja-linka wojsko* Nastawki wo wójsku
Wobrazy po madźarskej wikipediji
hornja-linka droha* Nastawki wo dróhach
hornja-linka bul,
hornja-linka kopanca*, hornja-linka kopar
Nastawki wo kopańcy a koparjach
hornja-linka most* Nastawki wo mostach atd.
Dodawki po portugalskej wikipediji
hornja-linka astronawt,
hornja-linka kosmonawt
Nastawki wo astronawtach a kosmonwtach
hornja-linka hra,
hornja-linka hrajka, hornja-linka hrajki
Nastawki wo hrach a hrajkach
hornja-linka kniha Nastawki wo knihach a literaturje
hornja-linka kompjuter,
hornja-linka informatika, hornja-linka licak*
Nastawki wo kompjuterach a informatice
hornja-linka nowina,
hornja-linka nowiny
Nastawki wo nowinach
hornja-linka plod*,
hornja-linka sad
Nastawki wo płodach a sadach
hornja-linka TV,
hornja-linka telewizija
Nastawki wo /telewiznych programach
Dodawki po španiskej wikipediji
hornja-linka casopis* Nastawki wo časopisu
hornja-linka radio Nastawki wo wusyłanjach
hornja-linka uniwersita Nastawki wo uniwersitach

Kedźbu: Jeli njewidźiš pozadkowe wobrazy na prawej boku we lěwej špalće "CSS-klasy" tudyšeje tabele, njejsym specialnu funkciju zašaltował. Někotre klasy so hišće w předłohach njewužiwaja.

* Forma po hornjoserbskim prawopisu z diakritiskim znamješkom tu njeje móžna dla techniskich přičinow.

WariantyWobdźěłać

Někotre infokašćiki druhe klasy wužiwaja.

TaksonkašćikiWobdźěłać

 
Přikład za předłohu {{Infokašćik rostlina}}

Tute formaty su na stronje MediaWiki:Common.css.

 /* Stylesheet-Ergänzung zu [[Wikipedia:Taxoboxen|Taxoboxen]] */
 
 table.taxobox {
        border-collapse: collapse;
        border: 1px solid gray;
        float: right;
        margin-left: 0.5em;
        background-color:white;
 }
 table.taxobox th {
        background-color: #9BCD9B;
        border: solid 1px gray;
        text-align: center;
        font-weight: bold;
 }
 table.taxobox td {
        vertical-align:top;
 }
 table.taxobox .Person {
        font-style: normal;
 }
 table.taxobox div.thumb,
 table.taxobox div.thumb * {
        margin: 0;
        padding: 0;
        float: none;
        border: none;
 }
 table.taxobox div.magnify {
        display: none;
 }
 table.taxobox tr td div.thumb div div.thumbcaption {
        text-align:center;
 }
 table.taxobox td.Person {
        text-align:center;
        display:block;
 }
 table.taxobox td.taxo-name {
        text-align:center;
 }
 table.taxobox td.taxo-bild {
        text-align:center;
 }

Z formatami specialneje funkcijeWobdźěłać

 
Přikład za předłohu {{Infokašćik rostlina}} ze specialnej funkciju
 
Přikład za předłohu {{Infokašćik zwěrjo}} ze specialnej funkciju

Nětko tež eksistuje specialna funkcija za taksonkašćiki: MediaWiki:Gadget-niceTaxoboxes.css, testowany z pomocu strony Wužiwar:Tlustulimu/taxobox.css.

/* Tu slěduja formaty, kotrež maja taksonkašćiki porjeńšić  */
/* To funguje jako specialna funkcija (jendźelsce Gadget) z pomocu CSS */

/* infobox */
.taxobox .hornja-linka {
  height:45px;
  vertical-align:middle;
  text-align:center;
  font-size:150%; 
  font-weight:bolder;
  line-height:1.2em;
  color:#000
}

/* rozdźělne připodobnjenja */
.taxobox caption.hornja-linka {
   vertical-align:top;
   border:1px solid gray;
}

.taxobox .hornja-linka.l1 {
   line-height:2.7em;
}

.taxobox .hornja-linka.l3 {
   height:67px;
}

.taxobox .hornja-linka.lx {
   height:auto;
}


/* specifiske formaty za lěwe (:first-child) a prawe cele */
/* jenoz za taxobox, dokelž za infobox so hižo definuje w MediaWiki:Common.css */
.taxobox td {
  background-color:#f8f8f8;
}

/* definuje ćěmnišu barbu za lěwu celu, kotraž wšak je tak mjenowane prěnje dźěćo (jendźelsce first child) infokašćika z klasomaj .infobox a .taxobox */
.taxobox td:first-child,
.taxobox th:first-child {
  background-color:#eee;
}

/* wotstronjenje barby z pomocnu klasy bjezbarbny, kotraž so dyrbi k HTML-elemenće tr přidawa. */
.taxobox .bjezbarbny td,
.taxobox .bjezbarbny th {
  background-color:transparent;
}

/* za taksoboksy */
.hornja-linka.bakterija {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/51/Picto_infobox_bacterium.PNG");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.hrib {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/79/Picto_infobox_fungus.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.rostlina {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/0/0b/Picto_infobox_plant.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.wirus {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/dc/Picto_infobox_virus.png");
  background-repeat: no-repeat;
  background-position: top right;
}
.hornja-linka.zwerjata {
  background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/54/Picto_infobox_animal.png");
  background-repeat: no-repeat;
  background-position: top right;
}

/* kulojte róžki njejsu rjane při kašćiku z wobdźěłanskich wotkazach */
.taxobox td .toccolours {
    -moz-border-radius:0 !important;
}


CSS-klasyWobdźěłać

CSS-klasy Za čo Wužiwany wobraz Předłoha
hornja-linka bakterija Nastawki wo archejach {{Infokašćik archaea}}
hornja-linka bakterija Nastawki wo bakterijach {{Infokašćik bakterija}}
hornja-linka hrib Nastawki wo hribach {{Infokašćik hrib}}
hornja-linka rostlina Nastawki wo rostlinach {{Infokašćik rostlina}}
hornja-linka wirus Nastawki wo wirusach {{Infokašćik wirus}}
hornja-linka zwerjata* Nastawki wo zwěrjatach {{Infokašćik zwěrjo}}
  • * Forma po hornjoserbskim prawopisu z diakritiskim znamješkom tu njeje móžna dla techniskich přičinow.

Dospołna lisćinaWobdźěłać

Hlej tež w Kategorija:Předłoha:Infokašćik.

WobmjezowanjeWobdźěłać

 
Tak wupada zwobrazowanje w Internet Explorer 6

Někotre stare wobhladowaki wopak zwobraznjuja přewidnosć pozadkoweho wobraza dla wužiwanych png-datajow. Jedyn z často wužiwanych, tajkich wobhladowakow je Internet Explorer 6. Tohodla so poruči, wužiwać nowšu wersiju Internet Explorer. Aktualna wersija je 8, kotrež k dispoziji steji jenož za Windows XP plus SP 2 a Windows Vista. Ale tež móžeš wersiju 7 wužiwać. Abo móžeš samo alternatiwny wobhladowak po kategoriju Kategorija:Webowy wobhladowak wužiwać:

Hlej težWobdźěłać

Z Wikipedije, swobodneje encyklopedije