把详细介绍调用为默认

blueshopping模板,需把详细介绍调用为默认

<div class="row">
<div class="right" style="margin-left:0px; margin-top:0px;">
<div id="mid_1_newpro">
<div id="newpro_tab">
<ul id="newpro_tabs">
<li class="checked"><a href="#">产品属性</a></li>
<li><a href="#">配件产品</a></li>
<li><a href="#">详细介绍</a></li>
<li><a href="#">用户评论</a></li>
<li><a href="#">相关文章</a></li>
</ul>
<br style="clear:both" />
</div>
<div id="prodetail" class="prodetail">
<div class="innertab">
<table width="98%" border="0" align="center" class="goods_property_tb">
<!-- {foreach from=$properties item=property_group key=key} -->

<!-- {foreach name=myloop from=$property_group item=property} -->
<!--{if $smarty.foreach.myloop.first}-->
<tr>
<!--{elseif $smarty.foreach.myloop.iteration % 2 eq 1}-->
</tr><tr>
<!--{elseif $smarty.foreach.myloop.last}-->
</tr>
<!--{/if}-->
<td height="25" nowrap="true" width="25%"><img src="images/arrow_orange.gif" width="4" height="6" /> {$property.name|escape:html}</td>
<td height="25" width="25%">{$property.value|escape:html}</td>
<!-- {/foreach}-->
<!-- {/foreach}-->
</table>
</div>
<!--配件面板-->
<div class="innertab" style="display:none;"><!-- #BeginLibraryItem "/library/goods_fittings.lbi" --><!-- #EndLibraryItem --></div>
<!--产品介绍面板-->
<div class="innertab" style="display:none;">{$goods.goods_desc}</div>
<!--用户评论面板-->
<div class="innertab" style="display:none;">
<!-- #BeginLibraryItem "/library/comments.lbi" --> <!-- #EndLibraryItem -->
</div>
<!--关联文章面板-->
<div class="innertab" style="display:none;">
<!-- #BeginLibraryItem "/library/goods_article.lbi" --> <!-- #EndLibraryItem -->
</div>

</div>
</div><!--mid_1_newpro end -->
</div><!--right end -->

已实现默认"详细介绍"

但新问题又来了,,现在打开商品后,要在"详细介绍"那里点一下鼠标才会显示出来,, 不知有没解决方法,,谢谢!
终于找到原因了,,发来共享下,把这句话:
<!--产品介绍面板-->
<div class="innertab" style="display:none;">{$goods.goods_desc}</div>
改成:
<!--产品介绍面板-->
<div class="innertab" style="display:block;">{$goods.goods_desc}</div>
觉得有用的,给个IP支持一下,

讓圖片適應網頁排版

做網頁、論壇貼圖、寫部落格。只要有需要上傳圖片的機會，就一定常碰到這問題。一旦不小心上傳一個大於版面的圖片，輕則內容被蓋住，重則排版全亂掉，畫面慘不忍睹。

一般的css處理方法都是靠 over-flow:hidden; 來達成的。但這樣做有個缺點，跑出去的內容會被隱藏起來。如果文字跟著被隱藏的話就看不到了。



在這裡提供一個同樣用css的解決辦法吧，能夠自動調整圖片大小。其實在Mozilla系列瀏覽器中都支援Max與Min的大小設定，只要css做這樣處理，就能限定任何元素的最大或最小長寬。

不過偉大的Microsoft硬是不支援這指令，我們只好拉長程式碼啦，整個代碼變得落落長，因為插入了javascript在裡面。





請先打開你的網站css檔案

輸入以下代碼：

img {
max-width:600px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 600)?"600px":"auto"});
}



你可以將600設為任何你要的寬度



若只想限定某個區域中的圖片，請輸入：

#div img {
max-width:600px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 600)?"600px":"auto"});
}



#div就是那個區域的id，意思是＃div底下所有標籤為img的元素皆適用這個設定。如此應該就能看到成效了。



我們來看看效果