用户名: 密 码:

新空间美化官方圈


http://q.mop.com/mopwisp( 复制链接 | 我要收藏 )

  帖子标题:

 美化空间完全代码

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 1,复制以下内容到编辑框中
    2,根据提示修改相应的内容
    3,保存并应用:保存,并且将该模板应用在你的空间
    4,保存:将模板保存在模板设置的“我的模板”中
    5,恢复缺省:如果您的模板修改错误,点击恢复缺省可以恢复到默认状态
    /*=============================菜鸟分割线===============================*/
    body{background:#f3f4f4}/*  <---- 页面背景颜色*/
    #top{background:url(../images/top_pic.gif);border-top:0}/*顶部banner图;如果需要自定义高度,可加入height属性,如height:123px*/
    #top_tit{color:#7a7a7a;}
    .box_m .con,.box_l .con,.box_r .con,#panel_in,#con960,.box_l_ad,.box_r_sub .con,#mainbox #con_in,.box_r .con_nop,#u_announce,.u_data,.b_gray,.jsw710,.jsw300,.jsw200,.tb_b_tr,.tb_b_t,.tb_b_b,.myexp,#top,#topmenu,#con_in,.fri_box,.userinfo,.top_set,.tb_b_r,.album_son,.album_son .list .c2,.album_son .list .c1,#panel_in,#con960,.pm_con,.album_box .pic,#album_cover .show,#album_cover .list,#announce
    {border-color:#e1e1e1}/*  <---- 所有内容区边框颜色*/
    .box_m .con,.box_l .con,.box_r .con,#panel_in,#con960,.box_l_ad,.box_r_sub .con,#mainbox #con_in,.box_r .con_nop,#u_announce,.u_data,.b_gray,.jsw710,.jsw300,.jsw200,.tb_b_tr,.tb_b_t,.tb_b_b,.myexp,.userinfo,.album_other,.pm_con,#announce
    {background-color:#fafafa}/*  <---- 所有内容区背景颜色*/
    .lastvu_rbox div .avatar,.lastvu_box div .avatar,.fri_box .avatar img,.album_pic img,.userinfo .u_pic img,.gb_mbox .avatar img,.gb_box .avatar img,.fbox_avatar img,.flist_box a img,.gb_avatar img,.grp_piclnk img,.photo_box img,.album_other img,.photoad_list .pic img,.cp_aview img,.cp_stypic img,.album_upbox .photo img,.album_box .pic a img,.photoad_list2 .pic img,#album_cover .list .list_in img,.art_img a img
    {border:1px solid #e1e1e1;}/*  <---- 所有图片边框颜色*/
    .box_m .tit,.box_l .tit,.box_r .tit,.box_r_sub .tit,.box_m .tit div a,.box_l .tit a,.box_r .tit a,.box_r_sub .tit a
    {color:#4b4b4b}/*  <---- 标题区标题文字颜色*/
    .flnk_tit,.tit .f_right a,.grp_tit,.tit .f_left a,.art_tit a,#grp ul li a,#grp2 ul li a,.ann_lnk,.gb_user a,.cp_info,.cp_fl_01,.cp_fl_02
    {color:#4b4b4b}/*  <---- 内容区标题文字颜色*/
  • 楼主 2007-07-02 14:31:19

  回复贴子:


  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • /*=============================进阶分割线===============================*/
    /*标题*/
    .box_l .tit{background:url(../images/box_l_tit.gif)}/*左侧标题背景,宽202*/
    .box_m .tit{background:url(../images/box_m_tit.gif)}/*三栏中间标题背景,宽552*/
    .box_r .tit{background:url(../images/box_r_tit.gif)}/*三栏右侧标题背景,宽194*/
    .box_r_sub .tit{background:url(../images/box_r_tit2.gif)}/*两栏右侧标题背景,宽752*/
    .box_l .tit,.box_m .tit,.box_r .tit,.box_r_sub .tit{background-color:}/*如果您不想使用图片,请删除上面4行并在本行color:后面添入颜色代码*/
    /*分隔线颜色*/
    .line,.line2{background:#efefef}
    /*通用基础链接色,3种,颜色由轻到重*/
    a,.myexp a,#grp ul li a,#grp2 ul li a,.pages a,.box_m_list li a{color:#565656}
    #grp ul li a,#grp2 ul li a{color:#4b4b4b}
    .box_l .con #ucp li h3 a,.box_m_list li a,.art_cor .f_right a{color:#4b4b4b}
     /*触发链接色*/
    a:hover,.box_l .con #ucp li h3 a:hover,#grp ul li a:hover,#grp2 ul li a:hover..grp_ban a{color:#7f7f7f}
    /*大部分文字颜色*/
    #bottom,.item_info,.box_m .u_datain,.m_inner,.r_inner,.art_txt,.gb_date,.gb_adm,.udata_r,.gb_mdate,.grp_info,.cp_tit14,.cp_avaset01,.cp_avaset03,.cp_avaset02,#pm_flist,#pm_blist,#pm_rlist,.pm_box .f_left,.cp_edlnk,.rli_gray li,.jsw_con{color:#565656}
    /*标签切换*/
    .album_son #lnk a,.album_son .list,#cp_tabs a{border-color:#bbb;background-color:#f1f1f1}
    .album_son #lnk a.active,.album_son .list,#cp_tabs a.active{background-color:#fff}
    /*博客型文章标题背景*/
    .art_titbox,#album_cover .list{background:#f3f3f3;}
    /*相关信息盒子*/
    .art_lnk,.photo_info,.admin_titinput,.cp_boxtit,.album_box .info
    {border-color:#ededed;background:#fbfbfb;border-style:solid;border-width:1px 0;color:#7f7f7f;}
    .admin_titinput{border:1px solid}
    /*小提示box,只在美化空间出现*/
    .cp_alertbox,.uncretpl{border:1px dotted #ccc;background:#f5f5f5;}
    /*表单样式*/
    .cp_fr_01 input,.cp_fr_01 textarea,.cp_avaset01 input,.cp_avaset03 input,.pm_box .f_right input,.pm_box .f_right textarea,.fal_input,.cp_fr_01 input,.cp_fr_01 textarea,.cp_avaset01 input,.cp_avaset03 input,.cp_inputflnk,.pm_box .f_right input,.pm_box .f_right textarea,.album_upbox .input input
    {border:1px solid #ccc;background:#f7f7f7;color:#666}
    /*数据列印输出---行颜色,用于短消息等处*/
    .tb_c1 li,.album_son .list .c2{background:#fafafa;color:#4b4b4b}
    .tb_c2 li{background:#fff;color:#4b4b4b}
    .tb_b_tr,.tb_b_t,.tb_b_b,.myexp{border-color:#e1e1e1}
    .jsw_tit{background:url(../images/tb_tit.gif);color:#3d3d3d;border-bottom:1px solid #ccc}
    .jsclose{background:url(../images/jswclose.gif) no-repeat}
    .jsw_l,.udata_l{background:#f3f4f4}
    .jsw_r input,.jsw_r textarea{border:1px solid #ccc;background:#f7f7f7;overflow:auto;color:#4d4d4d}
    /*发表评论块边框*/
    #html_box01,#html_box02,#html_box03{border:1px solid #B9B9B9}
    /*他人浏览用户资料*/
    .udata_l,.album_son #lnk{background:#f3f3f3;color:#000}
    .cp_fr_01c{color:#8a8a8a}
    /*左侧用户信息区域文字*/
    .userinfo,.u_lv{color:#666}
    /*左侧用户信息区进入旧版*/
    .u_old a{border:1px solid #cbcbcb;background:url(../images/btn_bgb.gif);color:#fff;}
    .u_old a:hover{color:#fff;text-decoration:none}
  • 1楼 2007-07-02 14:32:12

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • /*=============================高级分割线===============================*/
    /*导航栏*/
    #nav{background:url(../images/nav_bg.gif);border:1px solid #d4d4d4;}/*导航条背景和边框*/
    #nav li a{background:url(../images/nav_ll.gif) left center no-repeat;color:#565656}/*链接间竖线*/
    #nav li a:hover{color:#000}/*链接触发时文字颜色*/
    #nav li.active{background:url(../images/nav_al.gif) left center no-repeat;font-weight:bold}/*当前标签,灰色圆角背景的左侧部分*/
    #nav li.active a,#nav li.active a.first{color:#fff;background:url(../images/nav_ar.gif) right top no-repeat}/*当前标签,灰色圆角背景的右侧部分*/
    #nav li.active a:hover{color:#fff}/*当前标签,链接触发时文字颜色*/
    /*按钮样式*/
    .btn01,.html_btn,.u_nav a,.f_right .cre_group,.cp_submit input,.cp_fr_01 .btn_01,.cp_avaset01 .btn_01,.cp_avaset03 .btn_01,.cp_setbut .btn_01,.btnflnk
    {background:url(../images/btn_bg01.gif);border:1px solid #b9b9b9;color:#000;text-decoration:none}
    .btn02{background:url(../images/btn_bg02.gif);border:1px solid #e4a085;}
    .btn03{background:url(../images/btn_bg03.gif);border:1px solid #8bbdd1;}
    .btn_apply{background:url(../images/btn_apply.gif)}
    .btn_ref{background:url(../images/btn_ref.gif)}
    .btn_red1{background:url(../images/btn_red1.gif);color:#fff;}
    .btn_red1:hover,.btn_red2:hover,.btn_red3:hover{color:#ff0;text-decoration:none}
    .btn_red2{background:url(../images/btn_red2.gif)}
    .btn_red3{background:url(../images/btn_red3.gif)}
    /*访客留言内容颜色*/
    .gb_con{color:#代码}
    /*扑通*/
    .box_pt .tit{background:url(../images/box_pt_tit.gif);color:#fff;}
    .box_pt .tit a{color:#d8f1fb}
    .box_pt .con a{color:#048bbd;}
    .box_pt .con{border:1px solid #58c0ed;background:url(../images/box_pt_bg.gif);}
  • 2楼 2007-07-02 14:33:13

  • vicki
    等级:48级
    积分:905分
    金币:100个
  • 你好.想问下你.为什么我用了你的透明背景后,我的首页里面中间部分还是不能透明呢?只有两侧是透明的.不是透明度的问题,我调了,中间的部分就是白色.谢谢!等你回复啊!我说的是博客里的.http://i.mop.com/vicki_1696
  • 3楼 2007-07-03 12:02:27

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [3楼 vicki]-

    把你帖的代码给我看看:)
  • 4楼 2007-07-04 10:24:39

  • ¤ 君君 ¤
    等级:57级
    积分:7545分
    金币:1065个
  • ----- 以下引用 楼主 猫扑精灵 发言 -----
    1,复制以下内容到编辑框中 2,根据提示修改相应的内容 3,保存并应用:保存,并且将该模板应用在...

    能否举例说明下呢???
  • 5楼 2007-07-04 11:10:00

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [5楼 ¤ 君君 ¤]-

    这个马上就会有的,偶正在整理哈。。。
  • 6楼 2007-07-05 11:13:07

  • ¤ 君君 ¤
    等级:57级
    积分:7545分
    金币:1065个
  • ----- 以下引用 5楼 ¤ 君君 ¤ 发言 -----
    ----- 以下引用 楼主 猫扑精灵 发言 ----- 1,复制以下内容到编辑框中 2,根据提示修...

    嗯 知道勒...谢谢你哈...
  • 7楼 2007-07-06 10:35:47

  • Es.极地
    等级:56级
    积分:7126分
    金币:904个
  • 回复 [楼主 猫扑精灵]-

    你好,请问新版css 是不是官方还在调试?或者更改呢?

    能否大概说下改版后哪些方面做了较大的改动``谢谢啦

  • 8楼 2007-07-07 21:48:10

  • 华佗之死
    等级:12级
    积分:61分
    金币:0个
  • 我刚刚进来MOP不知道怎么装扮我的空间有愿意的可不可以交哈如何设背景图案跟音乐谢谢
  • 9楼 2007-07-08 21:37:53

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [8楼 Es.极地]-

    新版的CSS,暂时不会有大的改动了
  • 10楼 2007-07-09 09:58:19

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [9楼 华佗之死]-

    有什么问题可以来这里问哦
  • 11楼 2007-07-09 09:58:30

  • 萤火虫
    等级:53级
    积分:2104分
    金币:573个
  • 我和2楼的问题一样
  • 12楼 2007-07-09 13:41:20

  • 飞落陨石
    等级:55级
    积分:4598分
    金币:638个
  • 我为了美化空间 花了很多时间  但是一直没有什么效果 我的背景图片 和顶部banner图 一直没有加上去 

     

    急 啊  请教 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • 13楼 2007-07-09 17:07:50

  • 飞落陨石
    等级:55级
    积分:4598分
    金币:638个
  • 现在可以了
  • 14楼 2007-07-09 17:19:55

  • rainbow633
    等级:31级
    积分:257分
    金币:28个
  • -回复 [楼主 猫扑精灵]-我是今天刚进来的,背景设置好了,但是前面的版块把背景挡住了,太难看了,有谁帮帮我啊~谢谢了
  • 15楼 2007-07-16 00:49:18

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [15楼 rainbow633]-

    能有截图示意一下么?

    你说的不是很明白呀

  • 16楼 2007-07-16 13:58:54

  • Es.极地
    等级:56级
    积分:7126分
    金币:904个
  • 回复 [16楼 猫扑精灵]-

    精灵`` mop有wargame战队么`?
  • 17楼 2007-07-16 18:59:24

  • 紫莎莎
    等级:53级
    积分:1899分
    金币:753个
  • 请问我的背景图片怎么做才会是一张完整的图片,而不是象现在这样分成几张?
  • 18楼 2007-07-16 21:24:23

  • 冰熔十三月
    等级:56级
    积分:6645分
    金币:1691个
  • 我的问题和二楼的一样,用了你的透明背景后,我的首页里面中间部分还是白色不透明的?不是透明度的问题,我也调了,是白色.谢谢拉!嘿嘿!!博客地址http://i.mop.com/345617492
  • 19楼 2007-07-18 09:34:15
  • 20楼 2007-07-18 10:32:51
  • 21楼 2007-07-18 10:33:00

  • Nov_code
    等级:52级
    积分:1626分
    金币:469个
  • 回复 [楼主 猫扑精灵]-

    "发表文章”、“固定连接”、“评论”、“阅读”、“顶”、“日历”、“编辑”、“删除”这些文字的代码是什么?

     

  • 22楼 2007-07-24 13:14:11

  • 水凉凉
    等级:63级
    积分:36222分
    金币:4173个


  • 你好!请问,在个人空间主页里,如何把空间里的BLOG部分的背景该成透明的?我空间其他部分都透明了,只有这部分还是。。。 而且空间上面的标题栏目有如何改成透明的???这是我的空间地址 

     

     

    http://i.mop.com/shuilanger



     



    谢谢!

  • 23楼 2007-08-01 20:13:48

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [23楼 水凉凉]-

    .box_m .con,.box_l .con,.box_r .con,#panel_in,#con960,.box_l_ad,.box_r_sub .con,#mainbox #con_in,.box_r .con_nop,#u_announce,.u_data,.b_gray,.jsw710,.jsw300,.jsw200,.tb_b_tr,.tb_b_t,.tb_b_b,.myexp,.userinfo,.album_other,.pm_con,#announce,#blog_mainbox .con,#blog_mainbox #con_in,#blog_mainbox .art
    {background-color:#fffdea;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)}/* 

     

     

    说明:
     
    红色部分是代表背景的颜色,只要修改#后面的代码即可,如果不想设置背景色,则把这段代码删除即可
     
    蓝色部分是透明度的数值,修改数值即可,即上面代码中的“80”,数字越小越透明,不过范围必须在0--100之间哦!!!!
    数字最小不要超过30,否则你就什么都看不到了哦!!!
  • 24楼 2007-08-02 10:26:37

  • 猫扑精灵
    等级:90级
    积分:101384834分
    金币:2361个
    圈主
  • 回复 [22楼 Nov_code]-

    修改代码中按钮那一块
  • 25楼 2007-08-02 10:27:45

  • 水凉凉
    等级:63级
    积分:36222分
    金币:4173个
  • 回复 [24楼 猫扑精灵]-

    实在是。。。。不好意思!我太笨了,这段代码是在自定义里面吗?我咋没看到过啊??所以你说的这种方法我实在是。。。无从下手,敬请您。。。。

     

     

    还有,background:url()    代表什么意思?是代表透明吗?

  • 26楼 2007-08-04 22:52:10

  • tina
    等级:66级
    积分:81700分
    金币:878个
  • 回复 [26楼 水凉凉]-

    放到自定义样式里,这里的代码是新空间的
  • 27楼 2007-08-07 11:34:20

  • Nov_code
    等级:52级
    积分:1626分
    金币:469个
  • 回复 [25楼 猫扑精灵]-

    谢谢~~~
  • 28楼 2007-08-15 21:04:06

  • Nov_code
    等级:52级
    积分:1626分
    金币:469个
  • 精灵~~额……还有一个问题。空间名称的位置怎么修改?

  • 29楼 2007-08-15 21:34:41

  • 强强
    等级:53级
    积分:1862分
    金币:207个
  • 这么多代码都要弄上去的吗?

  • 30楼 2007-10-14 13:04:07
分页: 1 2    (总计2页)

  回复帖子

请从顶上登录
我的空间2.0beta
千橡互动版权所有 Copyright @ 1997-2006 1000 Oaks Co. All Right Reserved