Vytvárame WWW stránky / 9. časť

Ako na to

15.6.2016

Späť na úvod >> Späť na seriál Tentoraz si povieme niečo o rámoch (frames), o ich výhodách i nevýhodách a základoch práce s nimi. Rámy prinášajú veľa výhod, na druhej strane však môžu spôsobovať problémy. Do jazyka HTML však rozhodne patria, a preto im je venovaná táto časť seriálu. Rámy umožňujú rozdeliť WWW stránku do niekoľkých navzájom nezávislých okien. V jednej časti tak môže byť napríklad navigačný panel, v druhej reklama a v tretej samotný obsah. Všetko si vysvetlíme na nasledujúcom príklade: Dokument s rámami <P>Váš prehliadač nepodporuje rámce. Ich obsah si však môžete prezrieť pomocou nasledujúcich odkazov: <UL> <LI><A href="prvy_ram.htm">Od ... <div class="box links text-center"> <i class="fas fa-lock fa-2x"></i> <br> <span class="t">Článok je uzamknutý</span> <br> <br> <div class="row"> <div class="col-lg-12"> <p> Pokračovanie článku patrí k prémiovému obsahu pre predplatiteľov. S digitálnym predplatným už od 10 € získate neobmedzený prístup k uzamknutému obsahu na celý rok. <a href="/produkty">Objednať si ho môžete TU</a>. Ak ho už máte <a href="/login">prihláste sa TU</a> </p> </div> </div> <br> <a href="/login" class="btn btn_red">Prihlásiť pomocou členstva NEXTECH</a> </div> </div> </article> <section class="author"> <div class="left">  <div class="text"> <p class="name">Igor Kulman</p>  </div> </div> <a href="/clanky/author/Igor+Kulman" class="button small">Všetky autorove články</a> </section> <section class="article-nav"> <a class="left arrow-wrap" rel="prev" href="/a/Orange--Hitparada-mobilov-za-jun-2016" title="Orange: Hitparáda mobilov za jún 2016"> <span class="icon"> <i class="fas fa-chevron-left"></i> </span> <span class="text"> <span class="arrow"> Previous post </span> <span class="name">Orange: Hitparáda mobilov za jún 2016</span> </span> </a> <a class="right arrow-wrap" rel="next" href="/a/Europski-ministri-zodpovedni-za-konkurencieschopnost-vyzyvaju-na-podporu-novej-generacie-vedcov" title="Európski ministri zodpovední za konkurencieschopnosť vyzývajú na podporu novej generácie vedcov "> <span class="text"> <span class="arrow"> Next post </span> <span class="name">Európski ministri zodpovední za konkurencieschopnosť vyzývajú na podporu novej generácie vedcov </span> </span> <span class="icon"> <i class="fas fa-chevron-right"></i> </span> </a> </section> <section class="tags"> <a href="/clanky/tag_search/www">www</a> <a href="/clanky/tag_search/serial">seriál</a> <a href="/clanky/tag_search/vytvarame">vytvarame</a> </section>  <div id="engerio-widget-horizontal-d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eWidget="d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eType="horizontal" data-eListener="true"></div> <div style="height:20px"></div> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "mainEntityOfPage" : "True", "headline" : "Vytvárame WWW stránky / 9. časť", "image" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/files/photo/2016-07/17240/8f63a9/titulka.jpg" }, "url" : "https://www.nextech.sk/a/Vytvarame-WWW-stranky---9--cast", "discussionURL" : "https://www.nextech.sk/a/Vytvarame-WWW-stranky---9--cast#comments", "inLanguage" : "sk", "articleSection": "Ako na to", "datePublished" : "2016-06-15T00:00:00+0200", "dateModified" : "2026-08-16T14:12:27+0200", "author" : { "@type" : "Person", "name" : "Igor Kulman", "url" : "https://www.nextech.sk/clanky/author/Igor+Kulman" }, "publisher" : { "@type" : "Organization", "name" : "NEXTECH", "url" : "http://www.nextech.sk", "logo" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/assets/f13f8424/theme/images/logo-nextech-background.png", "width" : "800px", "height": "150px" } } } </script> <section class="article-listing"> <h2 class="section-title hidden-xs-down">Mohlo by vás zaujímať</h2> <h2 class="responsive-section-title hidden-xs-up">Mohlo by vás zaujímať</h2> <div class="row"> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Udrzba-techniky-nielen-po-dovolenke"> <img src="/files/photo/2026-09/141558/08fe15/ChatGPT-Image-13--8--2026--14-02-59_190x200.png" alt="Photo Údržba techniky nielen po dovolenke" /> <div class="text"> <div class="meta"> <time datetime="2026-09-07">07.09.2026</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Údržba techniky nielen po dovolenke </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Uzitocne-SW-nastroje-87"> <img src="/files/photo/2026-07/139756/b0a925/shareware_190x200.jpg" alt="Photo Užitočné SW nástroje" /> <div class="text"> <div class="meta"> <time datetime="2026-08-06">06.08.2026</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Užitočné SW nástroje </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Ako-si-z-tlacenej-knihy-urobit-verziu-na-pocuvanie"> <img src="/files/photo/2026-07/139632/f9cda8/ChatGPT-Image-22--6--2026--15-44-13_190x200.png" alt="Photo Ako si z tlačenej knihy urobiť verziu na počúvanie" /> <div class="text"> <div class="meta"> <time datetime="2026-08-04">04.08.2026</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> <i class="fas fa-lock"></i> Ako si z tlačenej knihy urobiť verziu na počúvanie </h2> </div> </a> </article> </div> </div> </section> <script> $(function(){ $('#showGallery').on('click', function(e){ e.preventDefault(); $.fancybox([ ]); }); $('article.detail .content').on('click', 'img', function(e){ if(!$(this).parent().is('a')){ e.preventDefault(); $.fancybox($(this).attr('src')); } }); }); </script> </div> <div class="col-lg-3 hidden-md-down"> <aside> <form id="articleSearchForm" class="search" action="/clanky/uglyUrl/1" method="get"> <input type="hidden" name="communityCategory" id="communityCategory" /> <input placeholder="Hľadať v článkoch" id="search-articles" autocomplete="off" type="text" name="hladat" /> <button><i class="fas fa-search"></i></button> </form> <div class="box"> <h2>Najčítanejšie</h2> <ul class="nav nav-tabs" id="most-read-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="day-tab" data-toggle="tab" href="#default_articles-day" role="tab" aria-controls="articles-day" aria-selected="true">24 Hodín</a> </li> <li class="nav-item"> <a class="nav-link " id="week-tab" data-toggle="tab" href="#default_articles-week" role="tab" aria-controls="articles-week" aria-selected="false">Týždeň</a> </li> <li class="nav-item"> <a class="nav-link " id="month-tab" data-toggle="tab" href="#default_articles-month" role="tab" aria-controls="articles-month" aria-selected="false">Mesiac</a> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane active" id="default_articles-day" role="tabpanel" aria-labelledby="day-tab"> <ul class="most-read"> <li> <a href="/a/Motorola-Edge-70--Netradicny-test-na-motorkarskom-tripe"><span class="t">Motorola Edge 70: Netradičný test na motorkárskom tripe</span></a> </li> <li> <a href="/a/Ako-upratat-fotky-a-videa-po-dovolenke"><span class="t">Ako upratať fotky a videá po dovolenke</span></a> </li> <li> <a href="/a/Moznosti-ludskeho-mozgu-daleko-prevysuju-doterajsie-predpoklady-neurovedcov"><span class="t">Možnosti ľudského mozgu ďaleko prevyšujú doterajšie predpoklady neurovedcov</span></a> </li> <li> <a href="/a/Leapmotor-B05-ziskal-najvyssie--pathviezdickove-hodnotenie-Euro-NCAP"><span class="t">Leapmotor B05 získal najvyššie päťhviezdičkové hodnotenie Euro NCAP</span></a> </li> <li> <a href="/a/Herne-sialenstvo-jul--E2-80-93-august-2026"><span class="t">Herné šialenstvo júl – august 2026</span></a> </li> <li> <a href="/a/AI-sa-naucila-podvadzat-a-poskytla-navod-na-vyrobu-biologickych-zbrani"><span class="t">AI sa naučila podvádzať a poskytla návod na výrobu biologických zbraní</span></a> </li> <li> <a href="/a/Umele-svalove-implantaty-dokazu-nahradit-cvicenie-a-zmiernit-starnutie-organizmu"><span class="t">Umelé svalové implantáty dokážu nahradiť cvičenie a zmierniť starnutie organizmu</span></a> </li> <li> <a href="/a/Hodnota-trhu-s-humanoidnymi-robotmi-moze-coskoro-predbehnut-automobilovy-priemysel"><span class="t">Hodnota trhu s humanoidnými robotmi môže čoskoro predbehnúť automobilový priemysel</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-week" role="tabpanel" aria-labelledby="week-tab"> <ul class="most-read"> <li> <a href="/a/Extremny-koncept-Ferrari-F1-porusuje-pravidla-v-prospech-cistej-aerodynamiky"><span class="t">Extrémny koncept Ferrari F1 porušuje pravidlá v prospech čistej aerodynamiky (10886)</span></a> </li> <li> <a href="/a/Vedci-zostrojili-prototyp-kvantovej-baterie-s-dobou-nabijania-v-biliontinach-sekundy"><span class="t">Vedci zostrojili prototyp kvantovej batérie s dobou nabíjania v bilióntinách sekundy (6078)</span></a> </li> <li> <a href="/a/Muz-cez-roboticky-vysavac-pristihol-manzelku-pri-nevere--nakoniec-vsak-skoncil-vo-vazeni-on"><span class="t">Muž cez robotický vysávač pristihol manželku pri nevere, nakoniec však skončil vo väzení on (2677)</span></a> </li> <li> <a href="/a/Revolucne-smart-hodinky-od-Huawei-meraju-krvny-tlak-ako-tradicny-tlakomer"><span class="t">Revolučné smart hodinky od Huawei merajú krvný tlak ako tradičný tlakomer (2415)</span></a> </li> <li> <a href="/a/Nova-verzia-GPT-6-Astra-dokaze-pracovat-s-pocitacom-namiesto-vas-a-uplne-meni-interakciu-s-AI"><span class="t">Nová verzia GPT-6 Astra dokáže pracovať s počítačom namiesto vás a úplne mení interakciu s AI (1445)</span></a> </li> <li> <a href="/a/Spickovy-hi-fi-zvuk-sluchadiel-Samsung-Galaxy-Buds4-Pro-si-ziskal-uznanie-renomovanych-odbornikov"><span class="t">Špičkový hi-fi zvuk slúchadiel Samsung Galaxy Buds4 Pro si získal uznanie renomovaných odborníkov (941)</span></a> </li> <li> <a href="/a/Ciel-prejst-denne-10-000-krokov-nevychadza-z-vedy--Toto-je-spravna-hranica"><span class="t">Cieľ prejsť denne 10 000 krokov nevychádza z vedy. Toto je správna hranica (713)</span></a> </li> <li> <a href="/a/Samsung-QE65S99H---Spickove-farby-a-napadity-dizajn"><span class="t">Samsung QE65S99H / Špičkové farby a nápaditý dizajn (672)</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-month" role="tabpanel" aria-labelledby="month-tab"> <ul class="most-read"> <li> <a href="/a/Koniec-bolestiveho-vrtania-zubov--Revolucny-gel-uplne-obnovi-poskodenu-zubnu-sklovinu"><span class="t">Koniec bolestivého vŕtania zubov. Revolučný gél úplne obnoví poškodenú zubnú sklovinu. (51044)</span></a> </li> <li> <a href="/a/Vystavba-kilometroveho-mrakodrapu-uz-prekonala-100-poschodi"><span class="t">Výstavba kilometrového mrakodrapu už prekonala 100 poschodí (20938)</span></a> </li> <li> <a href="/a/Vojak-si-v-pivnici-zostrojil-nositelny-detektor-dronov-za-menej-nez-120-USD"><span class="t">Vojak si v pivnici zostrojil nositeľný detektor dronov za menej než 120 USD (16551)</span></a> </li> <li> <a href="/a/Nova-elektricka-motorka-s-dlhym-dojazdom-za-mensiu-cenu-ako-premiovy-smartfon"><span class="t">Nová elektrická motorka s dlhým dojazdom za menšiu cenu ako prémiový smartfón (12977)</span></a> </li> <li> <a href="/a/System-plynulej-prevodovky-meni-zakladny-dizajn-elektrickych-bicyklov"><span class="t">Systém plynulej prevodovky mení základný dizajn elektrických bicyklov (10163)</span></a> </li> <li> <a href="/a/Nova-tabletka-proti-obezite-napodobnuje-ucinky-cvicenia-vo-fitku-a-je-bez-jojo-efektu"><span class="t">Nová tabletka proti obezite napodobňuje účinky cvičenia vo fitku a je bez jojo efektu (9979)</span></a> </li> <li> <a href="/a/Cina-bojuje-proti-rozsirovaniu-pusti-pomocou-bambusu"><span class="t">Čína bojuje proti rozširovaniu púští pomocou bambusu (9384)</span></a> </li> <li> <a href="/a/Gel-na-regeneraciu-zubnej-skloviny-by-sa-uz-buduci-rok-mohol-dostat-do-predaja"><span class="t">Gél na regeneráciu zubnej skloviny by sa už budúci rok mohol dostať do predaja (7476)</span></a> </li> </ul> </div> </div> </div> <script> function storeClick789(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZ3d3cuamJsLnNrJTJGY2xhbmt5JTJGYXVkaW8lMkZ6aXN0aS1ha2Utc2x1Y2hhZGxhLXN1LWlkZWFsbmUtcHJlLXR2b2plLXVzaS1hLXZ5aHJhai1pY2glM0Z1dG1fc291cmNlJTNEbmV4dGVjaC5zayUyNnV0bV9tZWRpdW0lM0RiYW5uZXIlMjZ1dG1fY2FtcGFpZ24lM0RzdXRhel92eWJlcnNpZml0/id/789/parameters/IiI%3D" ); }); } </script> <a href="https://www.jbl.sk/clanky/audio/zisti-ake-sluchadla-su-idealne-pre-tvoje-usi-a-vyhraj-ich?utm_source=nextech.sk&utm_medium=banner&utm_campaign=sutaz_vybersifit" title="JBL_092026_300" onclick="storeClick789(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2026-09/141521/928c51/300x300-portal-banner.png" alt="JBL_092026_300" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS1XV1ctc3RyYW5reS0tLTktLWNhc3Q%3D/id/789/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Najnovšie videá </h2> <div class="video-sidebar-wrapper"> <div class="spinner-wrapper text-center"> <i class="fas fa-spinner fa-2x fa-spin"></i> </div> </div>  <div class="text-center"> <a href="/videa" class="button small">Všetky videá</a> </div> </div> <script> var key = "UC51n0kPREVzryruUQLUDyvQ"; function showVideos(videos) { var template = $('#video-template').html(); var max = 3; var chunks = []; var count = 0; while (count != 1) { chunks.push(videos.splice(0, max)); count++; } for (i in chunks) { var chunk = chunks[i]; var list = $('<div />'); for (var j = 0; j < chunk.length; j++) { var item = chunk[j]; var data = {}; data.html_class = ''; if (j == 0) data.html_class = 'first'; if (j == chunk.length - 1) data.html_class = 'last'; data.title = item.snippet.title; data.thumbnail = item.snippet.thumbnails.high.url; data.url = "https://www.youtube.com/watch?v=" + item.snippet.resourceId.videoId; var publishedAt = new Date(item.snippet.publishedAt); data.publishedAt = publishedAt.getDate() + "." + (publishedAt.getMonth() + 1) + "." + publishedAt.getFullYear() + " " + publishedAt.getHours() + ":" + publishedAt.getMinutes(); var rendered = Mustache.render(template, data); list.append(rendered); } $('.video-sidebar-wrapper .spinner-wrapper').remove(); $('.video-sidebar-wrapper').prepend(list); } } function onGoogleLoad2() { gapi.client.setApiKey('AIzaSyC7iBj_muwZQpthh-Rfaez0jjdVvWJyJeg'); gapi.client.load('youtube', 'v3', function () { var request = gapi.client.youtube.channels.list({ id: 'UC51n0kPREVzryruUQLUDyvQ', part: 'snippet,contentDetails', }); request.execute(function (response) { playlistId = response.result.items[0].contentDetails.relatedPlaylists.uploads; channelId = response.result.items[0].id; var requestOptions = { playlistId: playlistId, part: 'snippet,id', maxResults: 3 }; var request = gapi.client.youtube.playlistItems.list(requestOptions); request.execute(function (response) { if (response.items.length > 0) { var items = response.items; var videos = jQuery.extend(true, [], items); showVideos(videos); if (Modernizr.localstorage && JSON) { var to_store = {}; to_store.timestamp = new Date().getTime(); to_store.items = items; localStorage.setItem("itnews_videos_sidebar_new_nextech_" + key, JSON.stringify(to_store, null, ' ')) } } }); }); }); } $(function () { function loadDataApi() { $.getScript("https://apis.google.com/js/client.js?onload=onGoogleLoad2"); } if (Modernizr.localstorage) { var stored = localStorage.getItem('itnews_videos_sidebar_new_nextech_' + key); if (stored) { stored = $.parseJSON(stored); var diff = Math.round((new Date().getTime() - new Date(stored.timestamp).getTime()) / 1000); // in seconds var until = 60 * 60 * 12 * 1; // 0,5 day if (until > diff) {showVideos(stored.items); } else {loadDataApi();} } else {loadDataApi();} } else {loadDataApi();} }); </script> <script type="text/javascript" src="/assets/f13f8424/frontend/js/mustache.js"></script> <script id="video-template" type="x-tmpl-mustache"> <article class="only-title {{ html_class }}"> <a href="{{ url }}"> <div class="image"> <img src="{{ thumbnail }}" alt="{{ title }}"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>{{ title }}</h3> </a> </article> </script> <div class="box"> <h2>IT projekty pre freelancerov</h2> <ul class="most-read"> <li> <article> <a href="https://join.titans.eu/sk/renovate-techlead-260908GSK" target="_blank"> <h4>Renovate TechLead</h4> <div><i class="fa fa-money"></i> 6 000 € - 7 000 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 3-12 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/ai-data-engineer-260908FSK" target="_blank"> <h4>AI Data inžinier</h4> <div><i class="fa fa-money"></i> 6 000 € - 7 600 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 4-16 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/ai-project-manager-poc-260908ESK" target="_blank"> <h4>Projektový manažér AI (PoC)</h4> <div><i class="fa fa-money"></i> 5 600 € - 7 200 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 4-16 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/lead-sap-cloud-alm-consultantarchitect-260908DSK" target="_blank"> <h4>Lead SAP [Cloud ALM] Consultant/Architect</h4> <div><i class="fa fa-money"></i> 8 000 € - 12 000 €</div> <div><i class="fa fa-map-marker"></i> Budapešť</div> <div><i class="fa fa-clock-o"></i> 4 mesiace s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/devops-gitlabrenovatekubernetes-specialist-260908CSK" target="_blank"> <h4>DevOps [GitLab/Renovate/Kubernetes] špecialista</h4> <div><i class="fa fa-money"></i> 5 000 € - 7 000 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 3-15 mesiacov s možnosťou predĺženia</div> </a> </article> </li> </ul> <div> <a href="https://www.titans.sk?utm_source=URL&utm_medium=rssfeed&utm_campaign=NEXTECH&utm_id=05022024&utm_term=homepage&utm_content=logo" target="_blank" class="text-center" style="display: block;"> <img src="/assets/f13f8424/nextech/assets/img/titans.png" width="100px"> </a> </div> </div>  <script> function storeClick787(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZwcm9maXZ6ZGVsYXZhbmllLnNrJTJGa29uZmVyZW5jaWElMkZreWJlcm5ldGlja2EtYmV6cGVjbm9zdC0yMDI2LTg1NjI0NjU2/id/787/parameters/IiI%3D" ); }); } </script> <a href="https://profivzdelavanie.sk/konferencia/kyberneticka-bezpecnost-2026-85624656" title="kyberbezpecnost_2026" onclick="storeClick787(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2026-08/141059/33012b/banner-Kyberbezpecnost-2026---262x262.png" alt="kyberbezpecnost_2026" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS1XV1ctc3RyYW5reS0tLTktLWNhc3Q%3D/id/787/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Recenzie </h2> <article class="small"> <a href="/a/Motorola-Edge-70--Netradicny-test-na-motorkarskom-tripe"> <div class="image"> <img src="/files/photo/2026-09/141308/0fea33/IMG-20260630-135403604-HDR_64x80.jpg" alt="Photo Motorola Edge 70: Netradičný test na motorkárskom tripe"/> </div> <div class="text"> <h3>Motorola Edge 70: Netradičný test na motorkárskom tripe</h3> </div> </a> </article> <article class="small"> <a href="/a/Pixel-11-Pro-XL---Vlajkova-lod-s-inovovanym-dizajnom-a-vybavou-pre-AI"> <div class="image"> <img src="/files/photo/2026-09/141317/0c741c/uvodny_64x80.jpg" alt="Photo Pixel 11 Pro XL / Vlajková loď s inovovaným dizajnom a výbavou pre AI"/> </div> <div class="text"> <h3>Pixel 11 Pro XL / Vlajková loď s inovovaným dizajnom a výbav ...</h3> </div> </a> </article> <article class="small"> <a href="/a/Sony-ULT-TOWER-5---kompaktny-party-reproduktor-s-posobivymi-basmi"> <div class="image"> <img src="/files/photo/2026-09/141577/3691f7/SonyUltx10_64x80.jpg" alt="Photo Sony ULT TOWER 5 - kompaktný párty reproduktor s pôsobivými basmi"/> </div> <div class="text"> <h3>Sony ULT TOWER 5 - kompaktný párty reproduktor s pôsobivými ...</h3> </div> </a> </article> <article class="small"> <a href="/a/Herne-sialenstvo-jul--E2-80-93-august-2026"> <div class="image"> <img src="/files/photo/2026-07/139625/77d048/HALO-01_64x80.jpg" alt="Photo Herné šialenstvo júl – august 2026"/> </div> <div class="text"> <h3>Herné šialenstvo júl – august 2026</h3> </div> </a> </article> <article class="small"> <a href="/a/Herne-sialenstvo-september-2026"> <div class="image"> <img src="/files/photo/2026-09/141546/78b00e/Control-Resonant-01_64x80.jpg" alt="Photo Herné šialenstvo september 2026"/> </div> <div class="text"> <h3>Herné šialenstvo september 2026</h3> </div> </a> </article>  </div>  <div class="box"> <h2>Tlačové správy</h2> <ul class="print"> <li> <article> <a href="/a/Smart-hodinky-Huawei-Watch-GT-7-Pro--Ked-sa-outdoorova-estetika-spoji-s-modernym-dizajnom"> <time>8.9.2026</time> <h3>Smart hodinky Huawei Watch GT 7 Pro: Keď sa outdoorová estetika spojí s moderným dizajnom</h3> </a> </article> </li> <li> <article> <a href="/a/TCL-na-IFA-2026-predstavuje-radu-tabletu-TAB-A1-se-dvema-velikostmi-a-dvema-typy-displeje"> <time>8.9.2026</time> <h3>TCL na IFA 2026 představuje řadu tabletů TAB A1 se dvěma velikostmi a dvěma typy displeje</h3> </a> </article> </li> <li> <article> <a href="/a/Narodny-projekt-Online-ziak-startuje--Pomahame-detom-byt-online--E2-80-93-bezpecne-a-zmysluplne-1"> <time>8.9.2026</time> <h3>Národný projekt Online žiak štartuje. Pomáhame deťom byť online – bezpečne a zmysluplne </h3> </a> </article> </li> <li> <article> <a href="/a/Mastercard--Dalsia-dekada-prinesie-prelom-v-E2-80-AFplateni--Sest-z-desiatich-teenagerov-chce-nakupovat-s-pomocou-AI-1"> <time>8.9.2026</time> <h3>Mastercard: Ďalšia dekáda prinesie prelom v platení. Šesť z desiatich teenagerov chce nakupovať s pomocou AI</h3> </a> </article> </li> <li> <article> <a href="/a/Mastercard--Dalsia-dekada-prinesie-prelom-v-E2-80-AFplateni--Sest-z-desiatich-teenagerov-chce-nakupovat-s-pomocou-AI"> <time>8.9.2026</time> <h3>Mastercard: Ďalšia dekáda prinesie prelom v platení. Šesť z desiatich teenagerov chce nakupovať s pomocou AI</h3> </a> </article> </li> <li> <article> <a href="/a/Novy-tratovy-rekord-pre-Slovakia-Ring"> <time>8.9.2026</time> <h3>Nový traťový rekord pre Slovakia Ring</h3> </a> </article> </li> <li> <article> <a href="/a/Leapmotor-B05-ziskal-najvyssie--pathviezdickove-hodnotenie-Euro-NCAP"> <time>8.9.2026</time> <h3>Leapmotor B05 získal najvyššie päťhviezdičkové hodnotenie Euro NCAP</h3> </a> </article> </li> <li> <article> <a href="/a/Telekom-ukazal--aku-hodnotu-skryvaju-stare-mobilne-zariadenia"> <time>7.9.2026</time> <h3>Telekom ukázal, akú hodnotu skrývajú staré mobilné zariadenia</h3> </a> </article> </li> </ul>  </div>   </aside> </div> </div> </div> </div> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 text-center"> <a href="https://www.nextech.sk/Archiv-NXT" class="footer-logo"> <img src="/library/nextech/logo-footer.png" alt="logo"> </a> </div> <div class="col-lg-6"> <button class="hidden-md-up js-footer-menu footer-button"><i class="fas fa-bars"></i></button> <div class="row footer-menu"> <div class="col-lg-4">      </div> <div class="col-lg-4">    </div> <div class="col-lg-4"> <h2>Služby</h2> <ul> <li > <a href="/elektromobilita">Elektromobilita</a> </li> <li > <a href="/itgala">IT GALA</a> </li> <li > <a href="/it-rocenka">IT Ročenka</a> </li> <li > <a href="/NXTplus">NXTplus</a> </li> <li > <a href="/community/articles/communityCategory/Sutaze">Súťaže</a> </li> <li > <a href="/community/articles/communityCategory/Blogy">Blogy</a> </li> <li > <a href="/rss">RSS</a> </li> <li > <a href="/inzercia">Inzercia</a> </li> <li > <a href="/site/newsletter">Newsletter</a> </li> <li> <a href="/a/aktualne-predplatne">Predplatné</a> </li> <li> <a href="/kontakt">Kontakt</a> </li> </ul> </div> </div> </div> <div class="col-lg-2"> <div class="social"> <a href="https://www.instagram.com/nextech.magazin/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.facebook.com/pg/pcrevue/posts/" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.youtube.com/channel/UC51n0kPREVzryruUQLUDyvQ/videos" target="_blank"><i class="fab fa-youtube"></i></a> </div> </div> </div> </div> </footer>  <div id="copyright" class="copyright" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-6 text-center"> <a href="http://www.forbestclients.com"> <img src="/assets/f13f8424/theme/images/logo-foot-forbestclients.png" width="200px" alt="Logo For Best Clients" /> </a> <p><a href="http://www.forbestclients.com" style="color: white; text-decoration: none;">Vytvorené spoločnosťou For Best Clients, s.r.o.</a></p> </div> <div class="col-sm-6 text-center"> <a href="http://www.websupport.sk"> <img src="/assets/f13f8424/theme/images/logo-foot-websupport.png" width="200px" alt="Logo WebSupport" /> </a> <p><a href="http://www.websupport.sk" style="color: white; text-decoration: none;">Hostingove služby poskytuje spoločnosť WebSupport, s.r.o.</a></p> </div> </div> <hr style="opacity: .1;" /> <p>© 2020 všetky práva vyhradené • Nextech: 2644-6804</p> </div> </div> </div> <script src="https://kit.fontawesome.com/19df75c90a.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.0/slick/slick.min.js"></script> <script type="text/javascript" src="/assets/f13f8424/nextech/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script type="text/javascript" src="/assets/f13f8424/nextech/custom/js/bootstrap.min.js"></script> <script src='https://www.google.com/recaptcha/api.js?hl=sk'></script> <script type="text/javascript" src="/assets/f13f8424/nextech/custom/js/custom.js"></script> <script type="text/javascript" src="https://cdn.engerio.sk/js/widget.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const POPUP_KEY = 'adblock_popup_closed_until'; const now = Date.now(); const savedUntil = localStorage.getItem(POPUP_KEY); if (savedUntil && now < parseInt(savedUntil, 10)) return; // 1. Dynamicky vytvor bait element const bait = document.createElement('div'); bait.id = 'ad_detect_' + Math.random().toString(36).substring(2); bait.style.cssText = 'width:10px;height:10px;position:absolute;left:-9999px;top:-9999px;z-index:-1;'; bait.className = 'ad ads adsbox ad-placement doubleclicl ad-placeholder ad-badge banner-ads ad-unit'; document.body.appendChild(bait); // 2. Po krátkej chvíli over, či bait existuje a je viditeľný setTimeout(() => { const style = window.getComputedStyle(bait); const blocked = !bait || bait.offsetHeight === 0 || style.display === 'none'; bait.remove(); // uprace bait if (blocked) { // 3. Vytvor a zobraz popup const overlay = document.createElement('div'); overlay.id = 'ntrx-shield'; overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;display:flex;justify-content:center;align-items:center;'; const box = document.createElement('div'); box.style.cssText = 'background:#fff;padding:20px;max-width:400px;text-align:center;color:#111;border-radius:4px;'; box.innerHTML = ` <p style="font-size:1.2em; font-weight:bold;margin-bottom:10px;">Povoľte reklamy na našom webe</p> <p>Zdá sa, že používate blokovanie reklám.<br>S financovaním webu nám pomáhajú reklamy.</p> <button id="ntrx-close" class="button secondary" style="margin-top:10px;">OK</button> `; overlay.appendChild(box); document.body.appendChild(overlay); const close = () => { overlay.remove(); const oneDayLater = Date.now() + 24 * 60 * 60 * 1000; localStorage.setItem(POPUP_KEY, oneDayLater.toString()); }; document.getElementById('ntrx-close')?.addEventListener('click', close); overlay.addEventListener('click', e => { if (e.target === overlay) close(); }); } }, 500); }); </script> <script type="text/javascript" src="/assets/f13f8424/core/fancybox/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="/assets/bdb8d802/rateit/jquery.rateit.min.js"></script> <script type="text/javascript" src="/assets/bdb8d802/js/voteStarsRate.js"></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { $.get("/community/article/canAddComment?id=15592", {}, function(result){ var formWrap = $("#comments .comments-form"); if(!result){ formWrap.remove(); } if(!result.canAddComment){ formWrap.remove(); } }, "json"); }); /*]]>*/ </script> </body> </html>