Emlog好看的图文板块教程分享
分享一个好看的板块!有能力的添加!
老卢看小栋那边有这样的一个版块,于是分享给大家了!
这个板块没有自动获取请注意!!!不喜欢就不要加了!
首先将下面代码放入首页index合适的位置!
<!--图文分类模块--> <div class="qqtouxiang col-xs-12"> <div class="tx_head"> <div class="tx_left col-xs-12 col-md-3 col-lg-2"> <i class="layui-icon"></i><a href="https://www.xiaodongyl.com/sort/whflsp">快手小姐姐视频!</a> </div> <a class="tx_right col-xs-1 visible-lg visible-md" href="https://www.xiaodongyl.com/sort/whflsp">更多</a> </div> <div class="tx_container clearfix"> <ul class="tx_img clearfix col-md-8 col-xs-12"> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://www.xiaodongyl.com/post-1811.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://img.imgshow.cn/uploads/2020/02/1f4ed8655ced7f.jpg" alt=""> <span>极品萝莉泳池展现身材</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://www.xiaodongyl.com/post-1887.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://www.xiaodongyl.com/content/uploadfile/202007/7b6f1594110130.png" alt=""> <span>养眼!微博第十五届丝袜/渔网袜大赛</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1778.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://www.m4fz.com/content/uploadfile/202006/b0be1591631910.jpg" alt=""> <span>巨乳女神木木夕女仆装诱惑写真)</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1677.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://www.m4fz.com/content/uploadfile/202006/c88a1591499760.jpg" alt=""> <span>小萝莉粉色你喜欢吗?粉色衣服大白腿</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1381.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://www.m4fz.com/content/uploadfile/202004/174b1587868856.jpg" alt=""> <span>极品双马尾萝莉短裙极致诱惑</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1822.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://www.xiaodongyl.com/content/uploadfile/202006/9eb91593477362.png" alt=""> <span>今日甜分第十二届蜜桃臀大赛</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1797.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/22.png" alt=""> <span>快手极品身材美女船上展现</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1771.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/23.png" alt=""> <span>快手火爆身材小姐姐</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1770.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/24.png" alt=""> <span>快手小姐姐牛仔短裙翘臀</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1755.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/25.png" alt=""> <span>快手长腿小姐姐性感扭屁股很妖娆</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1752.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/26.png" alt=""> <span>快手粉红色睡衣小姐姐钢管舞</span> </a> </li> <li class="col-sm-3 col-lg-2 col-xs-6"> <a href="https://xiaodongyl.com/post-1751.html" target="_blank"> <img src='https://xiaodongyl.com/content/templates/meta/Static/images/dna.svg' data-echo="https://xiaodongyl.com/shipin/27.png" alt=""> <span>快手极品身材小姐姐美臀</span> </a> </li> </ul> <ul class="tx_text clearfix col-md-4 col-xs-12"> <li><span>1</span><a href="http://www.xiaodongyl.com.cn/post-1897.html" target="_blank">原生影视app投屏,选集,苹果安卓原生双端源码 !</a></li> <li><span>2</span><a href="http://xiaodongyl.com/post-1898.html" target="_blank">VIP视频解析网站源码 PHP视频解析源码下载 可自定义接口</a></li> <li><span>3</span><a href="http://www.xiaodongyl.com/post-1896.html" target="_blank">最新Xyplayer3.93影视智能解析网站源码</a></li> <li><span>4</span><a href="http://www.xiaodongyl.com/post-1895.html" target="_blank">米酷影视正版源码MKCMS6.23完整修复版</a></li> <li><span>5</span><a href="http://www.xiaodongyl.com/post-1894.html" target="_blank">新版无弹窗广告视频二次解析vip影视源码</a></li> <li><span>6</span><a href="http://www.xiaodongyl.com/post-1893.html" target="_blank">苹果cmsv10橙子影视全站数据打包</a></li> <li><span>7</span><a href="http://www.xiaodongyl.com/post-1892.html" target="_blank">影视网搭建及微信公众号对接源码+教程</a></li> </ul> </div> </div>
下面是Css将代码放入公用的Css文件就即可!
/**tuwe**/ .qqtouxiang { background: white; box-shadow: 0px 0px 20px #dedede; padding: 0; width: 100%; margin-bottom: 5px; } .tx_head { height: 54px; border: 1px solid #f05050; } .tx_left { float: left; height: 100%; text-align: center; background: #FFF; } .tx_left * { color: #333; line-height: 44px; height: 54px; } .tx_left i { font-size: 32px; position: relative; top: 3px; left: -5px; } .tx_left a { font-size: 18px; } .tx_left a:hover { color: #FFF; } .tx_left:hover { opacity: 0.7; } .tx_right:hover { color: #5166ce; } .tx_right { float: right; color: #333; height: 54px; line-height: 54px; text-align: right; margin-right: 17px; font-weight: bold; } .tx_img { display: table; margin: 0 auto; text-align: center; } .tx_img li { display: inline-block; margin-bottom: 10px; overflow: hidden; } .tx_img li a { /* / display: block; */ text-align: center; } .tx_img li a img { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; margin: 0px auto; } .tx_img li a span { display: block; text-align: center; height: 30px; line-height: 30px; font-size: 14px; margin: 0px 8px; margin-top: 8px; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tx_img li a:hover { opacity: 0.7 } .tx_img li a:hover span { color: red } .tx_container { padding-top: 36px } .tx_text { padding: 0px 28px; margin-bottom: 11px; margin-top: -7px; } .tx_text li { height: 40px; line-height: 40px; overflow: hidden; } .tx_text li span { border-radius: 3px; display: inline-block; width: 9%; height: 20px; line-height: 20px; font-size: 12px; color: #333; text-align: center; background: #eee; overflow: hidden; position: relative; top: 10px; float: left; } .tx_text li a { display: inline-block; width: 85%; overflow: hidden; text-overflow: ellipsis; margin-left: 6%; color: #555; white-space: nowrap; float: right; text-align: left; } .tx_text li a:hover { color: #ff5555; } .tx_text li:nth-child(1) span, .tx_text li:nth-child(2) span, .tx_text li:nth-child(3) span { color: #FFF; background: #f05050; }
大公告成!这个板块有自适应不用担心!拿走请留言,不然 ni mai 买菜 必涨价!
文章末结语:以上就是关于“Emlog好看的图文板块教程分享”的相关信息。想了解更多的技术教程、精品资源请收藏《老卢淘:www.alaolu.cn》进您的书签,永久免费资源与您共分享。
免责声明:老卢淘提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!邮箱:202137615@qq.com
热门推荐
《评论请注意》
本站严厉打击恶意评论用户,垃圾评论发现一律删除。
恶意者拉黑IP永不解封,悉知!!!
评论列表