Přihlášení | Registrace

napište » Zprávičky

Ghostty 1.2

dnes 12:22 | Nová verze

Multiplatformní emulátor terminálu Ghostty byl vydán ve verzi 1.2 (𝕏, Mastodon). Přehled novinek, vylepšení a nových efektů v poznámkách k vydání.

Ladislav Hagara | Komentářů: 0

Godot 4.5

dnes 00:11 | Nová verze

Byla vydána nová verze 4.5 (𝕏, Bluesky, Mastodon) multiplatformního open source herního enginu Godot (Wikipedie, GitHub). Přehled novinek i s náhledy v příspěvku na blogu.

Ladislav Hagara | Komentářů: 0

asciinema CLI 3.0

včera 21:33 | Nová verze

Byla vydána verze 3.0 (Mastodon) nástroje pro záznam a sdílení terminálových sezení asciinema (GitHub). S novou verzí formátu záznamu asciicast v3, podporou live streamingu a především kompletním přepisem z Pythonu do Rustu.

Ladislav Hagara | Komentářů: 0

Canonical oznámil, že bude podporovat a distribuovat toolkit NVIDIA CUDA v Ubuntu

včera 21:00 | Komunita

Canonical oznámil, že bude podporovat a distribuovat toolkit NVIDIA CUDA (Wikipedie) v Ubuntu.

Ladislav Hagara | Komentářů: 0

Hodnota společnosti Alphabet překonala hranici tří bilionů dolarů

včera 20:44 | IT novinky

Tržní hodnota americké společnosti Alphabet, která je majitelem internetového vyhledávače Google, dnes poprvé překonala hranici tří bilionů dolarů (62,1 bilionu Kč). Alphabet se připojil k malé skupině společností, které tuto hranici pokořily. Jsou mezi nimi zatím americké firmy Nvidia, Microsoft a Apple.

Ladislav Hagara | Komentářů: 2

Washington a Peking se dohodly na pokračování TikToku v USA

včera 20:33 | IT novinky

Spojené státy a Čína dosáhly dohody ohledně pokračování populární čínské platformy pro sdílení krátkých videí TikTok v USA. V příspěvku na síti Truth Social to dnes naznačil americký prezident Donald Trump. Dosažení rámcové dohody o TikToku vzápětí oznámil americký ministr financí Scott Bessent, který v Madridu jedná s čínskými představiteli o vzájemných obchodních vztazích mezi USA a Čínou. Bessentova slova později potvrdila také čínská strana.

Ladislav Hagara | Komentářů: 0

MKVToolNix 95.0. Podpora Matrosky míří do Firefoxu

včera 16:55 | Komunita

MKVToolNix, tj. sada nástrojů pro práci s formátem (medialnym kontajnerom) Matroska, byl vydán ve verzi 95.0. Podpora přehrávání formátu Matroska míří do Firefoxu [Bug 1422891, Technický popis]. Přehrávání lze již testovat ve Firefoxu Nightly.

Ladislav Hagara | Komentářů: 0

Pozvánka na 211. sraz spolku OpenAlt

13.9. 17:33 | Pozvánky

Spolek OpenAlt zve příznivce otevřených řešení a přístupu na 211. sraz, který proběhne v pátek 19. září od 18:00 ve Studentském klubu U Kachničky na Fakultě informačních technologií Vysokého učení technického na adrese Božetěchova 2/1. Na srazu proběhne přednáška Jiřího Eischmanna o nové verzi prostředí GNOME 49. Nemáte-li možnost se zúčastnit osobně, přednáškový blok bude opět streamován živě na server VHSky.cz a následně i zpřístupněn záznam.

Ladislav Hagara | Komentářů: 0

Microsoft se vyhnul pokutě EU, slíbil oddělit Teams od programů Office

13.9. 01:33 | IT novinky

Microsoft se vyhnul pokutě od Evropské komise za zneužívání svého dominantního postavení na trhu v souvislosti s aplikací Teams. S komisí se dohodl na závazcích, které slíbil splnit. Unijní exekutivě se nelíbilo, že firma svazuje svůj nástroj pro chatování a videohovory Teams se sadou kancelářských programů Office. Microsoft nyní slíbil jasné oddělení aplikace od kancelářských nástrojů, jako jsou Word, Excel a Outlook. Na Microsoft si

… více »

Ladislav Hagara | Komentářů: 10

Samba 4.23.0

12.9. 14:00 | Nová verze

Samba (Wikipedie), svobodná implementace SMB a Active Directory, byla vydána ve verzi 4.23.0. Počínaje verzí Samba 4.23 jsou unixová rozšíření SMB3 ve výchozím nastavení povolena. Přidána byla podpora SMB3 přes QUIC. Nová utilita smb_prometheus_endpoint exportuje metriky ve formátu Prometheus.

Ladislav Hagara | Komentářů: 0

Centrum | Napsat | Starší

navrhněte » Anketa

Pro otevření více webových stránek ve webovém prohlížečí používám

Taby (81%)

Panely (7%)

Záložky (3%)

Listy (3%)

Něco jiného (4%)

Nic (2%)

Celkem 183 hlasů

Komentářů: 12, poslední 10.9. 13:00

Rozcestník

AbcLinuxu

HDmag.cz

Administrace komentářů

Jste na stránce určené pro řešení chyb a problémů týkajících se diskusí a komentářů. Můžete zde našim administrátorům reportovat špatně zařazenou či duplicitní diskusi, vulgární či osočující příspěvek a podobně. Děkujeme vám za vaši pomoc, více očí více vidí, společně můžeme udržet vysokou kvalitu AbcLinuxu.cz.

Příspěvek

9.6.2011 20:57 Josef Kufner | skóre: 70
Rozbalit Rozbalit vše Re: Stylování SPANu/H1 v html / CSS

Existují v zásadě dvě možnosti, jak to udělat.

Obrázek na pozadí

Prostě tu křivou plochu nakreslíš tak jak ji chceš a umístíš ji jako obrázek na pozadí. CSS pak bude vypadat takto:

.křivej_nadpis {
  display: block;
  padding: 0;
  width: šířka obrázku;
  height: výška obrázku;
  background: barva top left no-repeat url(obrázek);
}

Vyrobit křivé okraje podobně, jako se dělají rámečky

Tady je to trošku složitější, ale umožňuje to vytvořit křivý box s proměnlivou velikostí. Podle toho, jak moc to chceš mít proměnné, budeš potřebovat přidat divy. S ohledem na vyhledávače je rozumné divy přidat pomocí javascriptu, ale není to nutné.

HTML:

<h2 class="křivej_nadpis">nadpis
  <div class="ramecek levy"></div>
  <div class="ramecek pravy"></div>
  <div class="ramecek horni"></div>
  <div class="ramecek spodni"></div>
</h2>

CSS:

.křivej_nadpis {
  display: block;
  padding: A B C D;
  position: relative;
  background: libovolné pozadí nadpisu;
}

.křivej_nadpis .ramecek {
  position: absolute;
  padding: 0px;
  margin: 0px;
  background; transparent top left;
}

.křivej_nadpis .ramecek.horni { /* žádná mezera před 3. tečkou */
  top: 0px;
  left: 0px;
  width: 100%;
  height: A;
  background-image: url(horní okraj obrázku);
  z-index: dle potřeby a obrázků;
}

.křivej_nadpis .ramecek.pravy {
  top: 0px;
  right: 0px;
  width: B;
  height: 100%;
  background-image: url(pravý okraj obrázku);
  z-index: dle potřeby a obrázků;
}

.křivej_nadpis .ramecek.spodni {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: C;
  background-image: url(spodní okraj obrázku);
  z-index: dle potřeby a obrázků;
}

.křivej_nadpis .ramecek.levy {
  top: 0px;
  left: 0px;
  width: D;
  height: 100%;
  background-image: url(levý okraj obrázku);
  z-index: dle potřeby a obrázků;
}

V podstatě je to velmi jednoduché. Do nadpisu jsou přidané čtyři divy, které jsou prázdné a absolutně pozicované vrámci stylovaného nadpisu. Každý z těch čtyř divů překryje jednu hranu nadpisu a přilehlé rohy. Padding nadpisu se pak postará o to, aby obsah nebyl překrytý.

Jediné co, tak to potřebuje jednobarevné okolní pozadí.

Rámečky podruhé – vnořené divy, pozadí a padding

Podobnou technikou je použití paddingu místo absolutního pozicování. Ozdobné divy jsou vnořené a obsah (text nadpisu) je v tom nejvnitřnějším.

<h2 class="křivej_nadpis">
  <div class="ramecek levy">
    <div class="ramecek pravy">
      <div class="ramecek horni">
        <div class="ramecek spodni">
          nadpis
        </div>
      </div>
    </div>
  </div>
</h2>

V CSS je pak jen potřeba nastavit vhodný padding a obrázek na pozadí.

.křivej_nadpis {
  padding: 0px;
  background: transparent;
  position: relative; /* aby margin sousedů nekecal do umístění obsahu */
}

.křivej_nadpis .ramecek {
  display: block;
  padding: 0px;
  margin: 0px;
  background: transparent;
}

.křivej_nadpis .ramecek.horni {
  padding-top: A;
  background: transparent top center no-repeat url(horní okraj);
}

.křivej_nadpis .ramecek.pravy {
  padding-right: B;
  background: transparent center right no-repeat url(pravý okraj);
}

.křivej_nadpis .ramecek.spodni {
  padding-bottom: C;
  background: transparent bottom center no-repeat url(spodní okraj);
}

.křivej_nadpis .ramecek.levy {
  padding-left: D;
  background: transparent center left no-repeat url(levý okraj);
}

Je to bezproblémová technika a lze vykouzlit i skutečně průhledné okraje. Na druhou stranu je trošku těžší umístit jednotlivá pozadí do jednoho obrázku, aby se ušetřily HTTP requesty.

Všechny tři techniky fungují v IE6,7,8 a všech ostatních prohlížečích.

Hello world ! Segmentation fault (core dumped)

V tomto formuláři můžete formulovat svou stížnost ohledně příspěvku. Nejprve vyberte typ akce, kterou navrhujete provést s diskusí či příspěvkem. Potom do textového pole napište důvody, proč by měli admini provést vaši žádost, problém nemusí být patrný na první pohled. Odkaz na příspěvek bude přidán automaticky.

Offtopic diskuse použijte pro diskusi mimo záběr našeho portálu (včelařství, windows), která by měla být smazána.
Duplicitní diskuse je určena pro případ, kdy uživatel odeslal svůj dotaz několikrát.
Návrh na cenzuru použijte, pokud komentář obsahuje urážky, vulgarismy nebo porušuje zákony.
Návrh na smazání komentáře je velmi neobvyklá akce používaná obvykle při nepovolené reklamě či spamu, výkřicích psychicky nemocných jedinců (ještírci) nebo pro smazání duplikátních komentářů.
Oprava formátování je žádost pro úpravu formy příspěvku, například pokud někdo píše bez odstavců nebo použije PRE pro celý komentář. Žádosti o změnu obsahu budou zamítnuty.

Píšeme jinde

ISSN 1214-1267 www.czech-server.cz

Redakce | Inzerce | Podmínky použití | Osobní údaje

Vaše jméno
Váš email
Typ požadavku

Slovní popis