CSSカスタマイズ」

/*-----------------------------------ここからCSS開始----------------------*/ /*全体背景*/ body {

    background-image : url(http://fileup.jp/up/8584.jpg

) ;

   background-repeat : repeat ;
 background-position : center center ;

background-attachment : fixed ;

         font-family : メイリオ ;

}

/*全体位置*/

#topmovie {

            position : relative ;
              bottom : 40px ;

}

/*配信名タイトル*/

#movie_title {

    background-image : url(http://fileup.jp/up/8585.jpg) ;
               color : #009966 ;
           font-size : 18pt ;
          text-align : center ;
         text-shadow : 2px 1px 3px #000000 ;
              border : 3px solid #F0FFFF;
             padding : 5px ;
               width : 966px ;
            position : absolute ;
                 top : -6px ;
       border-radius : 10px ; /* 角丸Opera, IE */
  -moz-border-radius : 10px ; /* 角丸Firefox */

webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrome */ }

/*配信名タイトル横の配信者欄*/

#program_info {

    background-image : url(http://i.imgur.com/oIav8cK.png) ;
          text-align : center ;
              border : 3px solid #F0FFFF ;
             padding : 5px ;
            position : fixed ;
                 top : 0px ;
               right : 0px ;
       border-radius : 10px ; /* 角丸Opera, IE */
  -moz-border-radius : 10px ; /* 角丸Firefox */

webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrome */
```
             z-index : 1 ;
```
}

/*上のメインボックス*/

#author_comment {

    background-image : url(https://ssl.dengeki.com/elem/000/000/854/854951/bkb_009_cs1w1_1280x720.jpg) ;
 background-position : center ;
         font-weight : 600 ;
               width : 970px ;
              height : 670px ;
  -moz-border-radius : 10px ;

webkit-border-radius : 10px ;

       border-radius : 10px ;
              border : solid #F0FFFF ;

}

/*上のメインボックス-左下ボックス*/

#box1 {

    background-image : url(http://i.imgur.com/oIav8cK.png) ;
            position : relative ;
              margin : 415px 0px 0px 38px ;
  -moz-border-radius : 20px ;

webkit-border-radius : 20px ;

       border-radius : 20px ;
               width : 560px ; 
              height : auto ;
              border : 3px solid #ff9b20 ;

}

/*上のメインボックス-左下ボックス-番組の内容*/ .boxtitle1 {

       border-bottom : 1px solid #aaaaaa ;  /* 下線 */
         font-weight : bold ;               /* 太字 */
               color : #4564b0 ;            /* 文字の色 */
        padding-left : 30px ;               /* 文字位置右に??px */
         line-height : 25px ;               /* 文字位上下に??px */
           font-size : 20px ;　　　　　　　 /* 文字サイズ */

}

/*上のメインボックス-左下ボックス-SkypeID*/ .boxtitle2 {

          border-top : 1px solid #aaaaaa ;  /* 上線 */
         font-weight : bold ;               /* 太字 */
               color : #4564b0 ;            /* 文字の色 */
        padding-left : 30px ;               /* 文字位置右に??px */
         line-height : 25px ;               /* 文字位上下に??px */
           font-size : 20px ;　　　　　　　 /* 文字サイズ */

}

.program_attend_imgblock {

    background-image : url(http://i.imgur.com/y2ZtdxC.png) ;
  -moz-border-radius : 10px ;

webkit-border-radius : 10px ;

       border-radius : 10px ;
              border : 1px solid #E0FFFF ;

}

/*ファンメンバー-メンバー外枠色2*/ .program_fan_imgblock {

    background-image : url(http://i.imgur.com/y2ZtdxC.png) ;
  -moz-border-radius : 10px ;

webkit-border-radius : 10px ;

       border-radius : 10px ;
              border : 1px solid #E0FFFF ;

}

/*上のメインボックス-左下棒読みボックス1*/

#box2{

    background-image : url(http://i.imgur.com/oIav8cK.png) ;
               color : #4564b0 ;
          text-align : center ;
               width : 310px ;
              height : 33px ;
         font-weight : 700px ;
           font-size : 19px ;
  -moz-border-radius : 20px ;

webkit-border-radius : 20px ;

       border-radius : 20px ;
            position : absolute ;
              margin : -286px 0px 0px 616px ;
         padding-top : 10px ;
              border : 3px solid #ff9b20 ;

}

/*上のメインボックス-左下棒読みボックス2*/

#box3 {

    background-image : url(http://i.imgur.com/oIav8cK.png) ;
               width : 300px ;
              height : 210px ;
              border : 3px solid #ff9b20 ;
          text-align : left ;
             padding : 5px 5px ;
              margin : -226px 0px 0px 616px ;
  -moz-border-radius : 20px ;

webkit-border-radius : 20px ;

       border-radius : 20px ;

} /*上のメインボックス-左下棒読みボックス2-スクロール*/

#boxs {

               width : 300px ;
              height : 210px ;
            overflow : auto ;
            position : absolute ;

}

/*----------------------------ここからタグ部分の設定----------------------*/

/*配信者タグ*/

#author_tag a:link {

               color : #000000 ;

}

#author_tag a:hover {

    background-image : url(http://i.imgur.com/oIav8cK.png) ;
              border : 1px solid #0068b7 ;

}

#author_tag a:visited {

               color : #000000 ;

}

/*ユーザータグ*/

