xilushequ 發表於 2019-10-12 23:31:47

discuz原生模板 独立DIY 图片展示 求大佬帮忙改一下代码

<ol><li>&lt;style&gt;<br /><li>.moqu8_com_24_pics-wrap {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; width: 100%<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; float: left;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; margin: 0 2% 15px 0<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li a {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; display: block;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; position: relative<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li span {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; display: none;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; position: absolute;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; left: 0;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; bottom: 0;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; background: url(http://www.banban.so/new/bang/uploads/146597357377255.png) repeat-x;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; text-indent: 10px;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; height: 50px;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; color: #fff;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; text-align: left;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; font: 400 16px/60px &quot;microsoft yahei&quot;<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li span i {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; margin: 0 5px<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li em {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; position: absolute;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; right: 0;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; bottom: 30px;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; width: 50px;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; height: 24px;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; text-align: center;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; color: #fff;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; font: 400 12px/24px &quot;microsoft yahei&quot;;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; background: rgba(0,0,0,.4);<br /><li>filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000')<br /><li>}<br /><li>.moqu8_com_24_pics-list-a {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; width: 47.5%<br /><li>}<br /><li>.moqu8_com_24_pics-list-b, .moqu8_com_24_pics-list-c {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; width: 26%<br /><li>}<br /><li>.moqu8_com_24_fl {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; float: left<br /><li>}<br /><li>.moqu8_com_24_pics-wrap ul {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; list-style: none;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; padding: 0;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; margin: 0<br /><li>}<br /><li>.moqu8_com_24_pics-wrap li:hover span {<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; display: inline<br /><li>}<br /><li>&lt;/style&gt;<br /><li>&lt;div class=&quot;moqu8_com_24_pics-wrap&quot;&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;moqu8_com_24_pics-list-a moqu8_com_24_fl&quot;&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li style=&quot;width:98%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;340&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;li style=&quot;width:38%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;288&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt;&lt;/a&gt; &lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;li style=&quot;width:58%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;288&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt; &lt;/a&gt;&lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<br /><li>&nbsp; &nbsp; &lt;/ul&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;moqu8_com_24_pics-list-b moqu8_com_24_fl&quot;&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li style=&quot;width:98%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;194&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt; &lt;/a&gt;&lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;li style=&quot;width:98%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;434&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt; &lt;/a&gt;&lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp; &lt;/ul&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;moqu8_com_24_pics-list-c moqu8_com_24_fl&quot; style=&quot;float:right;&quot;&gt;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li style=&quot;width:98%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;434&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt;&lt;/a&gt; &lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;li style=&quot;width:98%&quot;&gt;&lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;194&quot; alt=&quot;{title}&quot; src=&quot;{pic}&quot; width=&quot;100%&quot;&gt; &lt;span&gt;&lt;/span&gt;&lt;em&gt;{picnum}张&lt;/em&gt; &lt;/a&gt;&lt;/li&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /><li>&nbsp; &nbsp; &lt;/ul&gt;<br /><li>&lt;/div&gt;</ol><strong><font size="6"><font color="#ff8c00">从某网站下载的图片DIY&nbsp; &nbsp;,但是修改后&nbsp;&nbsp;显示效果不理想,求IT大佬帮忙修改一下。修改完跟帖,方便各位站长。</font></font></strong>修改<em>, </em>size<em>, </em>图片<em>, </em>DIY<em>, </em>帮忙

xilushequ 發表於 2019-10-12 23:32:01

6666666666666

xilushequ 發表於 2019-10-17 19:59:00

<img id="aimg_E5ZoQ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://dismall.app1.magcloud.net/public/emotion/face_006.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" />
頁: [1]
查看完整版本: discuz原生模板 独立DIY 图片展示 求大佬帮忙改一下代码