Template:KIT-Kyoto-3
From 2010.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<head> | <head> | ||
<style type=text/css> | <style type=text/css> | ||
- | + | table, tr, td { background-color:transparent;} | |
body{ background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg); | body{ background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg); | ||
+ | /* IEはAlphaImageLoaderで以前から拡大・縮小が可能 */ | ||
+ | /* 上段は~IE7、下段はIE8用の書き方です */ | ||
+ | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg'); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg')"; | ||
+ | |||
+ | /* Opera用のベンダ接頭辞 */ | ||
+ | -o-background-size: 100% 100%; | ||
+ | |||
+ | /* Safari・Chrome用のベンダ接頭辞 */ | ||
-webkit-background-size: 100% 100%; } | -webkit-background-size: 100% 100%; } | ||
margin:0; | margin:0; | ||
Line 12: | Line 21: | ||
color:#777777; | color:#777777; | ||
background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg) no-repeat ; | background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg) no-repeat ; | ||
- | -webkit-background-size: 100% 100%; | + | /* IEはAlphaImageLoaderで以前から拡大・縮小が可能 */ |
+ | /* 上段は~IE7、下段はIE8用の書き方です */ | ||
+ | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg'); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg')"; | ||
+ | |||
+ | /* Opera用のベンダ接頭辞 */ | ||
+ | -o-background-size: 100% 100%; | ||
+ | |||
+ | /* Safari・Chrome用のベンダ接頭辞 */ | ||
+ | -webkit-background-size: 100% 100%; | ||
} | } | ||
a{ | a{ | ||
- | background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg) no-repeat | + | background:url(https://static.igem.org/mediawiki/2010/3/33/Haikei2.jpg) no-repeat |
+ | /* IEはAlphaImageLoaderで以前から拡大・縮小が可能 */ | ||
+ | /* 上段は~IE7、下段はIE8用の書き方です */ | ||
+ | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='test.gif'); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='test.gif')"; | ||
+ | |||
+ | /* Opera用のベンダ接頭辞 */ | ||
+ | -o-background-size: 100% 100%; | ||
+ | |||
+ | /* Safari・Chrome用のベンダ接頭辞 */ | ||
-webkit-background-size: 100% 100%; | -webkit-background-size: 100% 100%; | ||
outline:none; | outline:none; | ||
Line 65: | Line 92: | ||
#content { | #content { | ||
+ | background-color: transparent; | ||
width: none; | width: none; | ||
position: relative; | position: relative; | ||
float: center; | float: center; | ||
border: 0px; | border: 0px; | ||
- | + | } | |
#menubar { | #menubar { | ||
Line 76: | Line 104: | ||
line-height:1em; | line-height:1em; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:10px; |
white-space:nowrap; | white-space:nowrap; | ||
width:50%; | width:50%; | ||
Line 123: | Line 151: | ||
</STYLE> | </STYLE> | ||
</head> | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <BR><BR><BR> | ||
+ | |||
+ | <IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png" width="337px" height="50px" border="0" align="right"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <table border="0"cellpadding="5"cellspacing="1"bgcolor="none"width=100%"> | ||
+ | <tr> | ||
+ | <td background="https://static.igem.org/mediawiki/2010/9/97/Haikei-toumei.gif"> | ||
+ | |||
+ | |||
+ | |||
+ | background-image:url(""); | ||
+ | background-repeat:repeat-y; | ||
+ | |||
+ | |||
+ | |||
+ | あいうえお | ||
+ | |||
+ | style="filter: Alpha(opacity=30)" | ||
+ | |||
+ | <BR><BR>ああいうえお<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:04, 8 September 2010
background-image:url("");
background-repeat:repeat-y;
あいうえお
style="filter: Alpha(opacity=30)"
ああいうえお |