Byla vydána verze 5.30 dnes již open source operačního systému RISC OS (Wikipedie).
V aktuálním příspěvku na blogu počítačové hry Factorio (Wikipedie) se vývojář s přezývkou raiguard rozepsal o podpoře Linuxu. Rozebírá problémy a výzvy jako přechod linuxových distribucí z X11 na Wayland, dekorace oken na straně klienta a GNOME, změna velikosti okna ve správci oken Sway, …
Rakudo (Wikipedie), tj. překladač programovacího jazyka Raku (Wikipedie), byl vydán ve verzi #171 (2024.04). Programovací jazyk Raku byl dříve znám pod názvem Perl 6.
Společnost Epic Games vydala verzi 5.4 svého proprietárního multiplatformního herního enginu Unreal Engine (Wikipedie). Podrobný přehled novinek v poznámkách k vydání.
Byl vydán Nextcloud Hub 8. Představení novinek tohoto open source cloudového řešení také na YouTube. Vypíchnout lze Nextcloud AI Assistant 2.0.
Vyšlo Pharo 12.0, programovací jazyk a vývojové prostředí s řadou pokročilých vlastností. Krom tradiční nadílky oprav přináší nový systém správy ladících bodů, nový způsob definice tříd, prostor pro objekty, které nemusí procházet GC a mnoho dalšího.
Microsoft zveřejnil na GitHubu zdrojové kódy MS-DOSu 4.0 pod licencí MIT. Ve stejném repozitáři se nacházejí i před lety zveřejněné zdrojové k kódy MS-DOSu 1.25 a 2.0.
Canonical vydal (email, blog, YouTube) Ubuntu 24.04 LTS Noble Numbat. Přehled novinek v poznámkách k vydání a také příspěvcích na blogu: novinky v desktopu a novinky v bezpečnosti. Vydány byly také oficiální deriváty Edubuntu, Kubuntu, Lubuntu, Ubuntu Budgie, Ubuntu Cinnamon, Ubuntu Kylin, Ubuntu MATE, Ubuntu Studio, Ubuntu Unity a Xubuntu. Jedná se o 10. LTS verzi.
Na YouTube je k dispozici videozáznam z včerejšího Czech Open Source Policy Forum 2024.
Fossil (Wikipedie) byl vydán ve verzi 2.24. Jedná se o distribuovaný systém správy verzí propojený se správou chyb, wiki stránek a blogů s integrovaným webovým rozhraním. Vše běží z jednoho jediného spustitelného souboru a uloženo je v SQLite databázi.
Ř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: