Poněvadž Redis už není svobodný, konsorcium Linux Foundation a Amazon Web Services (AWS), Google Cloud, Oracle, Ericsson a Snap Inc. společně představili svobodný fork Redisu s názvem Valkey.
Sam Bankman-Fried, zakladatel zkrachovalé kryptoměnové burzy FTX, byl dnes odsouzen k 25 letům vězení [Yahoo Finance].
Proxmox oznámil, že usnadňuje migraci z VMware ESXi do Proxmoxu.
Byla vydána nová verze 2.53.18.2 svobodného multiplatformního balíku internetových aplikací SeaMonkey (Wikipedie). Přehled novinek v poznámkách k vydání.
Na blogu programovacího jazyka Swift byl publikován příspěvek Psaní aplikací pro GNOME v programovacím jazyce Swift. Používá se Adwaita pro Swift.
egui je GUI knihovna pro programovací jazyk Rust běžící na webu i nativně. Vydána byla verze 0.27.0.
Byla vydána nová verze 6.1 živé linuxové distribuce Tails (The Amnesic Incognito Live System), jež klade důraz na ochranu soukromí uživatelů a anonymitu. Přehled změn v příslušném seznamu. Tor Browser byl povýšen na verzi 13.0.13. Thunderbird na verzi 115.9.0.
Linka STOPonline.cz v roce 2023 přijala 3700 hlášení závadného obsahu na internetu, 22 bylo předáno PČR, 23 bylo předáno ISP a 944 závadových domén zobrazujících dětskou nahotu či pornografii bylo nahráno do mezinárodního systému ICCAM, který je spravován asociací INHOPE.
Byla publikována podrobná analýza v upstreamu již opravené bezpečnostní chyby CVE-2024-1086 v Linuxu v nf_tables.
Byla vydána nová verze 4.1 svobodného 3D softwaru Blender. Přehled novinek i s náhledy a videi v obsáhlých poznámkách k vydání.
Řešení dotazu:
.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); }
<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í.
<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.
Tiskni Sdílej: