abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
dnes 02:22 | IT novinky

V pondělí a úterý proběhl v San Franciscu Chrome Dev Summit 2018. Přehled dění v příspěvcích na Chromium Blogu. Videozáznamy přednášek na YouTube. Představen byl například web pro webové vývojáře web.dev nebo rozšíření webového prohlížeče Chrome s názvem VisBug (YouTube) určené pro webdesignery. Slíbená je podpora Firefoxu.

Ladislav Hagara | Komentářů: 0
včera 23:22 | Zajímavý projekt

Byl spuštěn Humble Dystopian Bundle. V balíčku počítačových her jsou také hry běžící na Linuxu: Beholder, Orwell: Keeping an Eye On You, Orwell: Ignorance is Strength a Observer.

Ladislav Hagara | Komentářů: 0
včera 22:44 | Zajímavý článek

Jan Klat publikoval na Medium výsledky ankety věnované platům PHP vývojářů. Zúčastnilo se 419 respondentů. Kompletní výsledky na Tabulky Google.

Ladislav Hagara | Komentářů: 1
včera 22:22 | Nová verze

Byla vydána nová verze 1.29 editoru zdrojových kódů Visual Studio Code (Wikipedie). Přehled novinek i s náhledy a animovanými gify v poznámkách k vydání. Představení novinek také na YouTube.

Ladislav Hagara | Komentářů: 0
včera 11:47 | Pozvánky
Začínáte s automatizací? Chcete se naučit správně používat Ansible? Přijďte na další Prague Containers Meetup 20. listopadu v prostorách Seznamu v Praze na Andělu.
little-drunk-jesus | Komentářů: 0
včera 11:47 | Pozvánky
V úterý 20. 11. v Praze proběhne akce Oracle Czech Republic Meetup Group. Od 18.00 si budete moct vyslechnout přednášky NetSuite Developer Toolset a Product Recommendations system at Bronto.
RichardF | Komentářů: 0
včera 10:33 | Nová verze

Byly aktualizovány živé instalační obrazy průběžně aktualizované linuxové distribuce Void Linux (Wikipedie). Nejnovější obrazy ve verzi 20181111 jsou k dispozici vedle i686 a x86_64 také pro jednodeskové počítače s ARM: BeagleBone, Cubieboard, Odroid a Raspberry Pi. Void Linux používá balíčkovací systém XBPS (X Binary Package System), LibreSSL a init systém a správce služeb runit. Ke stažení jsou obrazy postavené jak nad glibc, tak nad musl.

Ladislav Hagara | Komentářů: 3
včera 02:00 | IT novinky

Byl aktualizován seznam 500 nejvýkonnějších superpočítačů na světě TOP500. Nejvýkonnějším superpočítačem zůstává superpočítač Summit. Český superpočítač Salomon klesl na 213. místo. Další přehledy a statistiky na stránkách projektu. V aktuálním žebříčku GREEN500 (GFlops/watts) obsadil superpočítač Summit 3. místo.

Ladislav Hagara | Komentářů: 0
12.11. 22:55 | Zajímavý projekt

Sir Tim Berners-Lee koncem září představil myšlenku projektu Solid. Jedná se o reakci na jednak jednostranné využívání webu k neinteraktivnímu publikování dokumentů, ale také centralizaci služeb, v jejichž případě uživatelé předávají svá data několika málo centrálním entitám. Článek na webu LWN.net Solid ukazuje konkrétněji. Základním konceptem je „pod“, uzel (lokální nebo v cloudu), kde by uživatelé mohli ukládat své komentáře k obsahu třetích stran.

Fluttershy, yay! | Komentářů: 0
11.11. 02:00 | IT novinky

S představením jednodeskového počítače Raspberry Pi 3 Model B+ v březnu letošního roku byla představena také rozšiřující deska Raspberry Pi PoE HAT (Power over Ethernet Hardware Attached on Top). Koupit ji bylo možné ale až v srpnu. Krátce na to se uživatelé začali stěžovat, že jim nefungují některá zařízení připojena k Raspberry Pi. Po potvrzení problému - nedostatečné napájení - byla rozšiřující deska stažena z prodeje. Nadace Raspberry Pi se omlouvá a informuje, že problém byl vyřešen a nová opravená verze desky je opět v prodeji.

Ladislav Hagara | Komentářů: 0
Jak nejčastěji otevíráte dokumenty na počítači?
 (89%)
 (3%)
 (8%)
Celkem 62 hlasů
 Komentářů: 4, poslední včera 14:36
Rozcestník

Čuňačíme v MediaWiki - responzivní obrázky

17.8. 16:50 | Přečteno: 1862× | Za vším hledej Linux | poslední úprava: 17.8. 17:00

