Mercurial Mercurial > eulalie / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/player/css/jq-css/demos/tabs/bottom.html
author ymh <ymh.work@gmail.com>
Mon, 12 Jul 2010 12:01:22 +0200
changeset 57 3a3c15c462f8
parent 1 436d4791d7ac
parent 51 2d6866072851
permissions -rw-r--r--
Merge with da0957782d03935d99e10137f123191a9c843391
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
51
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     1
 
<!DOCTYPE html>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     2
 
<html lang="en">
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     3
 
<head>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     4
 
	<meta charset="UTF-8" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     5
 
	<title>jQuery UI Tabs - Tabs at bottom</title>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     6
 
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     7
 
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     8
 
	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     9
 
	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    10
 
	<script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    11
 
	<link type="text/css" href="../demos.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    12
 
	<script type="text/javascript">
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    13
 
	$(function() {
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    14
 
		$("#tabs").tabs();
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    15
 
		$(".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *")
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    16
 
 		.removeClass("ui-corner-all ui-corner-top")
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    17
 
  		.addClass("ui-corner-bottom");
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    18
 
	});
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    19
 
	</script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    20
 
	<style>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    21
 
		#tabs { height: 200px; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    22
 
		.tabs-bottom { position: relative; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    23
 
		.tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    24
 
		.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    25
 
		.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    26
 
		.ui-tabs-selected { margin-top: -3px !important; }
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    27
 
	</style>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    28
 
</head>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    29
 
<body>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    30
 












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    31


<div class="demo">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    32














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    33


<div id="tabs" class="tabs-bottom">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    34


	<ul>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    35


		<li><a href="#tabs-1">Nunc tincidunt</a></li>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    36


		<li><a href="#tabs-2">Proin dolor</a></li>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    37


		<li><a href="#tabs-3">Aenean lacinia</a></li>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    38


	</ul>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    39


	<div id="tabs-1">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    40


		<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    41


	</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    42


	<div id="tabs-2">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    43


		<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    44


	</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    45


	<div id="tabs-3">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    46


		<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    47


		<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    48


	</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    49


</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    50














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    51


</div><!-- End demo -->












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    52














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    53


<div class="demo-description">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    54














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    55


<p>With some additional CSS (for positioning) and JS (to put the right classes on elements) the tabs can be placed below their content.</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    56














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    57


</div><!-- End demo-description -->












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    58














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    59


</body>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    60


</html>














eulalie