Jump to content

Karenski89

Članovi
  • Content Count

    34
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Karenski89

  • Birthday 10/24/1989

Contact Methods

  • Website URL
    http://

Profile Information

  • Gender
    Male
  • Location
    Nis, Serbia
  • Interests
    html5, CSS3, Bootstrap, Skeleton, jQuery etc..

Previous Fields

  • Ime i prezime
    Tomislav Jokić
  1. Cao druze, vidim da niko jos nista nije odgovorio ali verovatno odgovore vec imas na temama po forumu. Nema veze, ja cu ipak malo da ti pomognem, nisam ja neki expert jos ali svakodnevno ucim frontend itd. Imas dobar vodic na https://blog.petrovic.gr/sr/2016/12/vodic-z...ontend-pristup/ ovom linku. A ja sam recimo poceo na w3schools.com i kombinovao sam sa nekim pdf-om. Codecademy nije los za osnove ali za nesto ozbiljnije se placa, mozes da prodjes ona free vezbanja itd. A inace kreces od html-a, css-a, js-a ili jquery-a. Kada sve to prodjes i naucis dobro a za to ce trebati malo ozbiljniji period vremena ne bi bilo lose da naucis i neki js framework tipa Angular. :) Verujem da vec ucis nesto dosad ali makar sam ti odgovorio na ovo pitanje pa se nadam da ces da uzmes nesto u obzir. :)
  2. vili hvala na odgovoru, knjiga se tako zove ali pokriva sve pomalo od html/css pa preko javascript, ajax, jquery...i zato sam je uzeo...a engleski znam ali sam hteo da vidim malo i nesto novije na srpskom...moram da ucim js to je tacno...tu cu da zapnem a ako imas neki cool sajt za to preporuci pls :) pozz
  3. Cao, Zanima me na kom sajtu i kako mogu da dobijem besplatan SSL sertifikat odnosno da mi sajtovi idu sa https protokolom posto mi je receno da Google voli osim naravno jos ponekih stvari i to...
  4. Cao, Kupio sam knjigu jQuery - Napredne Web tehnologije od autora Jovana i Vide Popovica. Zanima me da li se neko od Vas susretao sa tom knjigom, zasad mi se svidja kako je napisana....ima poglavlja za html, CSS, js, ajax, jQuery itd...ako je neko imao iskustva sa njom voleo bih da podeli to ovde :) Srdacan pozdrav, unapred hvala...
  5. kodi i vili hvala Vam na vasim uvek prisutnim i super odgovorima :) Uz Vas je sve lakse
  6. Cao svima, Posle duze vremena opet ja, naime zanima me postoje li neki koraci da se obicna html/css web stranica napravi bezbednom jer npr. dok sam radio sajtove preko Wordpress-a imao sam posebne plugin-ove za security e sad ja znam da je php mnogo mocniji i pruza vise mogucnosti ali sam nesto davno citao na google-u negde da se za bezbednost makar malo moze pobrinuti i fajl .htaccess i da li mi mozete dati neki savet oko toga pocetni... hvala unapred svima...sjajni ste.. ;)
  7. Cao svima, Dugo me nije bilo... :D E sad napravio sam jedan navbar koji mi se bas dopao ali hocu da ubacim na njega dropdown menu sa istim izgledom kao navbar ali tu sam se malo zbunio, isfelsirao sam nacisto...ako moze mali hint ili pomoc...ispod cu izbaciti html i css kod <!doctype html> <html> <head> <!-- must have tags! --> <meta charset="utf-8"> <meta content="ie=edge" http-equiv="x-ua-compatible"> <title>Company | Welcome</title> <!-- rwd --> <meta content="width=device-width, initial-scale=1" name="viewport"> <!-- google font --> <link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'> <!-- css --> <link href="css/normalize.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- modernizr --> <link href="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"> <!-- favicon --> <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon"> </head> <body> <div class="row"> <div class="container"> <header class="header"> <h1 class="logo">Company</h1> </header> <nav> <ul class="topnav"> <li> <a class="active" href="index.html">Home</a> </li> <li> <a href="#">About Us</a> </li> <li> <a href="#">Projects</a> </li> <li> <a href="#">News</a> </li> <li> <a href="#">Contact</a> </li> <ul class="topnav right"> <li> <a href="#">by TJ design</a> </li> </ul> </ul> </nav> <img class="main-img" src="img/building.jpg"> <h2>Welcome</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.</p> <p>Curabitur tortor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. <b>Curabitur tortor</b>. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p><b>Maecenas mattis</b>. Nam nec ante. <i>Curabitur tortor</i>. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <b>Nam nec ante</b>. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna.</p> <p>Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. <i>Fusce ac turpis quis ligula lacinia aliquet</i>. Morbi in ipsum sit amet pede facilisis laoreet. <b>Suspendisse in justo eu magna luctus suscipit</b>. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. <i>Mauris ipsum</i>. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. <b>Suspendisse in justo eu magna luctus suscipit</b>. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper.</p> <p><b>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui</b>. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede.</p> <br> <div class="col-6"> <p>tel. +999 99 999 999</p> <p>adr. boulevard of broken dreams, NY</p> </div> <div class="col-6"> <h4>Join Us on facebook</h4> <a href="#"><img class="social-icon" src="img/fb-logo.png"></a> </div> <div class="col-12"> <footer class="footer"> <p>Company - 2016 ©</p> </footer> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow36.js"></script> </body> </html> CSS /* Name: Simple frontend html5/CSS3 grid layout; Author: TJ; Year: 2016; */ /* Table of contents.. - * - body - grid - unsorted - navigation - footer - logo */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Roboto',sans-serif; } /* ..grid.. */ .container { max-width: 960px; width: 100%; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: .1em solid #000; } .row:after { content: ""; clear: both; display: block; } [class*="col-"] { float: left; padding: 15px; } /* ..for mobile phones: */ [class*="col-"] { width: 100%; } @media only screen and (min-width: 768px) { /* ..for desktop: */ .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-3 { width: 25%; } .col-4 { width: 33.33%; } .col-5 { width: 41.66%; } .col-6 { width: 50%; } .col-7 { width: 58.33%; } .col-8 { width: 66.66%; } .col-9 { width: 75%; } .col-10 { width: 83.33%; } .col-11 { width: 91.66%; } .col-12 { width: 100%; } } /* ..unsorted.. */ img { width: auto; height: auto; max-width: 100%; } .main-img { margin-top: 5px; } p { padding: 5px; letter-spacing: .1em; } h1,h2,h3,h4,h5,h6 { padding: 5px; letter-spacing: .1em; } .logo { margin-left: 10px; letter-spacing: .5em; } /* ..responsive navigation.. */ ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; border-radius: 5px; } ul.topnav li { float: left; } ul.topnav li a { display: block; color: #fff; text-align: center; padding: 14px 16px; text-decoration: none; } ul.topnav li a:hover:not(.active) { background-color: #6cf; color: #000; } ul.topnav li a.active { background-color: #6cf; color: #000; } ul.topnav ul.right { float: right; list-style-type: none; } @media screen and (max-width: 600px) { ul.topnav ul.right,ul.topnav li { float: none; } } /* ..footer.. */ .footer { text-align: right; font-size: 12px; font-weight: 700; letter-spacing: .1em; } .social-icon { float: left; } Unapred hvala...
  8. Zdravo svima, hteo bih da rascistim neke nedoumice oko SEO...mozda nisam izabrao dobru sekciju na forumu, izvinjavam se moderatoru ako je tako. Naime ja sto se tice SEO optimizacije uradim sledece...u head tagove ubacim kljucne reci tkzv. meta tagovi...i description meta tag...ubacim sajt na google webmaster tools..verifikujem ga i ubacim sitemap sajta...e sad da li ja gresim ili mozda ima jos nesto da se radi oko toga..u sustini deluje mi nedovoljno a sigurno je ta sfera dosta sira od toga makar pretpostavljam da je tako...
  9. Vidis to sam zaboravio, ubacio sam samo u .container a trebao sam na * :) Hvala ti, reseno je :) Nije neki template ali mora negde da se pocne...pozz
  10. Cool...reseno ali sad nece toliko linkova u navigaciji...tj. jedan se pomerio dole ali kad sklonim jedan link onda je super..hvala :)
  11. Jesam....to je kad stavim border za navigaciju....a ovako se ne pomera nista..
  12. <!doctype html> <html> <head> <!-- must have --> <meta charset="utf-8"> <title>Company inc. - Welcome</title> <!-- rwd tag --> <meta content="width=device-width, initial-scale=1" name="viewport"> <!-- google font --> <link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'> <!-- CSS --> <link href="css/normalize.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- modernizr cdn--> <link href="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"> <!-- favicon --> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> <style type="text/css"> .c1 { float: left; } </style> </head> <body> <div class="container"> <header> <h1>Company inc.</h1> <nav class="navbar"> <ul> <li> <a href="index.html">Home</a> </li> <li> <a href="#">About Us</a> </li> <li> <a href="#">News</a> </li> <li> <a href="#">Projects</a> </li> <li> <a href="#">Contact</a> </li> </ul> </nav> </header> <img src="img/work.jpg"><br> <h2>Welcome</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.</p> <p>Curabitur tortor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. <b>Curabitur tortor</b>. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p><b>Maecenas mattis</b>. Nam nec ante. <i>Curabitur tortor</i>. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <b>Nam nec ante</b>. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna.</p> <p>Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. <i>Fusce ac turpis quis ligula lacinia aliquet</i>. Morbi in ipsum sit amet pede facilisis laoreet. <b>Suspendisse in justo eu magna luctus suscipit</b>. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. <i>Mauris ipsum</i>. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. <b>Suspendisse in justo eu magna luctus suscipit</b>. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper.</p> <p><b>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui</b>. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede.</p> <div class="col-6"> <h4>Contact us</h4> <p>tel. +999 99 999 999</p> <p>adr. bulevar of broken dreams, NY</p> </div> <div class="col-5"> <h4>Join us on facebook</h4> <a href="#"><img class="c1" src="img/fb-icon.png"></a> </div> <footer class="footer"> <p>Company inc. 2015 ©</p> </footer> </div> </body> </html>
  13. Haha Vili izvini u pravu si :) Pa ovaj problem sam otklonio tako sto sam stavio da se ne pojavljuje border-bottom na a:hover itd...ali postavicu ovde kod kako bi uopste znao uzrok toga jer ako bih nekad hteo da imam border bottom pri a:hover efektu da ga nazovem tako... <code> /* Name: Simple frontend css grid layout; Author: Tomi; Year: 2015; */ * { margin: 0; padding: 0; } body { font-family: 'Roboto',sans-serif; } /* ..grid.. */ .container { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row:after { content: ""; clear: both; display: block; } [class*=col-] { float: left; padding: 15px; } /* ..for mobile phones: */ [class*=col-] { width: 100%; } @media only screen and (min-width: 768px) { /* for desktop: */ .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-3 { width: 25%; } .col-4 { width: 33.33%; } .col-5 { width: 41.66%; } .col-6 { width: 50%; } .col-7 { width: 58.33%; } .col-8 { width: 66.66%; } .col-9 { width: 75%; } .col-10 { width: 83.33%; } .col-11 { width: 91.66%; } .col-12 { width: 100%; } } /* grid ended.. */ img { width: auto; height: auto; float: right; max-width: 100%; padding: 5px; margin: 5px; } p { padding: 10px; } h1, h2, h3, h4, h5, h6 { padding: 5px; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } a { text-decoration: none; display: block; } a:link,a:visited { display: block; width: 240px; font-weight: 700; color: #000; text-align: center; text-decoration: none; } a:hover,a:active { background-color: #D8D8D8; } .navbar { padding-bottom: 10px; } .footer { text-align: center; font-size: 12px; } </code>
×
×
  • Create New...