API tools faq
paste
Advertisement
Guest User

tabstripaspx

a guest
Apr 12th, 2018
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
ASP 4.45 KB | None | 0 0
raw download clone embed print report
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="nourlaspx.aspx.cs" Inherits="descarga_nourlaspx" %>
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.  
  8.     <title></title>
  9.     <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css" />
  10.     <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.nova.min.css" />
  11.     <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.mobile.min.css" />
  12.  
  13.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
  14.     <script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
  15.     <script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.timezones.min.js"></script>
  16.     <script src="https://kendo.cdn.telerik.com/2017.2.621/js/cultures/kendo.culture.es-ES.min.js"></script>
  17.     <script src="https://kendo.cdn.telerik.com/2017.2.621/js/messages/kendo.messages.es-ES.min.js"></script>
  18.  
  19. </head>
  20. <body>
  21.     <form id="form1" runat="server">
  22.         <div>
  23.             <h1>Sin aspx</h1>
  24.  
  25.         </div>
  26.  
  27.  
  28.         <div id="example">
  29.             <div class="demo-section k-content">
  30.                 <div id="tabstrip">
  31.                     <ul>
  32.                         <li class="k-state-active">Paris
  33.                         </li>
  34.                         <li>New York
  35.                         </li>
  36.                         <li>London
  37.                         </li>
  38.                         <li>Moscow
  39.                         </li>
  40.                     </ul>
  41.                     <div>
  42.                         <span class="rainy">&nbsp;</span>
  43.                         <div class="weather">
  44.                             <h2>17<span>&ordm;C</span></h2>
  45.                             <p>Rainy weather in Paris.</p>
  46.                         </div>
  47.                     </div>
  48.                     <div>
  49.                         <span class="sunny">&nbsp;</span>
  50.                         <div class="weather">
  51.                             <h2>29<span>&ordm;C</span></h2>
  52.                             <p>Sunny weather in New York.</p>
  53.                         </div>
  54.                     </div>
  55.                     <div>
  56.                         <span class="sunny">&nbsp;</span>
  57.                         <div class="weather">
  58.                             <h2>21<span>&ordm;C</span></h2>
  59.                             <p>Sunny weather in London.</p>
  60.                         </div>
  61.                     </div>
  62.                     <div>
  63.                         <span class="cloudy">&nbsp;</span>
  64.                         <div class="weather">
  65.                             <h2>16<span>&ordm;C</span></h2>
  66.                             <p>Cloudy weather in Moscow.</p>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.  
  72.             <style>
  73.                 /*.sunny, .cloudy, .rainy {
  74.                 display: block;
  75.                 margin: 30px auto 10px;
  76.                 width: 128px;
  77.                 height: 128px;
  78.                 background: url('../content/web/tabstrip/weather.png') transparent no-repeat 0 0;
  79.             }
  80.  
  81.             .cloudy {
  82.                 background-position: -128px 0;
  83.             }
  84.  
  85.             .rainy {
  86.                 background-position: -256px 0;
  87.             }
  88.  
  89.             .weather {
  90.                 margin: 0 auto 30px;
  91.                 text-align: center;
  92.             }
  93.  
  94.             #tabstrip h2 {
  95.                 font-weight: lighter;
  96.                 font-size: 5em;
  97.                 line-height: 1;
  98.                 padding: 0 0 0 30px;
  99.                 margin: 0;
  100.             }
  101.  
  102.                 #tabstrip h2 span {
  103.                     background: none;
  104.                     padding-left: 5px;
  105.                     font-size: .3em;
  106.                     vertical-align: top;
  107.                 }
  108.  
  109.             #tabstrip p {
  110.                 margin: 0;
  111.                 padding: 0;
  112.             }*/
  113.             </style>
  114.  
  115.             <script>
  116.                 $(document).ready(function () {
  117.                     $("#tabstrip").kendoTabStrip({
  118.                         animation: {
  119.                             open: {
  120.                                 effects: "fadeIn"
  121.                             }
  122.                         }
  123.                     });
  124.                 });
  125.             </script>
  126.         </div>
  127.  
  128.  
  129.     </form>
  130. </body>
  131. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!