Purity Blue

od **Admin** 2012-10-06, 15:53

Tezina Kreacije : 4/5
Opis Teme : Forumotion skin za BluePearl temu, mozete koristiti kao index stranu. Molimo vas da ne uklanjate Copyright.
Izgled Teme :Purity Blue

Source kod:

Kod:: [panda=html] <head> <link rel="stylesheet" href="http://forumi.forumsr.com/h4-css" type="text/css" media="screen" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://forumi.forumsr.com/h3-slider" type="text/javascript"></script> <script src="http://forumi.forumsr.com/h5-" type="text/javascript"></script> <script src="http://forumi.forumsr.com/h6-" type="text/javascript"></script> <style> body{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/bodybg10.png);} body, body table{ color: #2e2e2e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;} a{ color: #154e94; text-decoration: none;} a:hover{color: #0f3b70;} img{border: 0;} h1, h2, h3{ text-shadow: 0 2px 5px white; color: #1b61b8; font-family: arial !important; font-weight: bold; font-style: italic;} #container h1, #container h2, #container h3 { margin: 0;} ul{margin: 0;} #article-body{margin-bottom: 10px;} #article-title{text-shadow: 0 2px 5px lightgrey;} #article-head{ position: relative; top: -20px; margin-top: -10px; margin-left: 45px;} #date span{ position: relative; right: 2px;} #date{ text-align: center; display: inline-block; margin-bottom: -40px; margin-left: -9px; text-shadow: 1px 1px 2px #075277; padding-top: 12px; padding-right: 10px; color: white; font-family: arial; font-style: italic; font-weight: bold; width: 47px; height: 76px; background: url(http://i76.servimg.com/u/f76/11/96/49/61/date210.png) no-repeat; line-height: 1;} #date #day{ font-size: 20px;} #date #month{font-size: 18px;} #date #year{font-size: 12px;} #author{ margin-top: -2px; font-size: 11px; font-style: italic;} #read{float: right;} #main-content{ margin-top: 10px; margin-bottom: 30px;} #page-body{ width: 918px; text-align: left;} #search-input{ font-weight: bold; color: white; text-shadow: 1px 1px 1px grey; padding: 0 10px; width: 184px; height: 36px; background: url(http://i76.servimg.com/u/f76/11/96/49/61/search10.png) no-repeat; border: none;} #search-button{ margin-left: 5px; cursor: pointer; width: 42px; height: 38px; background: url(http://i76.servimg.com/u/f76/11/96/49/61/search12.png) no-repeat; border: none;} #social_icons a{margin-right: 5px;} #menu{ width: 918px; height: 56px; background: url(http://i76.servimg.com/u/f76/11/96/49/61/menubg11.png) no-repeat center;} #menu ul{padding-top: 13px;} #menu ul li{ padding: 0 10px 13px 10px; margin-right: 10px; display: inline;} #menu ul li:hover{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/hover11.png) no-repeat bottom center;} #menu ul li a{ text-shadow: 1px 1px 5px black; color: white; font-family: arial !important; font-weight: bold; font-style: italic; font-size: 18px;} #content-head{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten10.png) no-repeat; height: 20px; width: 718px;} #content-body{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten12.png) repeat-y; width: 718px;} #main{padding: 0 20px 10px 20px;} #content-foot{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/conten11.png) no-repeat; height: 20px; width: 718px;} #widget-row{padding-top: 25px;} #widget{margin-left: -9px;} #widget-head{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget11.png) no-repeat; height: 20px; width: 209px;} #widget-body{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget12.png) repeat-y; width: 209px;} #wmain{padding: 0 10px;} #widget-foot{ background: url(http://i76.servimg.com/u/f76/11/96/49/61/widget13.png) no-repeat; height: 20px; width: 209px;} #widget-title{ padding-top: 20px; padding-bottom: 5px; text-shadow: 0 2px 5px lightgrey; margin-top: 0;} #links-list { padding: 0 !important; padding-left: 5px; width: 180px; list-style-type: none !important;} #links-list li{ padding: 5px; border-bottom: 1px solid #a0a0a0; border-top: 1px solid #d8d8d8;} #links-list li:first-child{border-top: 0;} #links-list li:last-child{border-bottom: 0;} #footer{margin-top: 30px;} #footer-table{margin-bottom: 20px;} #footer-table td{ text-shadow: 1px 1px 0 white; padding: 0 10px; border-right: 1px solid #1b61b8; border-left: 1px solid white;} #footer-table td:first-child{border-left: 0;} #footer-table td:last-child{border-right: 0;} #footer-links{ margin-top: 20px; margin-left: 10px;} #footer-links a{margin-right: 10px;} #copyright{ margin-right: 20px; float: right;} #site-info{ margin-right: 10px; font-weight: bold; text-shadow: 0px 1px 1px white; padding: 4px; background: #1b61b8; border: 2px solid white; -webkit-background-clip: padding-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} #site-info-content{ border: 1px solid white; padding: 5px; background: #f0f0f0;} #desc{margin-top: 15px;} #slider-wrapper { float: right; width:620px; padding: 4px; background: #1b61b8; border: 2px solid white; -webkit-background-clip: padding-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} #slider { border: 1px solid #68adf4; position:relative; width:618px; height: 180px; background:url(http://i76.servimg.com/u/f76/11/96/49/61/loadin10.gif) no-repeat 50% 50%;} #slider img { height: 180px; width: 618px; position:absolute; top:0px; left:0px; display:none;} #slider a { border:0; display:block;} </style> </head><div id="main-content" align="center"> <div id="page-body"> <table width="918px"> <td> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/logo210.png" title="" alt=""> </a> </td> <td align="right"> <form method="get" action="/search" id="search"><input id="search-input" type="text" name="search_keywords" maxlength="128" class="inputbox search" value="Pretraga..." onclick="if (this.value == 'Pretraga...') this.value = '';" onblur="if (this.value == '') this.value = 'Pretraga...';"><input id="search-button" type="submit" value=" "></form> <div id="social_icons"> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/fb10.png" title="Follow us on Facebook" alt="Follow us on Facebook"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/twitte10.png" title="Follow us on Twitter" alt="Follow us on Twitter"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/myspac10.png" title="Follow us on Mysapce" alt="Follow us on Myspace"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/digg10.png" title="Follow us on Digg" alt="Follow us on Digg"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/in10.png" title="Follow us on Linkedin" alt="Follow us on Linkedin"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/delici10.png" title="Follow us on Delicious" alt="Follow us on Delicious"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/stumbl10.png" title="Follow us on Stumbleupon" alt="Follow us on Stumbleupon"> </a> <a href="#"> <img src="http://i76.servimg.com/u/f76/11/96/49/61/rssfee10.png" title="RSS Feed" alt="RSS Feed"> </a> </div> </td> </table><div id="menu"> <ul> <li> <a href="#">Pocetna</a> </li> <li> <a href="#">Forum</a> </li> <li> <a href="#">Portofolio</a> </li> <li> <a href="#">Kontakt</a> </li> </ul> </div> <table width="100%" id="desc"> <td><div id="site-info"><div id="site-info-content"> SkinMotion je organizacija koja se bavi dizajniranjem skinova za forumotion forume. Ovo je besplatan skin koga mogu koristiti svi clanovi. Molimo vas da ne skidate copyright sajta. </div> </div> </td> <td><div id="slider-wrapper"> <a href="#"><img src="http://i76.servimg.com/u/f76/11/96/49/61/ghitar10.png" /></a> </div><div id="htmlcaption" class="nivo-html-caption"> <strong>INFO:</strong> Vise o tome procitajte <em></em>. <a href="#">ovde.</a> </div> </div> </td> </table> <br><br><br> <table id="container" cellspacing="0" cellpadding="0"> <td><div id="content-head"></div><div id="content-body"> <div id="main"> <h1>Naziv artikla</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. Aliquam dui ipsum, ullamcorper id vestibulum et, auctor vitae dolor. Fusce in lorem erat, ultricies consectetur erat. Maecenas malesuada lacus cursus dui viverra nec tempus ligula porta. Ut posuere pellentesque turpis, quis congue arcu ullamcorper in. Proin sed imperdiet sem. <br> <br> <br><div id="article-body"><div id="date"> <span id="day">10</span> <br> <span id="month">05</span> <br> <span id="year">2010</span> <br> </div><div id="article-head"> <a href="#"> <h2 id="article-title"> Naziv artikla </h2> </a> <p id="author">Od Admin</p> </div> Nam vitae urna velit, id rhoncus augue. Nunc mauris augue, luctus nec dignissim iaculis, tempus ut nunc. Mauris augue felis, sodales ac sollicitudin vitae, iaculis eu nisi. Aliquam malesuada massa at est ullamcorper iaculis. Curabitur vel leo eget libero facilisis aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pellentesque tortor ac tortor congue et tincidunt mauris malesuada. Vestibulum tempus faucibus velit. Maecenas at velit ipsum. Etiam ac elementum sem. Aenean tempor lacus sed neque facilisis vitae pulvinar eros faucibus. Integer ornare, mi nec rutrum ultricies, ante nibh consectetur leo, id tincidunt ante purus sed urna. Cras ut urna eu lacus porttitor ultrices vehicula et felis. <a href="#" id="read"> <p> Procitaj sve... </p> </a> </div><div id="article-body"><div id="date"> <span id="day">10</span> <br> <span id="month">05</span> <br> <span id="year">2012</span> <br> </div><div id="article-head"> <a href="#"> <h2 id="article-title"> Naslov artikla </h2> </a> <p id="author">Od Admina</p> </div> Nam vitae urna velit, id rhoncus augue. Nunc mauris augue, luctus nec dignissim iaculis, tempus ut nunc. Mauris augue felis, sodales ac sollicitudin vitae, iaculis eu nisi. Aliquam malesuada massa at est ullamcorper iaculis. Curabitur vel leo eget libero facilisis aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pellentesque tortor ac tortor congue et tincidunt mauris malesuada. Vestibulum tempus faucibus velit. Maecenas at velit ipsum. Etiam ac elementum sem. Aenean tempor lacus sed neque facilisis vitae pulvinar eros faucibus. Integer ornare, mi nec rutrum ultricies, ante nibh consectetur leo, id tincidunt ante purus sed urna. Cras ut urna eu lacus porttitor ultrices vehicula et felis. <a href="#" id="read"> <p> Procitaj sve.. </p> </a> </div> </div> </div><div id="content-foot"></div> </td> <td valign="top" id="widget-row"><div id="widget"><div id="widget-head"></div><div id="widget-body"><div id="wmain"> <h2 id="widget-title">Naslov meni...</h2> <ul id="links-list"> <li> <a href="#"> Link </a> </li> <li> <a href="#"> Link </a> </li> <li> <a href="#"> Link </a> </li> <li> <a href="#"> Link </a> </li> <li> <a href="#"> Link </a> </li> </ul> <h2 id="widget-title">Naslov meni...</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. Aliquam dui ipsum, ullamcorper id vestibulum et, auctor vitae dolor. Fusce in lorem erat, ultricies consectetur erat. <h2 id="widget-title">Naslov meni</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. </div> </div><div id="widget-foot"></div> </div> </td> </table> <img style="margin-top: 20px;" src="http://i76.servimg.com/u/f76/11/96/49/61/separa12.png"><div id="footer"> <table id="footer-table" width="918px" cellspacing="0" cellpadding="0"> <td width="33,3%"> <h2> Naslov 1</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. Aliquam dui ipsum, ullamcorper id vestibulum et, auctor vitae dolor. Fusce in lorem erat, ultricies consectetur erat. </td> <td width="33,3%"> <h2> Naslov 2</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. Aliquam dui ipsum, ullamcorper id vestibulum et, auctor vitae dolor. Fusce in lorem erat, ultricies consectetur erat. </td> <td width="33,3%"> <h2> Naslov 3</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt scelerisque massa ut aliquet. Aliquam dui ipsum, ullamcorper id vestibulum et, auctor vitae dolor. Fusce in lorem erat, ultricies consectetur erat. </td> </table> </div><div id="footer-links"> <a href="#">O Nama</a> <a href="#">Forum</a> <a href="#">Razmena</a> <a href="#">Kontakt</a> <span id="copyright"> Copyright © 2012 <a href="http://tutorijali.forumsr.com"> SkinMotion </a><div align="right" style="margin-top: 3px;"> All rights reserved. </div> </span> </div> </div> </div>