返回 動漫遊戲

電腦 / 請教CSS高手一個小小的問題...

我網誌有篇文章設定是密碼隱藏
訪客來看的時候
要看密碼提示然後輸入密碼

但是
我密碼提示的字的顏色
跟我的背景融為一體了
所以都看不到(我背景顏色是用黑色    表示字也變黑色了)

請問一下這個地方字的顏色
在語法裡面是叫什麼??
我才能去修改顏色
謝謝~
  • 還是不行耶...
    我把畫面拍下來了

    CSS
  • 還是黑的....

    這跟語法放在哪有關係嗎??

    謝謝喔
  • 黑色標籤在這~

    .article-body{
    margin-top:  10px;
    margin-bottom:  10px;
    background:#000000;
    Alpha(opacity=60)
    }
    ***

    我剛有試著把你說的那句語法貼在上述語法的下面(3顆星星處)
    還是不行@@
    我太笨了
  • 那個透明度    對啊沒有透明    失敗~
    所以我就懶的改掉就放在那:P


    那我貼看看

    /*------------------------------------conetnt-----------------------------------------------*/

    #content{
    float:  right;
    width:  580px;
    margin-right:  10px;
    _margin-right:  5px;
    }
    #spotlight{
    margin-left:  10px;
    padding:  10px  0px;
    border-bottom:  1px  dotted  #aaa;
    }
    #spotlight  h5{
    font-weight:  bold;
    color:#FFF03C;
    }
    #spotlight-text{
    color:#aaa;
    }
    #article-area{
    margin:  10px;
    }
    #article-area  h3,
    #view-mode,
    #sequence{
    text-align:  right;

    #display{}
  • /*------------------------------------article-----------------------------------------------*/

    .article{
    margin-bottom:  15px;
    border-bottom:  1px  dotted  #aaa;

    .article-head{
    height:  45px;
    background:#ff7070;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    padding-left:  10px;
    }
    .article-head  img{
    display:url:"http://moko.pupu.jp/web/sozai/mushi001/bee004.gif"  right
    }
    .publish  {
    font:  11px  arial;
    text-transform  :  uppercase;
    margin-bottom:  7px;
    color:#aaa;
    }
    .title{}
    .title  a{
    font-size:  17px;
    color:#ff1a48;
                    font-weight:  bold;
    }
    .title  a:hover{
    font-size:  17px;
    color:#FFC3B4;
                    font-weight:  bold;
    }
    .article-body{
    margin-top:  10px;
    margin-bottom:  10px;
    background:#000000;
    Alpha(opacity=60)
    }

    .article-content{
    font-size:  12px;
    font-family:"georgia";
    letter-spacing:  0.1em;
    line-height:  150%;
    color:#08a16e;
    overflow:  hidden;
    width:  560px;
    padding-top:20px; 
    padding-left:20px;  }

    .article-content  br{
    letter-spacing:  normal;
    }
    .more{
    text-align:  right;
    margin-right:  10px;
    }
    .author,
    .bookmark{
    color:#aaa;
    text-align:  right;
    margin:  5px  10px;

    .bookmark  img{
    width:  12px;
    height:  12px;
    }
    .related{}
    .article-footer{}
    .history{} 
    .back-to-top{
    display:none;
    }
    .refer{}
    #blog-main  .refer  {
    display:none;
    }
    .trackback-url{}
    .forward{
    padding:  3px  0px;


  • 這是在PIXNET的~

    那我把全部貼上來好了
    不過因為還蠻多的
    你有空再看就好了
    麻煩妳了謝謝耶

    /*------------------------------  #comment-table  ------------------------------  */
    #comment-form  table        {        width:  96%  ;        margin:  0  auto  ;}
    #comment-form  td  ,  #comment-form  th        {        border:  1px  solid  #555  ;        padding:  3px  5px;        }
    #comment-form  input#send-comment        {        padding:  3px  5px  ;        }

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td  {
                    margin:0;
                    padding:0;
    }
    table  {
                    border-collapse:collapse;
                    border-spacing:0;
    }
    fieldset,img  {
                    border:0;
    }
    address,caption,cite,code,dfn,em,th,var  {
                    font-style:normal;
                    font-weight:normal;
    }
    ol,ul  {
                    list-style:none;
    }
    caption,th  {
                    text-align:left;
    }
    h1,h2,h3,h4,h5,h6  {
                    font-size:100%;
                    font-weight:normal;
    }
    q:before,q:after  {
                    content:``;
    }
    abbr,acronym  {
                    border:0;
    }
    pre{
                    font-size:  1em  ;
    }
    .article-content{
        _height:  1%  ;
        overflow:  hidden  ;
        _overflow:  none;
    }
  • /*---------------------------------------------------------------
    !!!  ----------------------------------------------------------------*/


    body  {
    font:  12px  arial;
    backgroud  color:#ffffff;
    background:  url(http://www.darkplanneur.com/images/yoshimoto_nara_affiche_film_playground_2.jpg)  fixed  center  top;
    background:  url(http://www.i-dmagazine.com/previews/287/home.htm)  fixed  center  top;
    background:  url(http://www.baozang.com/zt/nlmz/images/1/c0047740_4554716.jpg)  fixed  center  top;
    }
    HTML  {
    SCROLLBAR-FACE-COLOR:#fff;
    SCROLLBAR-HIGHLIGHT-COLOR:;
    SCROLLBAR-SHADOW-COLOR:  #aaa;
    SCROLLBAR-3DLIGHT-COLOR:;
    SCROLLBAR-ARROW-COLOR:  #aaa;
    SCROLLBAR-TRACK-COLOR:;
    SCROLLBAR-DARKSHADOW-COLOR:; 
    overflow-x:  hidden;
    }
    a  {
    color:#870000;
    text-decoration:none  ;
    }
    a:  {
    color:#871E3C;
    text-decoration:none  ;
    }
    select  {
    width:  170px;
    color:#F0E1F0;
    border:  1px  solid  #fff;
    background:#783C3C;
    }
    li{
    list-style-type:none; 
    }

    /*------------------------------------top_bar-----------------------------------------------*/

    #authority{
    height:  25px;
    padding-top:  10px;
    padding-bottom:  5px;
    text-align:  center;
    }
    #authority  a{
    padding:  3px  5px;
    margin:  10px  5px;
    border:  1px  solid  #aaa;
    background:#ff829f;
    }
    #authority  a:hover{background:#ff3055;
    color:#fff;
    }
    #container{
    width:  800px;
    margin:  20px  auto;
    background:;
    position:  relative;
    }
  • /*------------------------------------header-----------------------------------------------*/

    #header{
    background:;
    width:  800px;
    height:  375px;
    }
    #login-bar{
    position:  absolute;
    top:  5px;
    left:  10px;
    width:  300px;
    }
    #banner{}
    #banner  h1  a{
    font-size:  20px    ;
    font-family:"georgia"  ;
    position:  absolute;
    top:  60px;
    left:  35px;
    color:#F04B3C;
    }
    #banner  h2{
    position:  absolute;
    top:  95px;
    left:  35px;
    color:#F06978;
    width:  390px;
    height:  50px;
    overflow:hidden;
    }
    #banner  .skiplink,
    #banner  p{
    display:  none;
    }
    #navigation{
    position:  absolute;
    top:  0px;
    right:  0px;
    padding:  0;
    margin:  0;
    width:  365px;
    }
    #navigation  li{
    float:  right;
    margin:  0;
    }
    #navigation  a{
    display:  block;
    width:90px;
    height:  27px;
    font-size:  0px;
    *text-indent:  -5000px;
    }
    #navigation  #link-album  {
    background:url(http://www.sozaioukoku.com/artist/piece/menu/simple01/k15.gif)  right  top  no-repeat;
    }
    #navigation  #link-blog  {
    background:  url(http://www.sozaioukoku.com/artist/piece/menu/simple01/k19.gif)  top  no-repeat;
    }
    #navigation  #link-guestbook{
    background:  url(http://www.sozaioukoku.com/artist/piece/menu/simple01/k02.gif)  top  no-repeat;
    }
    #navigation  #link-profile  {
    background:  url(http://www.sozaioukoku.com/artist/piece/menu/simple01/k06.gif)  left  top  no-repeat;
    }
  • /*------------------------------------list  setting-----------------------------------------------*/
    .main-list{
    width:  95%;
    }
    .main-list  table{
    width:100%;
    margin:  10px  0px;
    }
    .main-list  h3  {}
    .main-list  th{
    color:#aaa;
    padding:  2px  0px;
    background:#ececec;
    border-left:  10px  solid  #fff;
    border-bottom:  3px  solid  #fff;
    }
    .list-date  { }
    .list-title{}
    .main-list  td{
    color:#666;
    padding:  2px  0px;
    border-bottom:  1px  dotted  #aaa;
    border-left:  10px  solid  #fff;
    }

  • /*----------comment  area--------*/
    .user-post-box{} 
    .user-post-title{
    color:#ccc;
    }
    .post-comment{
    margin:  20px  10px;
    }
    #content  .post-comment  a{
    background:url(http://moko.pupu.jp/web/sozai/cut003/sche003.gif)  ;
    display:  block;
    width:  100px;
    height:  100px;
    font-size:  0px;
    color:#fff;
    }
    #content  .post-comment  a:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:  0.5;
    }

    .single-post{
    color:#333;
    margin:  10px  auto  30px;
    width:  532px;
    background:;
    padding-left:  18px;
    border-top:  1px  solid  #eee;
    }
    .single-post:after  {
    content:  ".";
    display:  block;
    height:  0;
    overflow:  hidden;
    visibility:  hidden;
    clear:  both;
    }
    .post-info{
    background:#4da1b3;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    text-align:  right;
    padding:5px  5px  5px  5px;
    border-bottom:  1px  solid  #eee;
    margin-bottom:  5px;
    text-transform  :  uppercase;
    color:#B4D2B4;
    }
    .post-photo{
    float:  left;
    width:  100px;
    margin:  0px  10px  0px  10px;
    padding-bottom:  10px;
    }
    .post-photo  img{
    border:  3px  solid  #fff;
    }

    .post-text{
    color:#666;
    line-height:  160%;
    width:  400px;
    _width:  390px;
    padding-bottom:  10px;
    }

  • .post-text  p{
    color:green;
    }
    .reply-text{
    clear:  both;
    color:#0f5375;
    padding:  5px  10px;
    background:;
    border-right:  1px  solid  #ddd;
    border-bottom:  1px  solid  #ddd;font-family:"georgia";
    border-top:  1px  solid  #ddd;
    border-left:  1px  solid  #ddd;
    }
    .reply-text  p{
    display:  none;
    }
    .single-post.secret{
    width:  512px;
    height:  25px;
    margin-left:  24px;
    font-size:  13px;
    background:#f6f6f6;
    border-right:  1px  solid  #ddd;
    border-bottom:  1px  solid  #ddd;
    text-align:  right;
    }
  • /*------------------------------------trackback-----------------------------------------------*/

    #trackback-box  {}
    #trackback-box  h3  {}
    #trackback-box  SPAN  {}
    #trackback-box  input{}
    #trackback-text  {}
    #trackback-text  .single-post  {} 
    #trackback-text  .post-info  {}
    #trackback-box    .post-text{
    width:auto  ;
    float:none  ;
    padding:  5px  10px;
    }

    .page{
    text-align:  center;
    }
    .page  SPAN{
    font-weight:  bold;
    color:#8db831;


    /*------------------------------------links-----------------------------------------------*/

    #links{
    float:  left;
    width:  185px;
    margin-left:  10px;
    _margin-left:  5px;
    color:#666;
    }
    #links  a{
    color:#ff0534;
    }
    #links  a:hover{
    color:#1c9cb5;
    }
    .box{
    margin:  15px  0px;
    clear:  both;
    }
    .box-title{
    background:  url(http://moko.pupu.jp/web/sozai/piyo023/piyo006.gif)  left  top  no-repeat;
    height:  20px;
    margin-bottom:  10px;
    color:#361d05;
    font:  12px  arial;
    font-weight:  bold;
    padding-left:  30px;
    padding-top:  2px;
    }
    .box-text  {
    font:  11px  arial;
    *font:  10px  arial;
    }
    .box  li{} 
    .box-more{
    clear:  both;
    text-align:  right;
    margin:  5px;
    }
    #links  .box-more  a{
    background:#c8d5ae;
    padding:  1px;
    }

    .box  h6{
    font:  9pt  verdana;
    _font:  8pt  verdana;
    margin:  5px  0px;

  • 美髮是第二生命的話:
    難怪~
    怎麼覺得畫面很像無名@@


    .article-body{
    margin-top:        10px;
    margin-bottom:        10px;
    background:#000000;
    Alpha(opacity=60)
    }

    那就是要在這邊加上color:色碼
    或是你把background:#000000改掉
    ======================================

    真的直接加COLOR就好了
    可以了!!  可以了!!

    真是太感謝你了~~  (痛哭流涕)
回應...
 返回 動漫遊戲