「砂場」の編集履歴(バックアップ)一覧に戻る
砂場 - (2010/05/14 (金) 08:09:40) のソース
編集の練習をしてください #memo(fsだfdさ) #popular() #yetlist() #divid(table){ |0| | |1|行| |2|ご| |3|と| |4|に| |5|色| |6|を| |7|わ| |8|け| |9|て| |10|み| |11|た| } ↑表組みを作るときに#divid(table){表}を利用すると行毎に背景色が変わるようにしました。 おすすめの色とかがあれば教えてください。 項目名を第1行目に入れたとき、第10行目が第9項目であるので、偶数行、奇数行、10n+1行を指定しました。 ☆1行目を項目説明、2行目から内容でおねがいします ただし、連続して入力しない場合(途中の行に再び項目名を載せるなど)もずれるので注意してください。 状況に応じたものを事前にcssに記述しておけば使い分けることもできるんですがね。 現在のCSS(改行を含むので構文を適用しないタグが使えない) /************************************************************ ******************* NUDN2 General Definitions ************************************************************* ******************/ div#table tr:hover { background: #e9e4da; } div#table tr.atwiki_tr_even { color: #000; background: #dcdcdc; } div#table tr.atwiki_tr_odd { color: #000; background: #E0FFFF; } div#table tr.atwiki_tr_11 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_21 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_31 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_41 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_51 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_61 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_71 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_81 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_91 { color: #000; background: #D0F0F0; } div#table tr.atwiki_tr_101 { color: #000; background: #D0F0F0; } .clear { clear : both; } .footer { background : url(http://www35.atwiki.jp/saitama-u/pub/saidai-bottom.gif)repeat-x; border-top : 0px dashed #C0C0C0; margin : 0px 20px 0px 20px; padding : 10px; position : relative; z-index : 13; } .footer hr { display : none; } .footer p { font-size : 0.9em; margin : 5px 0 0px 0px; text-align : center; } .header { background : #FFF; border-bottom : 0px dashed #C0C0C0; margin : -30px 0px -33px -30px; position : relative; } .headerInner { font-size : 1.8em; font-weight : bold; padding : 20px; position : relative; } .headerInner a img { border : none; text-decoraion : none; } .inner { border-left : 1px dashed #C0C0C0; border-right : 1px dashed #C0C0C0; margin : 0; width : 100%; } abbr[title] { border-bottom : dotted 1px; } acronym[title] { border-bottom : dotted 1px; } address { display : block; font-style : italic; } b { font-weight : bolder; } caption { display : table-caption; text-align : center; } center { display : block; text-align : center; } cite { font-style : italic; } col { display : table-column; } colgroup { display : table-column-group; } dd { display : block; margin-left : 2em; } del { text-decoration : line-through; } dfn { font-style : italic; } dl { display : block; margin : 1em 0; } dl dl { margin-bottom : 0; margin-top : 0; } dl ol { margin-bottom : 0; margin-top : 0; } dl ul { margin-bottom : 0; margin-top : 0; } dt { font-weight : bold; } em { font-style : italic; } .inner h1 { font-size : 1.8em; margin : 13px 0; } .inner h2 { font-size : 1.6em; margin : 13px 0; } .inner h3 { font-size : 1.4em; margin : 13px 0; } .inner h4 { font-size : 1.2em; margin : 13px 0; } .inner h5 { font-size : 1.0em; margin : 13px 0; } .inner h6 { font-size : 0.8em; margin : 13px 0; } .inner h1.item { font-size : 1.3em; margin : 8px 0 18px 0; } hr { border : 1px 0; display : block; height : 1px; margin : 0.5em auto 0.5em auto; } i { font-style : italic; } ins { text-decoration : underline; } li { display : list-item; } multicol { display : block; margin : 1em 0; } nobr { white-space : nowrap; } ol { display : block; list-style-type : decimal; margin : 1em 0; padding-left : 25px; } ol dl { margin-bottom : 0; margin-top : 0; } ol ol { margin-bottom : 0; margin-top : 0; } ol ol ul { list-style-type : square; } ol ul { list-style-type : circle; margin-bottom : 0; margin-top : 0; } ol ul ul { list-style-type : square; } p { display : block; margin : 1em 0; } plaintext { background : #f8f3e6; border-left : 3px solid #e44949; display : block; font-family : fixed; margin : 3px 10px; padding : 5px; white-space : pre; } q:after { content : close-quote; } q:before { content : open-quote; } s { text-decoration : line-through; } strike { text-decoration : line-through; } strong { font-weight : bolder; } sub { font-size : smaller; line-height : normal; vertical-align : sub; } sup { font-size : smaller; line-height : normal; vertical-align : super; } table { -moz-box-sizing : border-box; border : 1px solid #333; border-collapse : collapse; border-spacing : 2px; display : table; margin-bottom : 1em; margin-top : 1em; margin-left : 1px; text-indent : 0; } table > tr { vertical-align : middle; } table[align="center"] > caption { margin-left : auto; margin-right : auto; } table[align="center"] > caption[align="left"] { margin-right : 0; } table[align="center"] > caption[align="right"] { margin-left : 0; } tbody { display : table-row-group; vertical-align : middle; } td { border : 1px solid #333; display : table-cell; padding : 4px; text-align : inherit; vertical-align : inherit; } tfoot { display : table-footer-group; vertical-align : middle; } th { background : #fff; border : 1px solid #333; color : #000; display : table-cell; font-weight : bold; padding : 4px; vertical-align : inherit; } thead { display : table-header-group; vertical-align : middle; } tr { display : table-row; vertical-align : inherit; } u { text-decoration : underline; } ul { display : block; list-style-type : disc; margin : 1em 0; padding-left : 25px; } ul dl { margin-bottom : 0; margin-top : 0; } ul ol { margin-bottom : 0; margin-top : 0; } ul ol ul { list-style-type : square; } ul ul { list-style-type : circle; margin-bottom : 0; margin-top : 0; } ul ul ul { list-style-type : square; } var { font-style : italic; } xmp { background : #f8f3e6; border-left : 3px solid #e44949; display : block; font-family : fixed; margin : 3px 10px; padding : 5px; white-space : pre; } .leftcol { color : #3E3E3E; float : left; font-size : 0.9em; line-height : 120%; margin-left : -180px; margin-right : 1px; margin-top : -5px; overflow : hidden; position : relative; width : 180px; z-index : 10; } .leftcol a:link { text-decoration : none; } .leftcol a:visited { text-decoration : none; } .leftpad { padding : 10px; } .middlecol { color : #2A2A2A; float : left; font-size : 1.0em; line-height : 160%; margin : 0 -3px 0 -2px; position : relative; width : 100%; /* z-index : 12; */ } .middlepad { padding : 6px 15px 15px 15px; } .outer { background : #FFF; border-left : 180px solid #F5F5F5; border-right : 170px solid #F5F5F5; width : auto; } .outer > .inner { border-bottom : 1px solid transparent; } .rightcol { color : #3E3E3E; float : left; font-size : 0.9em; line-height : 130%; margin-left : 1px; margin-right : -170px; margin-top : -5px; overflow : hidden; position : relative; width : 170px; z-index : 11; } .rightpad { padding : 10px 10px 10px 13px; } .wrapper { margin : 0 -1px; min-width : 400px; width : 100%; } a { text-decoration : none; } body {background:; color : #3E3E3E; font-family : arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシッ ク",clean,sans-serif; font-size : 76%; font-size-adjust : none; font-stretch : normal; font-style : normal; font-variant : normal; font-weight : normal; line-height : normal; margin : 0; padding : 0; } blockquote { background : #f8f3e6; border-left : 3px solid #6180a3; border-bottom : 1px solid #f8f3e6; margin : 3px 10px; padding : 5px; } pre { background : #f8f3e6; border-left : 3px solid #e44949; border-bottom : 1px solid #f8f3e6; display : block; font-family : fixed; margin : 3px 10px; padding : 5px; white-space : pre; } /* Holly Hack */ /* Hides from IE-mac \*/ * html blockquote {height: 1%;} * html pre {height: 1%;} /* End hide from IE-mac */ html { margin : 0; padding : 0; } span.word1 { background-color : #ffff66; color : #000; } span.word10 { background-color : #990099; color : #fff; } span.word2 { background-color : #a0ffff; color : #000; } span.word3 { background-color : #99ff99; color : #000; } span.word4 { background-color : #ff9999; color : #000; } span.word5 { background-color : #ff66ff; color : #000; } span.word6 { background-color : #880000; color : #fff; } span.word7 { background-color : #00aa00; color : #fff; } span.word8 { background-color : #886800; color : #fff; } span.word9 { background-color : #004699; color : #fff; } /*ads*/ .gafc_on{ background-color:#DFDFDF; } .gafc_domain{ color:green; } /* Hides from IE-mac \*/ * html #source___Frame{ width:97% !important;} /* End hide from IE-mac */