#usertag a:link {

               color : #000000 ;

}

#usertag a:hover {

    background-image : url(http://fileup.jp/up/8585.jpg) ;
              border : 1px solid #0068b7 ;

}

#usertag a:visited {

               color : #000000 ;

}

/*----------------------------ここまでタグ部分の設定----------------------*/

/*-------------------------ここからファン登録部分の設定-------------------*/

/*ファン登録-ブロックサイズ*/ .program_fan_imgblock {

               color : #000000 ;
    background-color : #ccffcc ;
              height : 150px ;
               width : 135px ;
      vertical-align : middle ;

}

/*ファン登録-画像サイズ*/ .program_fan_img {

              border : ridge 1px ;
        border-color : gray ;
               width : 100px ;
              height : 100px ;

}

/*ファン登録-ブロックサイズ*/ .tab_content{

    background-image : url(http://i.imgur.com/oIav8cK.png) ;

}

/*管理者に報告-報告タイトル*/ .datablock {

          text-align : center ;

}

/*管理者に報告-テキスト枠*/

#report .rowdata textarea {

               width : 800px ;

} /*-------------------------ここまでファン登録部分の設定-------------------*/

/*------------------ここからテキストコメント、番組情報欄の設定------------*/

/*テキストコメントと番組情報のタイトル*/ .home_head{

    background-color : #E0FFFF ;
         border-left : none ;
          text-align : center ;
           font-size : 18px ;

}

/*テキストコメント欄*/

#movie_left_box{

              height : 250px ;
    background-color : #F0FFFF ;

} /*番組情報欄*/

#movie_right_box{

              height : 250px ;
    background-color : #F0FFFF ;
           font-size : 18pt ;

}

#undermovie #movie_left_box textarea{

               width : 586px !important;
              height : 70px !important;

}

/*スクロール*/

#textcomment_ret {

    background-color : #F0FFFF ;
   background-repeat : no-repeat ;
              height : 100px ;
            overflow : scroll ;
          overflow-x : hidden ;

}

/*ライン*/

#undermovie .txtcome_block dt {

    background-color : #E0FFFF ;

}

/*------------------ここまでテキストコメント、番組情報欄の設定------------*/

/*-----------------------------ここから広告系の設定-----------------------*/ /*アマゾン広告背景透過と色つけ*/ .thumbblock_3colum_ama {

    background-color : transparent ;

} .thumbblock_3colum_ama:hover{

    background-color : #F0FFFF  ;
     -moz-transition : 1s ease-out ;
       -o-transition : 1s ease-out ;
  -webkit-transition : 1s ease-out ;

} .thumbblock_3colum_ama .thumbdataback {

               color : #000000 ;

} .thumbblock_3colum_ama .thumbcomment {

               color : #000000 ;

} .thumbblock_3colum_ama .amabanner_sals_cnt {

               color : none ;

} .thumbblock_3colum_ama .thumbimage_ama {

    background-color : #FFFFFF ;
    background-image : url(http://i.imgur.com/nVjOHCW.png) ;

} .thumbblock_3colum_ama .thumbtitle a:link {

               color : #000000 ;

} .thumbblock_3colum_ama .thumbtitle a:visited {

               color : #000000 ;

} .thumbblock_3colum_ama .thumbtitle a:hover {

               color : #66ccff ;

}

/*アマゾン広告横サイズ*/

#undermovie #thumb {

           font-size : 10pt !important ;
               width : 100% !important ;

}

/*最下ミニアマゾン広告5つ*/ .thumbblock_3colum:hover{

    background-color :  #F0FFFF  ;
     -moz-transition : 1s ease-out ;
       -o-transition : 1s ease-out ;
  -webkit-transition : 1s ease-out ;

}

.thumbblock_3colum a:link {

               color : #000000 ;

} .thumbblock_3colum a:visited {

               color : #000000 ;

} .thumbblock_3colum a:hover {

               color : #66ccff ;

}

/*上下の広告*/

#aswift_0 {

              border : 2px solid #0068b7 ;

}

#aswift_0_anchor {

            position : relative ;
                 top : -30px ;
                left : 130px ;

}

#aswift_1 {

              border : 2px solid #0068b7 ;

}

#aswift_1_anchor {

            position : relative ;
                left : 130px ;

} /*-----------------------------ここまで広告系の設定-----------------------*/

/*-----------------------------ここから最上部の設定-----------------------*/

/*右上メニューと説明文*/

#header table tbody tr td {

          text-align : left ;

}

#header table tbody tr td div.explanation {

          text-align : left ;

} /*左上画像(タイトルロゴ)*/

/*左上検索欄*/ .headmenu {

            position : relative ;
                left : 75px ;

} /*-----------------------------ここまで最上部の設定-----------------------*/

/*-----------------------------ここからその他の設定-----------------------*/

/*番組情報編集見やすくする&amp;amp;amp;CSSフロート 51IE、45クローム、55火狐*/

#txt_author_comment {

               width : 480px ;
              height : 500px ;
           font-size : 9pt ;
               float : left ;
          margin-top : 70px ;
        margin-right : 0px ;

}

/*CSS編集見やすくする*/

#txt_css {

               width : 480px ;
              height : 500px ;
           font-size : 9pt ;

}

/*-----------------------------ここまでその他の設定-----------------------*/

/*-----------------------------------ここまでCSS終了----------------------*/

もくじ

最新の10件

Access

Online