Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已回应] 谁能帮我修改一下这段代码

[复制链接]
设计家园交流 发表于 2014-10-20 05:47:52 | 显示全部楼层 |阅读模式

这个圆角,改成直角
  1. <style type="text/css">
  2. .vk_nv_sub { width: 1200px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px; /*background: #fff; */ /* border:1px solid #ccc; border-top:none; box-shadow:1px 1px 3px #ccc; */ }
  3. .vk_nv_sub_item { float: left; display: inline-block; width: 250px /*320px*/;  margin-right: 60px; overflow: hidden; /* background-color: #0ad;   border-radius:5px;*/ }
  4. .ie6 .vk_nv_sub_item { background-color: #0ad;  }
  5. .vk_nv_sub_item_ct {    overflow: hidden;/* margin-right: 20px;  */ border-radius: 5px; }
  6. .vk_right { float: right !important; margin-right: 0px !important; }
  7. /*
  8. .vk_color_bg_blue {   background:#0ad url(template/veikei_dz_portal_20130815_3d/images/bg_vk_shadow_230.png) no-repeat center bottom; }
  9. .vk_color_bg_orange {  background:#f90 url(template/veikei_dz_portal_20130815_3d/images/bg_vk_shadow_230.png) no-repeat center bottom; }
  10. .vk_color_bg_green {   background:#580 url(template/veikei_dz_portal_20130815_3d/images/bg_vk_shadow_230.png) no-repeat center bottom; }
  11. .vk_color_bg_red {   background:#c55 url(template/veikei_dz_portal_20130815_3d/images/bg_vk_shadow_230.png) no-repeat center bottom; }
  12. */
  13. .vk_color_bg_blue { background-color: #0ad;   display: inline-block;}
  14. .vk_color_bg_green { background-color: #8b0;   display: inline-block; }
  15. .vk_color_bg_orange { background-color: #f90;   display: inline-block;}
  16. .vk_color_bg_red { background-color: #c55;  display: inline-block; }

  17. .vk_nv_sub_item .icon_wp { float: left; display: inline-block; padding-top: 0px; width: 70px; height: 80px; overflow: hidden; color: #fff; font-size: 14px; text-align: center; }
  18. .vk_nv_sub_item .icon_wp p a { color: #fff; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; }
  19. .vk_nv_sub_item .icon { display: inline-block; margin: 10px 5px 0 5px; padding-top: 0px; width: 60px; height: 60px; }

  20. .vk_nv_sub_item ul { width: 150px /* 240px*/; float: left; overflow: hidden; margin: 10px 0px 0 0px; }
  21. .vk_nv_sub_item ul li { float: left; width: 70px /*80px*/; height: 30px; overflow: hidden; padding: 0px; margin: 0px;/* background:url( template/veikei_dz_portal_20130815_3d/images/vk_nv_sub_li_bg.gif) no-repeat 100% 0;*/ }
  22. .vk_nv_sub_item ul li a { float: left; width: 70px; height: 30px; line-height: 30px; text-align:center; padding: 0 ; font-size: 14px; color: #fff; }
  23. .ie6 .vk_nv_sub_item ul li a { width: 65px; height: 30px; line-height: 30px; padding: 0 8px; }
  24. .vk_nv_sub_item ul li a:hover { color: #fff; background: #333; text-decoration: none; }
  25. .vk_nv_sub_item ul li.right { padding-right: 0; background: none; }
  26. .vk_nv_sub_item ul li.left { padding-left: 0; margin-left: 0px; }

  27. .vk_icon_1 .icon { background:url( template/veikei_dz_portal_20130815_3d/images/vk_icon_1.gif) no-repeat;}
  28. .vk_icon_2 .icon { background:url( template/veikei_dz_portal_20130815_3d/images/vk_icon_2.gif) no-repeat;}
  29. .vk_icon_3 .icon { background:url( template/veikei_dz_portal_20130815_3d/images/vk_icon_3.gif) no-repeat;}
  30. .vk_icon_4 .icon { background:url( template/veikei_dz_portal_20130815_3d/images/vk_icon_4.gif) no-repeat;}
  31. </style>

  32. <div class="vk_nv_sub png cl">

  33.   <div class="vk_nv_sub_item vk_icon_1 cl">
  34.    
  35.     <div class="vk_nv_sub_item_ct vk_color_bg_green">
  36.       
  37.       <div class="icon_wp">
  38.         <div class="icon"></div>
  39.       </div>
  40.       
  41.       <ul class="cl">
  42.         <li class="left"><a  >最新模板</a></li>
  43.         <li class="right"><a  >自学教程</a></li>
  44.         <li class="left"><a  >软件下载</a></li>
  45.         <li class="right"><a  >在线问答</a></li>
  46.       </ul>

  47.     </div>

  48.   
  49.   </div>
  50.   
  51.   
  52.   <div class="vk_nv_sub_item vk_icon_2 cl">
  53.     <div class="vk_nv_sub_item_ct vk_color_bg_orange">
  54.       <div class="icon_wp">
  55.         <div class="icon"></div>
  56.       </div>
  57.       <ul class="cl">
  58.         <li class="left"><a  >最新模板</a></li>
  59.         <li class="right"><a  >自学教程</a></li>
  60.         <li class="left"><a  >软件插件</a></li>
  61.         <li class="right"><a  >报错查询</a></li>
  62.       </ul>
  63.     </div>

  64.   </div>
  65.   <div class="vk_nv_sub_item vk_icon_3 cl">
  66.     <div class="vk_nv_sub_item_ct vk_color_bg_blue">
  67.       <div class="icon_wp">
  68.         <div class="icon"></div>
  69.       </div>
  70.       <ul class="cl">
  71.         <li class="left"><a  >积分充值</a></li>
  72.         <li class="right"><a  >开通VIP</a></li>
  73.         <li class="left"><a  >积分攻略</a></li>
  74.         <li class="right"><a  >免费VIP</a></li>
  75.       </ul>
  76.     </div>

  77.   </div>
  78.   <div class="vk_nv_sub_item vk_icon_4 cl vk_right">
  79.     <div class="vk_nv_sub_item_ct vk_color_bg_red ">
  80.       <div class="icon_wp">
  81.         <div class="icon"></div>
  82.       </div>
  83.       <ul class="cl">
  84.         <li class="left"><a  >每日签到</a></li>
  85.         <li class="right"><a  >悬赏大厅</a></li>
  86.         <li class="left"><a  >作品鉴赏</a></li>
  87.         <li class="right"><a  >素材下载</a></li>
  88.       </ul>
  89.     </div>
  90.   </div>
  91. </div>
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
allthebest 发表于 2014-10-20 07:57:45 | 显示全部楼层
在您发表主题前,请先阅读以下规则
1. 本版仅处理Discuz!标准程序安装使用/前后台故障问题,不包括程序修改、模板美化的咨询。
4. 本版只允许发布Discuz!安装使用类问题,禁止发布与Discuz!安装使用版块无关内容,如果发现一律移帖/删除,情节严重者禁言账号,请注意!

不是默认模版,程序修改、模板美化,

点击下 已解决

去 问模版作者,或去 模版风格区  子版块 【疑难求助】  问吧!
回复

使用道具 举报

⑧穿内裤 发表于 2014-10-20 11:26:19 | 显示全部楼层
  1. border-radius:5px;
复制代码
回复

使用道具 举报

 楼主| 设计家园交流 发表于 2014-10-20 15:29:06 | 显示全部楼层
回复

使用道具 举报

 楼主| 设计家园交流 发表于 2014-10-20 15:31:34 | 显示全部楼层

谢谢你,真的成功了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-23 06:05 , Processed in 0.032960 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表