მთავარი » 2014 იანვარი 17 » jQuery Widget Form
13:51 jQuery Widget Form | |
დასახელება: jQuery Widget Form ავტორი: karpachi დემო: Click აღწერა: ეს არის jQuery ვიჯეტის ფორმა. ასევე შეგიძიათ ეს ვიჯეტი გამოიყენოთ საიტზე რაიმე ინფორმაციის მისაწოდებლად დაყენება:
გადაწერეთ ფაილი, ატვირთეთ FTP ზე. ეს კოდი კი ჩასვით თქვენ სასურველ გვერდზე <link href="inettuts.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="head"> <h1>iNettuts</h1> </div> <div id="columns"> <ul id="column1" class="column"> <li class="widget color-green" id="intro"> <div class="widget-head"> <h3>Introduction Widget</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p> </div> </li> <li class="widget color-red"> <div class="widget-head"> <h3>Widget title</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p> </div> </li> </ul> <ul id="column2" class="column"> <li class="widget color-blue"> <div class="widget-head"> <h3>Widget title</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p> </div> </li> <li class="widget color-yellow"> <div class="widget-head"> <h3>Widget title</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p> </div> </li> </ul> <ul id="column3" class="column"> <li class="widget color-orange"> <div class="widget-head"> <h3>Widget title</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p> </div> </li> <li class="widget color-white"> <div class="widget-head"> <h3>Widget title</h3> </div> <div class="widget-content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus. Больше скриптов: <a href="http://php5lab.com/">php5lab.com</a> </p> </div> </li> </ul> </div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery-ui-personalized-1.6rc2.min.js"></script> <script type="text/javascript" src="inettuts.js"></script> </body> </html> | |
|
სულ კომენტარები: 0 | |