Přejít k obsahu | Přejít k hlavnímu menu | Přejít k vyhledávání

02.11 Boxy – Vizitky

Zdrojové CSS: /src/css/molecules/box/_vcard.scss

Defaultní

Výchozí molekula pro zobrazení konktaktu. Obrázek by neměl být větší než 140x180 px

Tato molekula využívá atomy ikonek a odkazů.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Varianta bez borderů

Vychází z defaultní molekuly, nicméně přidáváme třídu .box-vcard--noborder.

Tato molekula využívá atomy ikonek a odkazů.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Bez obrázku

Vychází z defaultní molekuly – pouze je přidán modifikátor box-vcard--noimg na box-vcard a odstranit obrázek s jeho obalem z html. Tím se box roztáhne na celou šířku a nebude držet místo pro obrázek.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Velká vizitka

Vychází z defaultní molekuly – pouze je přidán modifikátor box-vcard--big na box-vcard. Tím vznikne prostor pro větší obrázek (210x270 px)

Mgr. Daniel Mikšík

vedoucí pracoviště

Kancelář: budova B1/B1.N03.009
Telefon: 549 49 1507, 777 111 651
E-mail: miksik@phil.muni.cz

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů

Velká vizitka bez obrázku

Vychází z velké molekuly – pouze je přidán modifikátor box-vcard--big na box-vcard. Tím vznikne prostor pro větší obrázek (210x270 px)

Mgr. Daniel Mikšík

vedoucí pracoviště

Kancelář: budova B1/B1.N03.009
Telefon: 549 49 1507, 777 111 651
E-mail: miksik@phil.muni.cz

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů

Velká vizitka s malým obrázkem

Vychází z defaultní molekuly – pouze je přidán modifikátor box-vcard--small-img na box-vcard. Tím vznikne prostor pro menší obrázek (139x169 px)

Mgr. Daniel Mikšík

vedoucí pracoviště

Kancelář: budova B1/B1.N03.009
Telefon: 549 49 1507, 777 111 651
E-mail: miksik@phil.muni.cz

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů

Velká vizitka - různé formátování obsahu

Ukázka formátování obsahu pomocí atomu gridu

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Malá vizitka

Zmenšené vizitky. Lze je vytvořit modifikátorem box-vcard--simple nebo box-vcard--compact na .box-vcard a úpravou vnitřního HTML. Rozdíl mezi těmito dvěma modifikátory je pouze ve velikosti obsahu, kdy compact je menší (v našem případě jsou to ty příklady napravo).

Obrázek by neměl být větší než 105x135 px. Pokud nechceme, aby byla vizitka odkazem, pak .box-vcard__inner vytvoříme pomocí elementu div, v opačném případně jej uděláme pomocí elementu a.

Pro vizitku bez obrázku je třeba přidat modifikátor box-vcard--compact--noimg na box-vcard a odstranit obrázek s jeho obalem z html. Tím se box roztáhne na celou šířku a nebude držet místo pro obrázek.

Na této komponentě také můžeme využít srovnávání výšek pomocí JavaScriptu. Stačí na potřebné elementy přidat obecnou třídu .match-height, jako je tomu níže na ukázce.

Molekulu jsme pro lepší výpis zkombinovali s molekulou rozcestníku. Slouží k výpisu více vizitek za sebou.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Vizitka bez okraje

Pro případ, kdy viziky vypadají lépe bez ohraničení, např. pro kulatou fotku.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno

Zobrazit na mapě

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz

Vizitky výpis

Vypis menších ikonek. Pokud chceme použít řádek bez obrázku pak vložíme modifikátor box-vcards-list__item--noimg na .box-vcards-list__item. Obrázek by neměl být větší než 70x90 px.

Molekuly jsme umístili do gridu pro ušetření místa.

Výpis může být také statický (nebude odkazovat na detail osoby). Stačí z a.box-vcards-list__inner udělat element div.

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Ukázka použití ve výpise

Vychází z různých typů vizitek v kombinaci s molekulou rozcestníku. Slouží k výpisu více vizitek za sebou.

Mgr. Daniel Mikšík

vedoucí pracoviště

Kancelář: budova B1/B1.N03.009
Telefon: 549 49 1507, 777 111 651
E-mail: miksik@phil.muni.cz

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů

prof. PhDr. Milan Pol, CSc.

děkan Filozofické fakulty MU

Arna Nováka 1/1
602 00 Brno
bud. C/02013

Zobrazit na mapě

Telefon: 549 49 1545
E-mail: dekan@phil.muni.cz
WWW: http://phil.muni.cz/dekan

Napsat zprávu

PrF byla opakovaně zvolena nejlepší právnickou fakultou v ČR. Jen v loňském roce otevřela na 20 dovednostních předmětů, které propojují teorii a praxi a absolventům slibují lepší uplatnění. Kromě tradičních právních oblastí se studenti věnují například problematice kyberstalkingu nebo vztahu soudnictví a médií.

Mgr. Daniel Mikšík

vedoucí pracoviště

Kancelář: budova B1/B1.N03.009
Telefon: 549 49 1507, 777 111 651
E-mail: miksik@phil.muni.cz

Pomůže vám s těmito otázkami

  • projekty – příprava, sledování, nastavení úvazků
  • přeúčtování mezd
  • odměny
  • změny pracovních smluv
  • nástup zaměstnanců, ukončování pracovních poměrů