4-3 在线解答部分制作

• • 1-1 HTML超文本标记语言视频教程
• • 1-2 HTML的基本构成标记
• • 1-3 HTML文本标记
• • 1-4 HTML列表标记
• • 1-5 HTML表单标记
• • 1-6 HTML图像标记
• • 1-7 html层标记
• • 1-8 CSS层叠样式表
• • 1-9 Css常用样式属性
• • 2-1 Discuz的模板结构
• • 2-2 新建一个Discuz模板
• • 2-3 主体样式的创建
• • 3-1 实现登录横排
• • 3-2 制作jquery滑动效果导航
• • 3-3 修改logo位置
• • 3-4 修改搜索框样式
• • 3-5 实现JQuery华丽的Discuz轮播图（上）
• • 3-6 实现JQuery的华丽的discuz的轮播图（下）
• • 4-1 制作热门教程导航
• • 4-2 常用素材下载栏目
• • 4-4 会员支持部分制作
• • 5-1 右侧四格按钮制作
• • 5-2 右侧软件下载部分制作
• • 5-3 本周发帖会员排行榜制作
• • 5-4 加入QQ群部分制作
• • 6-1 友情链接调用
• • 6-2 底部样式修改
• • 7-1模板兼容性检测BUG修复
• • 7-2 模板的封装与应用中心发布

引用 冷血傲情 2017-3-9 21:18

CSS样式,其他自己根据显示，自己调整
/* 在线问答*/
.wdlist{width:328px;margin:10px 0 0 10px}
.wdhy img{padding:2px;width:48px;height:48px;background:#FFF;border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wendabt{margin-left:10px;width:255px;}
.wetit{margin-bottom:5px;height:27px;overflow:hidden;}
.wetit a{color:#649482;font-size:16px<br><div style=&quot;text-align: left;&quot;>
.wetit a{color:#649482;font-size:16px;padding-top:7px;padding-bottom:4px;font-family:&quot;微软雅黑&quot;;text-decoration:none;font-weight:normal;}

引用 冷血傲情 2017-3-9 20:47

PS:上上面的代码果然是错的，搞死我了，这是我手打的LOOP代码
[loop]
<div class=&quot;wdlist z&quot;>
        <div class=&quot;wdhy z&quot;>
                <a href=&quot;home.php?mod=space&uid={authorid}&quot; title=&quot;访问{author}的空间&quot;><img src=&quot;{avatar}&quot; alt=&quot;{author}&quot; data-bd-imgshare-binded=&quot;1&quot;>
                        </a>
                </div>
        <div class=&quot;wendabt z&quot;>
                <div class=&quot;wetit&quot;>
                                <a href=&quot;{url}&quot; title=&quot;{title}&quot;>{title}</a>
                        </div>

                <div class=&quot;wdls&quot;>
                        <dd class=&quot;z&quot;>发帖时间:{dateline}</dd>
                        <dt class=&quot;y&quot;>浏览:{views}次</dt>
                </div>
        </div>

</div>
[/loop]

引用 小新 2014-9-11 01:42

草，代码根本一样，害得自己手打

查看全部评论(3)