Možná jste i vy, tak jako já, narazili na problém s responzivním zobrazením obrázků vložených do wiki založené na systému MediaWiki. Ta standardně pracuje s “natvrdo” nastavenou velikostí obrázku, což vede k tomu, že se při změně velikosti okna prohlížeče jejich rozměry nezmění. Důsledkem je, že se totálně rozhodí formátování stránky a větší obrázek z okna “vyteče”. Pro většinu uživatelů to je neřešitelný problém, protože vyžaduje sofistkovaná rozšíření, která nemusíte mít všude k dispozici. I tak bývá zápis syntaxe poměrně komplikovaný. Existuje ale poměrně elegantní řešení – šablona. Ovšem vytvoření takové šablony je záležitost, na kterou každý uživatel nemá. Pokud tedy máte zájem, nabízím vám tímto k dispozici svoji šablonu. Vyžaduje ale, abyste měli v konfiguraci vaší wiki povoleno použití html elementu img – proměnná $wgAllowImageTag musí mít hodnotu true.

Proč není element img povolen by default

Je to proto, že by pak bylo možné do wiki vkládat i obrázky ze kteréhokoliv jiného webu. Administrátoři by tak ztratili kontrolu nad obsahem vkládaným do wiki. To by mohlo vést k diskreditaci jejich wiki ze strany trollujících uživatelů (vkládání nežádoucí reklamy, obscénních obrázků, aj.)

U wiki, kterou nemohou editovat anonymní a neschválení uživatelé je ale riziko takového chování minimální – trollujícího uživatele lze poměrně rychle odhalit a jeho účet zablokovat.

Kombinace elementu img a šablony

Nebudu zdlouhavě opisovat manuálovou stránku ze svojí wiki. Pokud vás zajímá, jak lze zkombinovat element img s tzv. “magic word” koukněte přímo tam.

Tady vám chci nabídnout pouze finální kód mé šablony Image. Její syntaxe vychází z klasické wiki syntaxe, ale nabízí i jiné, poměrně neobvyklé možnosti – kupř. možnost rotace vloženého obrázku. Více o tom jak tuto šablonu používat viz u její dokumentace.

Její kód nabízím tímto prostřednictvím předevčím proto, že u mé wiki se anonymní uživatel k wiki kódu šablony nedostane.

<includeonly>{{#if: {{{1|}}}
  | {{#ifexist: Media:{{{1}}}
      | {{#vardefine:obr|{{{1}}}}}
        {{#vardefine:path|{{filepath:{{#var:obr}}}}}}
        {{#if: {{{rotate}}}
          | {{#vardefine:rotateimg|-webkit-transform: rotate({{{rotate}}}deg); -moz-transform: rotate({{{rotate}}}deg); -o-transform: rotate({{{rotate}}}deg); -ms-transform: rotate({{{rotate}}}deg); transform: rotate({{{rotate}}}deg);}}
          | {{#vardefine:rotateimg|}}
        }}
        {{#iferror: {{#expr: {{{2|}}} > 1}}
          | Parameter for relative percentual size is not valid. It must be a real number > 1. Actually value for size "{{{2}}}" is missing or not valid.
          | {{#vardefine:percent|{{{2|}}}}}
            {{#switch: {{{3|}}}
              | left={{#vardefine:align|style="{{#var:rotateimg}}float: {{{3}}}; margin: {{{border|15}}}px {{{border|15}}}px {{{border|15}}}px 0;"}}
              | right={{#vardefine:align|style="{{#var:rotateimg}}float: {{{3}}}; margin: {{{border|15}}}px 0 {{{border|15}}}px {{{border|15}}}px;"}}
              | center={{#vardefine:align|style="{{#var:rotateimg}}display: block; margin: {{{border|15}}}px auto {{{border|15}}}px auto;"}}
              |center
             }}
            {{#vardefine:popis|{{{4|}}}}}
            {{#ifeq: {{{orig}}}
              | no
              |{{#vardefine:thumbsize|{{#expr:
              trunc(
                ( {{#imgw:{{#var:obr}}}} * {{#var:percent}} )
                    / 200
                )
                }}px}}<img src="{{filepath:{{#var:obr}}|{{#var:thumbsize}}}}" width="{{#var:percent}}%" resource="./File:{{#var:obr}}" {{#var:align}} alt="{{#var:popis}}" title="{{#var:popis}}">
              |<img src="{{filepath:{{#var:obr}}}}" width="{{#var:percent}}%" resource="./File:{{#var:obr}}" {{#var:align}} alt="{{#var:popis}}" title="{{#var:popis}}">
            }}
        }}
      | Image {{{1|}}} not uploaded!
    }}
  | Parameter missing!
}}</includeonly>

Důležitá poznámka: Tahle šablona závisí na těchto rozšířeních:

       

Hodnocení: 100 %

        špatnédobré        

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

Komentáře

Vložit další komentář

19.8. 09:32 odin
Rozbalit Rozbalit vše Re: Čuňačíme v MediaWiki - responzivní obrázky
Nechces jit cunacit nekam pryc?
19.8. 10:12 Aleš Kapica | skóre: 48 | blog: kenyho_stesky | Ostrava
Rozbalit Rozbalit vše Re: Čuňačíme v MediaWiki - responzivní obrázky
Až po tobě.
20.8. 16:30 Odin
Rozbalit Rozbalit vše Re: Čuňačíme v MediaWiki - responzivní obrázky
Kdyz skoncim tady, skoncis i ty a pujdes cunacit jinam? Pokud ano, tak to beru. ;-)
ISSN 1214-1267   www.czech-server.cz
© 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.