Vytvárame WWW stránky / 9. časť
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="image">
<img src="assets/img/author.png" alt="author">
</div> -->
<div class="text">
<p class="name">Igor Kulman</p>
<!-- <p class="title">Title</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 class="strossle-widget"></div> -->
<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" : "2025-05-01T19:34:58+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/bb4a97bf/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/ML-a-neuronove-siete-v-praktickych-prikladoch---X--Framework-Django--E2-80-93-zobrazenie-dynamickych-udajov">
<img src="/files/photo/2025-04/125270/7a19d0/nerve-cell-2213009-1280-872-872_190x200.jpg" alt="Photo ML a neurónové siete v praktických príkladoch / X. Framework Django – zobrazenie dynamických údajov" />
<div class="text">
<div class="meta">
<time datetime="2025-04-14">14.04.2025</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>
ML a neurónové siete v praktických príkladoch / X. Framework Django – zobrazenie dynamických údajov </h2>
</div>
</a>
</article>
</div>
<div class="col-lg-4 col-sm-6">
<article class="">
<a href="/a/Ako-v-ramci-Windows-skontrolovat-opotrebovanie-baterie">
<img src="/files/photo/2025-04/125237/fa907c/win_190x200.png" alt="Photo Ako v rámci Windows skontrolovať opotrebovanie batérie?" />
<div class="text">
<div class="meta">
<time datetime="2025-04-15">15.04.2025</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 v rámci Windows skontrolovať opotrebovanie batérie? </h2>
</div>
</a>
</article>
</div>
<div class="col-lg-4 col-sm-6">
<article class="">
<a href="/a/Ako-rozdelit-velky-subor-na-mensie-kusky">
<img src="/files/photo/2025-04/125234/089dde/Splitcat_190x200.png" alt="Photo Ako rozdeliť veľký súbor na menšie kúsky?" />
<div class="text">
<div class="meta">
<time datetime="2025-04-15">15.04.2025</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 rozdeliť veľký súbor na menšie kúsky? </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/DARPA-chce-vo-vesmire-pestovat-giganticke-biomechanicke-struktury"><span class="t">DARPA chce vo vesmíre pestovať “gigantické biomechanické štruktúry“</span></a>
</li>
<li>
<a href="/a/Herne-sialenstvo-april-2025"><span class="t">Herné šialenstvo apríl 2025</span></a>
</li>
<li>
<a href="/a/Hollyland-Lark-M2---Suprava-bezdrotovych-mikrofonov"><span class="t">Hollyland Lark M2 / Súprava bezdrôtových mikrofónov</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/Cinske-hypersonicke-rakety-by-mohli-za-20-minut-zlikvidovat-vsetky-americke-lietadlove-lode"><span class="t">Čínske hypersonické rakety by mohli za 20 minút zlikvidovať všetky americké lietadlové lode (30572)</span></a>
</li>
<li>
<a href="/a/Cina-buduje-armadu-geneticky-upravenych-vojakov-vybavenych-AI-implantatmi"><span class="t">Čína buduje armádu geneticky upravených vojakov vybavených AI implantátmi (11390)</span></a>
</li>
<li>
<a href="/a/Vedomie-moze-skutocne-menit-nasu-vlastnu-realitu"><span class="t">Vedomie môže skutočne meniť našu vlastnú realitu (7668)</span></a>
</li>
<li>
<a href="/a/Elektromagneticke-delo-poskytne-obranu-aj-proti-hypersonickym-strelam"><span class="t">Elektromagnetické delo poskytne obranu aj proti hypersonickým strelám (5242)</span></a>
</li>
<li>
<a href="/a/Ludske-oci-prvykrat-uvideli-uplne-novu-farbu-olo"><span class="t">Ľudské oči prvýkrát uvideli úplne novú farbu „olo“ (3396)</span></a>
</li>
<li>
<a href="/a/Prvy-seriovo-vyrabany-exoskelet-zvysi-silu-noh-az-o-40-percent"><span class="t">Prvý sériovo vyrábaný exoskelet zvýši silu nôh až o 40 percent (2711)</span></a>
</li>
<li>
<a href="/a/Unikatny-burkovy-dron-dokaze-vyvolat-blesk-a-vyuzit-jeho-energiu"><span class="t">Unikátny búrkový dron dokáže vyvolať blesk a využiť jeho energiu (1697)</span></a>
</li>
<li>
<a href="/a/Fotovoltaicky-lak-zvysi-dojazd-elektromobilov"><span class="t">Fotovoltaický lak zvýši dojazd elektromobilov (1350)</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/Nasli-dokazy--ze-Egyptania-stavali-pyramidy-pomocou-o-hydraulickych-mechanizmov"><span class="t">Našli dôkazy, že Egypťania stavali pyramídy pomocou o hydraulických mechanizmov (87120)</span></a>
</li>
<li>
<a href="/a/Severna-Korea-by-mohla-znicit-USA-iba-jednou-raketou"><span class="t">Severná Kórea by mohla zničiť USA iba jednou raketou (58548)</span></a>
</li>
<li>
<a href="/a/AI-odhaluje-varovne-znamenie-prichodu-3-svetovej-vojny"><span class="t">AI odhaľuje „varovné znamenie“ príchodu 3. svetovej vojny (49353)</span></a>
</li>
<li>
<a href="/a/AI-vymodelovala-podla-Turinskeho-platna--E2-80-9Eskutocnu-E2-80-9C-tvar-Jezisa-Krista"><span class="t">AI vymodelovala podľa Turínskeho plátna „skutočnú“ tvár Ježiša Krista (32031)</span></a>
</li>
<li>
<a href="/a/Cinske-hypersonicke-rakety-by-mohli-za-20-minut-zlikvidovat-vsetky-americke-lietadlove-lode"><span class="t">Čínske hypersonické rakety by mohli za 20 minút zlikvidovať všetky americké lietadlové lode (30572)</span></a>
</li>
<li>
<a href="/a/Cina-spustila-prvy-jadrovy-reaktor-na-svete-pohanany-toriom"><span class="t">Čína spustila prvý jadrový reaktor na svete poháňaný tóriom (26324)</span></a>
</li>
<li>
<a href="/a/Superschopnost-mozgu-mozno-spustit-poklepkavanim-prstami"><span class="t">Superschopnosť mozgu možno spustiť poklepkávaním prstami (25786)</span></a>
</li>
<li>
<a href="/a/Cela-krajina-presla-na-bitcoiny-a-stal-sa-z-toho-problem"><span class="t">Celá krajina prešla na bitcoiny a stal sa z toho problém (18340)</span></a>
</li>
</ul>
</div>
</div>
</div>
<script>
function storeClick687(){
$(function(){
$.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZ3d3cuanVkZ21lbnRkYXkuc2slM0Z1dG1fc291cmNlJTNEd2ViJTI2dXRtX21lZGl1bSUzRGJhbm5lciUyNnV0bV9jYW1wYWlnbiUzRG5leHRlY2gtSkQyNSUyNnV0bV9pZCUzRG5leHRlY2g%3D/id/687/parameters/IiI%3D" );
});
}
</script> <a href="https://www.judgmentday.sk?utm_source=web&utm_medium=banner&utm_campaign=nextech-JD25&utm_id=nextech" title="ALANATA_2025" onclick="storeClick687(); return true;" target="_blank" class="promo-zone">
<img src="/files/photo/2025-04/125520/6dba00/Alanata-262x524-JD2025-banner-web.png" alt="ALANATA_2025" class="img-responsive" />
</a>
<script>
$(function(){
$.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS1XV1ctc3RyYW5reS0tLTktLWNhc3Q%3D/id/687/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>
<!-- <article class="only-title">
<a href="#">
<div class="image">
<img src="assets/img/small-news.jpg" alt="title">
<div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div>
</div>
<h3>Genetickí programátori a dizajnovanie detí</h3>
</a>
</article>
<article class="only-title">
<a href="#">
<div class="image">
<img src="assets/img/small-news2.jpg" alt="title">
<div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div>
</div>
<h3>Genetickí programátori a dizajnovanie detí</h3>
</a>
</article>
<article class="only-title">
<a href="#">
<div class="image">
<img src="assets/img/small-news3.jpg" alt="title">
<div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div>
</div>
<h3>Genetickí programátori a dizajnovanie detí</h3>
</a>
</article>
<article class="only-title">
<a href="#">
<div class="image">
<img src="assets/img/small-news4.jpg" alt="title">
<div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div>
</div>
<h3>Genetickí programátori a dizajnovanie detí</h3>
</a>
</article> -->
<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/bb4a97bf/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/lead-qa-manager-250430HSK" target="_blank">
<h4>Lead [QA] manager</h4>
<div><i class="fa fa-money"></i> 5 400 € - 6 200 €</div>
<div><i class="fa fa-map-marker"></i> Bratislava, Praha</div>
<div><i class="fa fa-clock-o"></i> 3-36 mesiacov s možnosťou predĺženia</div>
</a>
</article>
</li>
<li>
<article>
<a href="https://join.titans.eu/sk/project-banking-manager-250430ESK" target="_blank">
<h4>Projektový [banking] manažér</h4>
<div><i class="fa fa-money"></i> 5 400 € - 6 600 €</div>
<div><i class="fa fa-map-marker"></i> Bratislava</div>
<div><i class="fa fa-clock-o"></i> 7-24 mesiacov s možnosťou predĺženia</div>
</a>
</article>
</li>
<li>
<article>
<a href="https://join.titans.eu/sk/manualautomation-tester-mobile-and-web-applications-portals-e-shops-250429CSK" target="_blank">
<h4>Manuálny/automatizačný tester [mobilné a webové aplikácie, portály, eshopy] </h4>
<div><i class="fa fa-money"></i> 2 400 € - 3 300 €</div>
<div><i class="fa fa-map-marker"></i> Bratislava</div>
<div><i class="fa fa-clock-o"></i> 15 mesiacov s možnosťou predĺženia</div>
</a>
</article>
</li>
<li>
<article>
<a href="https://join.titans.eu/sk/senior-net-migration-project-developer-250424HSK" target="_blank">
<h4>Senior .NET [Migračný Projekt] developer</h4>
<div><i class="fa fa-money"></i> 4 200 € - 5 200 €</div>
<div><i class="fa fa-map-marker"></i> 100% Remote</div>
<div><i class="fa fa-clock-o"></i> 7 mesiacov s možnosťou predľženia</div>
</a>
</article>
</li>
<li>
<article>
<a href="https://join.titans.eu/sk/senior-net-azure-integration-developer-250424GSK" target="_blank">
<h4>Senior .NET [Azure Integrácie] developer</h4>
<div><i class="fa fa-money"></i> 4 200 € - 5 200 €</div>
<div><i class="fa fa-map-marker"></i> 100% Remote</div>
<div><i class="fa fa-clock-o"></i> 7 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/bb4a97bf/nextech/assets/img/titans.png" width="100px">
</a>
</div>
</div>
<!-- EVENTS BANNERS -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- titulka pod Popularne tagy -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8821359823406627"
data-ad-slot="3779122010"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="box">
<h2>
Recenzie </h2>
<article class="small">
<a href="/a/Hollyland-Lark-M2---Suprava-bezdrotovych-mikrofonov">
<div class="image">
<img src="/files/photo/2025-04/125183/08413b/lark1a_64x80.jpg" alt="Photo Hollyland Lark M2 / Súprava bezdrôtových mikrofónov"/>
</div>
<div class="text">
<h3>Hollyland Lark M2 / Súprava bezdrôtových mikrofónov</h3>
</div>
</a>
</article>
<article class="small">
<a href="/a/Herne-sialenstvo-april-2025">
<div class="image">
<img src="/files/photo/2025-04/125185/0b53af/Silent-Hill-f_64x80.jpg" alt="Photo Herné šialenstvo apríl 2025"/>
</div>
<div class="text">
<h3>Herné šialenstvo apríl 2025</h3>
</div>
</a>
</article>
<article class="small">
<a href="/a/Motorizovany-kamerovy-vozik--a-slider-Lensbot">
<div class="image">
<img src="/files/photo/2025-04/125539/4a5014/KamerovySlider-0005_64x80.jpg" alt="Photo Motorizovaný kamerový vozík a slider Lensbot"/>
</div>
<div class="text">
<h3>Motorizovaný kamerový vozík a slider Lensbot</h3>
</div>
</a>
</article>
<article class="small">
<a href="/a/Thomson-Streaming-Box-Plus-270---4K-streamovaci-box-na-platforme-Google-TV">
<div class="image">
<img src="/files/photo/2025-04/125079/0c741c/uvodny_64x80.jpg" alt="Photo Thomson Streaming Box Plus 270 / 4K streamovací box na platforme Google TV"/>
</div>
<div class="text">
<h3>Thomson Streaming Box Plus 270 / 4K streamovací box na platf ...</h3>
</div>
</a>
</article>
<article class="small">
<a href="/a/Creative-Pebble-Nova---Premiove-dizajnove-reproduktory-s-excelentnym-zvukom">
<div class="image">
<img src="/files/photo/2025-04/125173/27b51b/Creative-Pebble-Nova_64x80.jpg" alt="Photo Creative Pebble Nova / Prémiové dizajnové reproduktory s excelentným zvukom"/>
</div>
<div class="text">
<h3>Creative Pebble Nova / Prémiové dizajnové reproduktory s exc ...</h3>
</div>
</a>
</article>
<!-- div class="text-center">
<a href="#" class="button small">Všetky recenzie</a>
</div> -->
</div>
<!-- TIMELINE BANNERS -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Square pravy stlpec -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8821359823406627"
data-ad-slot="9044275616"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="box">
<h2>Tlačové správy</h2>
<ul class="print">
<li>
<article>
<a href="/a/Uz-nikdy-nezmeskaj-dolezity-okamih">
<time>30.4.2025</time>
<h3>Už nikdy nezmeškaj dôležitý okamih</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Stan-sa-MAMA-ROKA-2025--E2-80-9Eziskaj-ocenenie--ktore-pomaha-E2-80-9C-1">
<time>29.4.2025</time>
<h3>Staň sa MAMA ROKA 2025 „získaj ocenenie, ktoré pomáha“</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Spolocnost-Xiaomi-potvrdzuje-svoj-zavazok-k-udrzatelnosti-a-inovaciam">
<time>29.4.2025</time>
<h3>Spoločnosť Xiaomi potvrdzuje svoj záväzok k udržateľnosti a inováciám</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/E2-80-9ENajvacsi-dar-je-spolocny-cas-straveny-s-detmi">
<time>29.4.2025</time>
<h3>„Najväčší dar je spoločný čas strávený s deťmi“ – Iniciatíva LEGO® Polhodinu pre rodinu opäť inšpiruje k spoločnej hre</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Nova-generacia-telefonu-Motorola-Razr-je-tu--E2-80-93-s-najvykonnejsim-veckovym-telefonom-na-svete-C2-B9">
<time>29.4.2025</time>
<h3>Nová generácia telefónu Motorola Razr je tu – s najvýkonnejším véčkovým telefónom na svete¹</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Narodna-agentura-pre-sietove-a-elektronicke-sluzby-spustila-na-Slovensko-sk-novy-prihlasovaci-prostriedok-Mobilne-eID">
<time>29.4.2025</time>
<h3>Národná agentúra pre sieťové a elektronické služby spustila na Slovensko.sk nový prihlasovací prostriedok Mobilné eID</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Elektronicke-riadenie-vozidiel-sa-u-znacky-Mercedes-Benz-stava-realitou---uplne-novy-pocit-z-riadenia">
<time>28.4.2025</time>
<h3>Elektronické riadenie vozidiel sa u značky Mercedes-Benz stáva realitou: úplne nový pocit z riadenia</h3>
</a>
</article>
</li>
<li>
<article>
<a href="/a/Centralny-notifikacny-modul-zlepsi-komunikaciu-statu-s-obcanom">
<time>28.4.2025</time>
<h3>Centrálny notifikačný modul zlepší komunikáciu štátu s občanom</h3>
</a>
</article>
</li>
</ul>
<!-- <div class="text-center">
<a href="#" class="button small">Všetky správy</a>
</div> -->
</div>
<!-- PRESS BANNERS -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- titulka pod tlacove spravy -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8821359823406627"
data-ad-slot="4058323612"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- CATEGORIES BANNERS -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- titulka pod tag cloud Categories -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8821359823406627"
data-ad-slot="5535056813"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</aside>
</div>
</div>
</div>
</div>
<nav class="image-nav hidden-lg-down">
<ul>
<li>
<a href="/Predplatne" style="background-image: url(/assets/bb4a97bf/nextech/assets/img/footer/Predplatne.jpg);">
<span>Predplatné</span>
</a>
</li>
<li>
<a href="/elektromobilita" style="background-image: url(/assets/bb4a97bf/nextech/assets/img/footer/elektromobilita.jpg);">
<span>Elektromobilita</span>
</a>
</li>
<li>
<a href="/PDF" style="background-image: url(/assets/bb4a97bf/nextech/assets/img/footer/PDF.jpg);">
<span>PDF</span>
</a>
</li>
<li>
<a href="/ITR" style="background-image: url(/assets/bb4a97bf/nextech/assets/img/footer/ITR.jpg);">
<span>ITR</span>
</a>
</li>
<li>
<a href="/Newsletter" style="background-image: url(/assets/bb4a97bf/nextech/assets/img/footer/Newsletter.jpg);">
<span>Newsletter</span>
</a>
</li>
</ul>
</nav>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 text-center">
<a href="https://www.pcrevue.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">
<h2>Nextech</h2>
<ul>
<li><a href="/Predplatne">Predplatné</a></li>
<li><a href="/elektromobilita">Elektromobilita</a></li>
<li><a href="/PDF">PDF</a></li>
<li><a href="/ITR">ITR</a></li>
<li><a href="/Newsletter">Newsletter</a></li>
</ul>
<!-- <div class="fb-page" data-href="https://www.facebook.com/pcrevue" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pcrevue"><a href="https://www.facebook.com/pcrevue">ITNEWS.SK</a></blockquote></div></div> -->
</div>
<div class="col-lg-4">
<h2>Kategórie</h2>
<ul>
<li>
<a href="/Magazin">
Magazín </a>
</li>
<li>
<a href="/Tipy na darčeky">
Tipy na darčeky </a>
</li>
<li>
<a href="/Recenzie">
Recenzie </a>
</li>
<li>
<a href="/Archiv-NXT">
Archív NXT </a>
</li>
<li>
<a href="/NXTplus">
NXTplus </a>
</li>
<li>
<a href="/Sutaze">
Súťaže </a>
</li>
</ul>
</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>
<!-- Copyright -->
<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/bb4a97bf/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/bb4a97bf/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><!-- End Copyright -->
</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/bb4a97bf/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/bb4a97bf/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/bb4a97bf/nextech/custom/js/custom.js"></script>
<script type="text/javascript" src="https://cdn.engerio.sk/js/widget.js"></script>
<script type="text/javascript" src="/assets/bb4a97bf/core/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/assets/e8f7f110/rateit/jquery.rateit.min.js"></script>
<script type="text/javascript" src="/assets/e8f7f110/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>