{"id":5,"date":"2026-08-25T18:21:20","date_gmt":"2026-08-25T18:21:20","guid":{"rendered":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/?page_id=5"},"modified":"2026-08-25T18:21:20","modified_gmt":"2026-08-25T18:21:20","slug":"kaki-oglasi-imas-nesto-da-ponudis-ili-trazis-oglasi-pronadji-i-iznenadi-se-sta-sve-postoji","status":"publish","type":"page","link":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/","title":{"rendered":"KAKI OGLASI \u2013 Ima\u0161 ne\u0161to da ponudi\u0161 ili tra\u017ei\u0161? Oglasi, prona\u0111i i iznenadi se \u0161ta sve postoji!"},"content":{"rendered":"\n<!--\n  NASLOVNA STRANICA \u2014 \"KAKI OGLASNA TABLA\" (KAKI OGLASI)\n  =======================================================================\n  Ubaci u WordPress preko bloka \"Prilago\u0111eni HTML\" na naslovnoj stranici\n  (Postavke \u2192 \u010citanje \u2192 Stati\u010dna stranica \u2192 izaberi\/napravi stranicu \u2192\n  dodaj blok \"Prilago\u0111eni HTML\" \u2192 nalepi ceo kod).\n  =======================================================================\n-->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Kalam:wght@400;700&display=swap');\n  \n  #ob-board{\n    --ob-cork:#D8D4BC; --ob-cork-dot:#C5C0A7;\n    --ob-wood:#A39B78; --ob-wood-lt:#C4BC9B;\n    --ob-line:#8C8360;\n    --ob-ink:#2A2920; --ob-soft:#59553F;\n    --ob-p1:#F8F1E1; --ob-p2:#F0E3C4; --ob-p3:#F5EAD2;\n    --ob-pin1:#C9986B; --ob-pin2:#B8A27A; --ob-pin3:#A78E63;\n    --ob-dark:#5A4B34;\n    font-family:-apple-system,'Segoe UI',Arial,sans-serif;\n  }\n  #ob-board *{ box-sizing:border-box; }\n  #ob-board{ max-width:1180px; margin:0 auto; color:var(--ob-ink); }\n  \n  \/* ============ Kaki ram + pozadina table ============ *\/\n  #ob-board .ob-frame{\n    background:\n      repeating-linear-gradient(115deg, var(--ob-wood-lt) 0 3px,\n      var(--ob-wood) 3px 7px);\n    padding:16px; border-radius:8px; box-shadow:0 18px 34px rgba(42,41,32,.15);\n    border:1px solid var(--ob-line);\n  }\n  #ob-board .ob-cork{\n    position:relative; border-radius:3px; padding:34px 26px 30px;\n    background-color:var(--ob-cork);\n    background-image:\n      radial-gradient(var(--ob-cork-dot) 1.4px, transparent 1.8px),\n      radial-gradient(var(--ob-cork-dot) 1.4px, transparent 1.8px);\n    background-size:14px 14px; background-position:0 0, 7px 7px;\n    box-shadow:inset 0 0 34px rgba(42,41,32,.08);\n    border:1px solid var(--ob-line);\n  }\n  \n  \/* ============ Naslov \u2014 zaka\u010den listi\u0107 ============ *\/\n  #ob-board .ob-hero{ position:relative; max-width:420px; margin:0 auto 40px; }\n  #ob-board .ob-hero-card{\n    background:var(--ob-p1); padding:20px 22px 18px; border-radius:2px;\n    box-shadow:0 10px 18px rgba(36,36,32,.14); transform:rotate(-2deg); text-align:center;\n    border:1px solid #DCC9A3;\n  }\n  #ob-board .ob-pin{\n    position:absolute; top:-9px; left:50%; margin-left:-9px; width:18px; height:18px; border-radius:50%;\n    background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin1);\n    box-shadow:0 3px 4px rgba(36,36,32,.3); z-index:2;\n  }\n  #ob-board .ob-hero h1{\n    font-family:'Kalam',cursive; font-weight:700; font-size:26px; margin:6px 0 6px; line-height:1.2;\n  }\n  #ob-board .ob-hero p{ font-size:13px; color:var(--ob-soft); margin:0; }\n  \n  \/* ============ Naslovi sekcija \u2014 kao markerom na traci ============ *\/\n  #ob-board h2.ob-title{\n    display:inline-block; font-family:'Kalam',cursive; font-weight:700; font-size:20px;\n    background:var(--ob-p3); padding:5px 16px; border-radius:2px; transform:rotate(-1deg);\n    box-shadow:0 5px 10px rgba(36,36,32,.12); margin:0 0 22px; border:1px solid #DCC9A3;\n  }\n  \n  \/* ============ POSTOVI \u2014 pinovani listi\u0107i, efektivni papir ============ *\/\n  #ob-board .ob-notes{ display:flex; flex-wrap:wrap; gap:22px 18px; }\n  #ob-board article.ob-note{\n    position:relative; width:190px; background:var(--ob-p1); border-radius:2px;\n    padding:14px 12px 12px; box-shadow:0 8px 14px rgba(36,36,32,.14);\n    border:1px solid #DCC9A3;\n    transition:transform .15s ease, box-shadow .15s ease;\n  }\n  #ob-board article.ob-note:hover{ transform:translateY(-4px) rotate(0deg) !important; box-shadow:0 14px 22px rgba(36,36,32,.2); z-index:3; }\n  #ob-board article.ob-note.ob-p2{ background:var(--ob-p2); }\n  #ob-board article.ob-note.ob-p3{ background:var(--ob-p3); }\n  #ob-board article.ob-note:nth-child(5n+1){ transform:rotate(-2.4deg); }\n  #ob-board article.ob-note:nth-child(5n+2){ transform:rotate(1.6deg); }\n  #ob-board article.ob-note:nth-child(5n+3){ transform:rotate(-1deg); }\n  #ob-board article.ob-note:nth-child(5n+4){ transform:rotate(2.2deg); }\n  #ob-board article.ob-note:nth-child(5n+5){ transform:rotate(-1.7deg); }\n  #ob-board .ob-note-pin{\n    position:absolute; top:-8px; left:50%; margin-left:-7px; width:14px; height:14px; border-radius:50%;\n    box-shadow:0 3px 4px rgba(36,36,32,.3);\n    background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin1);\n  }\n  #ob-board article.ob-note:nth-child(3n+1) .ob-note-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin1); }\n  #ob-board article.ob-note:nth-child(3n+2) .ob-note-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin2); }\n  #ob-board article.ob-note:nth-child(3n+3) .ob-note-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin3); }\n  #ob-board .ob-note-img{ width:100%; aspect-ratio:4\/3; object-fit:cover; border-radius:2px; margin-bottom:8px;\n    box-shadow:0 2px 5px rgba(36,36,32,.16); border:1px solid #DCC9A3; }\n  #ob-board .ob-note-fallback{ width:100%; aspect-ratio:4\/3; border-radius:2px; margin-bottom:8px; display:flex;\n    align-items:center; justify-content:center; font-family:'Kalam',cursive; font-size:34px; font-weight:700;\n    color:#fff; background:var(--ob-dark); }\n  #ob-board .ob-note-title{ font-size:13px; font-weight:700; line-height:1.3; color:#241E14; text-decoration:none; display:block; }\n  #ob-board .ob-note-title:hover{ text-decoration:underline; }\n  #ob-board .ob-note-date{ font-size:10.5px; color:#6B5A3E; margin-top:5px; display:block; font-family:'Kalam',cursive; }\n  \n  #ob-board article.ob-note:nth-child(7n+3){ width:168px; }\n  #ob-board article.ob-note:nth-child(7n+6){ width:212px; }\n  \n  \/* traka (washi tape) *\/\n  #ob-board .ob-note--tape .ob-note-pin{ display:none; }\n  #ob-board .ob-tape{\n    position:absolute; top:-10px; left:50%; margin-left:-30px; width:62px; height:20px;\n    opacity:.9; transform:rotate(-6deg); box-shadow:0 2px 3px rgba(36,36,32,.15);\n  }\n  #ob-board .ob-tape-1{ background:rgba(217,117,109,.55); }\n  #ob-board .ob-tape-2{ background:rgba(127,163,194,.55); }\n  #ob-board .ob-tape-3{ background:rgba(143,174,124,.55); }\n  \n  \/* presavijen \u0107o\u0161ak *\/\n  #ob-board article.ob-note--fold::after{\n    content:\"\"; position:absolute; top:0; right:0; width:0; height:0;\n    border-style:solid; border-width:0 0 20px 20px; border-color:transparent transparent #DCC9A3 transparent;\n    box-shadow:-2px 2px 4px rgba(36,36,32,.14);\n  }\n  \n  #ob-board article.ob-note--polaroid{ padding-bottom:16px; }\n  #ob-board article.ob-note--polaroid .ob-note-img{ margin-bottom:14px; }\n  #ob-board article.ob-note--polaroid .ob-note-title{ text-align:center; }\n  \n  \/* ============ STRANICE \u2014 manji pinovani listi\u0107i ============ *\/\n  #ob-board .ob-pages-notes{ display:flex; flex-wrap:wrap; gap:16px; }\n  #ob-board a.ob-page-note{\n    position:relative; display:block; width:128px; text-decoration:none; color:#241E14;\n    background:var(--ob-p1); border:1px solid #DCC9A3; border-radius:2px; padding:10px 8px 8px;\n    box-shadow:0 6px 12px rgba(36,36,32,.12); transition:transform .15s ease, box-shadow .15s ease;\n  }\n  #ob-board a.ob-page-note:hover{ transform:translateY(-3px) rotate(0deg) !important; box-shadow:0 12px 20px rgba(36,36,32,.2); z-index:3; }\n  #ob-board a.ob-page-note.ob-p2{ background:var(--ob-p2); }\n  #ob-board a.ob-page-note.ob-p3{ background:var(--ob-p3); }\n  #ob-board a.ob-page-note:nth-child(4n+1){ transform:rotate(-1.8deg); }\n  #ob-board a.ob-page-note:nth-child(4n+2){ transform:rotate(1.4deg); }\n  #ob-board a.ob-page-note:nth-child(4n+3){ transform:rotate(-1.1deg); }\n  #ob-board a.ob-page-note:nth-child(4n+4){ transform:rotate(1.9deg); }\n  #ob-board .ob-page-pin{\n    position:absolute; top:-7px; left:50%; margin-left:-6px; width:12px; height:12px; border-radius:50%;\n    box-shadow:0 3px 4px rgba(36,36,32,.3);\n    background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin2);\n  }\n  #ob-board a.ob-page-note:nth-child(3n+1) .ob-page-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin1); }\n  #ob-board a.ob-page-note:nth-child(3n+2) .ob-page-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin2); }\n  #ob-board a.ob-page-note:nth-child(3n+3) .ob-page-pin{ background:radial-gradient(circle at 32% 30%, #fff9, transparent 40%), var(--ob-pin3); }\n  #ob-board .ob-page-thumb{ width:100%; height:auto; display:block; border-radius:2px; margin-bottom:7px; border:1px solid #DCC9A3; }\n  #ob-board .ob-page-fallback{ width:100%; aspect-ratio:1\/1; border-radius:2px; margin-bottom:7px; display:flex;\n    align-items:center; justify-content:center; font-family:'Kalam',cursive; font-size:24px; font-weight:700;\n    color:#fff; background:var(--ob-dark); }\n  #ob-board .ob-page-title{ font-size:12px; font-weight:700; line-height:1.25; color:#241E14; }\n  \n  #ob-board .ob-empty{ padding:20px; text-align:center; color:var(--ob-soft); font-size:13px; }\n  \n  @media (max-width:640px){\n    #ob-board article.ob-note{ width:calc(50% - 9px); }\n  }\n<\/style>\n  \n<div id=\"ob-board\">\n <div class=\"ob-frame\">\n   <div class=\"ob-cork\">\n  \n     <div class=\"ob-hero\">\n       <div class=\"ob-pin\"><\/div>\n       <div class=\"ob-hero-card\">\n          <h1>Sve\u017ee na oglasnoj kaki tabli<\/h1>\n          <p>Najnoviji oglasi i stranice sajta, a\u017eurirano automatski.<\/p>\n       <\/div>\n     <\/div>\n  \n     <h2 class=\"ob-title\">Poslednji kaki oglasi<\/h2>\n     <div id=\"ob-posts\" class=\"ob-notes\"><div class=\"ob-empty\">U\u010ditavanje\u2026<\/div><\/div>\n  \n     <h2 class=\"ob-title\" style=\"margin-top:38px;\">Stranice KAKI sajta<\/h2>\n     <div id=\"ob-pages\" class=\"ob-pages-notes\"><div class=\"ob-empty\">U\u010ditavanje\u2026<\/div><\/div>\n  \n   <\/div>\n <\/div>\n<\/div>\n  \n<script>\n(function(){\n var maxPosts = 10;\n var maxPages = 10;\n var siteOrigin = \"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/\";\n  \n function decodeHtml(str){\n   var ta = document.createElement(\"textarea\");\n   ta.innerHTML = str;\n   return ta.value;\n }\n function fmtDate(iso){\n   try{ return new Date(iso).toLocaleDateString(\"sr-Latn-RS\", { day:\"numeric\", month:\"short\", year:\"numeric\" }); }\n   catch(e){ return \"\"; }\n }\n function featuredImg(item){\n   try{\n     var media = item._embedded && item._embedded[\"wp:featuredmedia\"] && item._embedded[\"wp:featuredmedia\"][0];\n     if (media && media.source_url) return media.source_url;\n   }catch(e){}\n   try{\n     var html = (item.content && item.content.rendered) || (item.excerpt && item.excerpt.rendered) || \"\";\n     var match = html.match(\/<img[^>]+src=[\"']([^\"']+)[\"']\/i);\n     if (match && match[1]) return match[1];\n   }catch(e){}\n   return null;\n }\n function pushSchema(items, name){\n   var listItems = items.map(function(it, i){\n     return { \"@type\":\"ListItem\", \"position\": i+1, \"url\": it.link, \"name\": decodeHtml(it.title.rendered) };\n   });\n   var ld = { \"@context\":\"https:\/\/schema.org\", \"@type\":\"ItemList\", \"name\": name, \"itemListElement\": listItems };\n   var s = document.createElement(\"script\");\n   s.type = \"application\/ld+json\";\n   s.text = JSON.stringify(ld);\n   document.head.appendChild(s);\n }\n  \n function renderPosts(items){\n   var wrap = document.getElementById(\"ob-posts\");\n   if (!items.length){ wrap.innerHTML = '<div class=\"ob-empty\">Trenutno nema objavljenih oglasa.<\/div>'; return; }\n   wrap.innerHTML = \"\";\n   var paperClass = [\"\", \"ob-p2\", \"ob-p3\"];\n   var baseVariants = [\"pin\", \"tape\", \"fold\"];\n   items.slice(0, maxPosts).forEach(function(item, i){\n     var title = decodeHtml(item.title.rendered);\n     var img = featuredImg(item);\n     var letter = title.trim().charAt(0).toUpperCase();\n  \n     var variant = (img && i % 4 === 0) ? \"polaroid\" : baseVariants[i % 3];\n  \n     var attachment = \"\";\n     if (variant === \"pin\" || variant === \"polaroid\"){\n       attachment = '<div class=\"ob-note-pin\"><\/div>';\n     } else if (variant === \"tape\"){\n       attachment = '<div class=\"ob-tape ob-tape-' + ((i % 3) + 1) + '\"><\/div>';\n     }\n  \n     var art = document.createElement(\"article\");\n     art.className = \"ob-note ob-note--\" + variant + \" \" + paperClass[i % 3];\n     art.innerHTML =\n       attachment +\n       (img\n          ? '<img decoding=\"async\" class=\"ob-note-img\" src=\"' + img + '\" alt=\"' + title.replace(\/\"\/g,\"\") + '\" loading=\"lazy\">'\n          : '<div class=\"ob-note-fallback\">' + letter + '<\/div>') +\n       '<a class=\"ob-note-title\" href=\"' + item.link + '\" rel=\"bookmark\">' + title + '<\/a>' +\n       '<time class=\"ob-note-date\" datetime=\"' + item.date + '\">' + fmtDate(item.date) + '<\/time>';\n     wrap.appendChild(art);\n   });\n   pushSchema(items.slice(0, maxPosts), \"Poslednji oglasi\");\n }\n  \n function renderPages(items){\n   var wrap = document.getElementById(\"ob-pages\");\n   if (!items.length){ wrap.innerHTML = '<div class=\"ob-empty\">Trenutno nema dostupnih stranica.<\/div>'; return; }\n   wrap.innerHTML = \"\";\n   var paperClass = [\"\", \"ob-p2\", \"ob-p3\"];\n   items.slice(0, maxPages).forEach(function(item, i){\n     var title = decodeHtml(item.title.rendered);\n     var img = featuredImg(item);\n     var letter = title.trim().charAt(0).toUpperCase();\n     var a = document.createElement(\"a\");\n     a.className = \"ob-page-note \" + paperClass[i % 3];\n     a.href = item.link;\n     a.innerHTML =\n       '<div class=\"ob-page-pin\"><\/div>' +\n       (img\n          ? '<img decoding=\"async\" class=\"ob-page-thumb\" src=\"' + img + '\" alt=\"' + title.replace(\/\"\/g,\"\") + '\" loading=\"lazy\">'\n          : '<div class=\"ob-page-fallback\">' + letter + '<\/div>') +\n       '<div class=\"ob-page-title\">' + title + '<\/div>';\n     wrap.appendChild(a);\n   });\n   pushSchema(items.slice(0, maxPages), \"Stranice sajta\");\n }\n  \n fetch(siteOrigin + \"\/wp-json\/wp\/v2\/posts?per_page=\" + maxPosts + \"&_embed&orderby=date&order=desc\")\n   .then(function(r){ return r.json(); })\n   .then(renderPosts)\n   .catch(function(){ document.getElementById(\"ob-posts\").innerHTML = '<div class=\"ob-empty\">Oglasi trenutno nisu dostupni.<\/div>'; });\n  \n fetch(siteOrigin + \"\/wp-json\/wp\/v2\/pages?per_page=\" + maxPages + \"&_embed&orderby=date&order=desc\")\n   .then(function(r){ return r.json(); })\n   .then(renderPages)\n   .catch(function(){ document.getElementById(\"ob-pages\").innerHTML = '<div class=\"ob-empty\">Stranice trenutno nisu dostupne.<\/div>'; });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sve\u017ee na oglasnoj kaki tabli Najnoviji oglasi i stranice sajta, a\u017eurirano automatski. Poslednji kaki oglasi U\u010ditavanje\u2026 Stranice KAKI sajta U\u010ditavanje\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":1,"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/pages\/5\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/coloroglasi.besplatnioglas.rs\/kakioglasi\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}