淘寶店鋪代碼裝修是每個(gè)賣家需要學(xué)會(huì)的最基礎(chǔ)裝修，簡(jiǎn)單的代碼能讓我們的店鋪得到升華。
新手可能覺得代碼這個(gè)東西比較難摸索，其實(shí)不然，淘寶店鋪裝修只要會(huì)寫簡(jiǎn)單的代碼就可以了，并不是讓你去做開發(fā)那么繁瑣。而且淘寶更是推出自定義代碼裝修，讓賣家們可以做出自己的店鋪特色，一個(gè)店鋪有自己的鮮明裝修風(fēng)格更利于我們店鋪的經(jīng)營(yíng)。那么如果要調(diào)整代碼該如何做呢？
這次我們主要來(lái)講講怎么把代碼變成你想要的寬度？
還是以上一次的代碼為例：
如下圖:
顯示效果如下：
我們都知道代碼寬度是：width="750"那么我們就直接把這個(gè)750改成950看下效果：
顯示效果如下：
這時(shí)看到上面的效果是不是不是自己想要的。因?yàn)榭倢挾?50變成950，中間相差了200像素。也就是950-750=200PX，那么我們把這200分別加到每一張圖片上，我們得知以前750的圖片寬度是360，那么加100就是460PX,所以得出：360+100=460PX.如下圖：
顯示效果如下：好了，您可能用手機(jī)觀看的話是看不出950和750的區(qū)別。因?yàn)槭謾C(jī)會(huì)統(tǒng)一把圖片調(diào)成你用的手機(jī)屏幕大小以適配手機(jī)。其實(shí)下面的效果是950寬的，圖片是460PX了。
小技巧：一般人我是不會(huì)告訴他的。
其實(shí)你可以把圖片的寬度都去掉，還有表格的寬度也去掉。那么他就變成了高度和寬度都不限。那么他的總寬就是兩張圖片的寬度+3個(gè)10像素的間距的總和。
比如你的圖片做成如下的大?。?45*275px
為什么我要換圖舉例，因?yàn)槲疑厦娴膱D片實(shí)際大小是800*800的，等下高寬不限就等于800+800+30=1630PX，已經(jīng)遠(yuǎn)遠(yuǎn)超出淘寶首頁(yè)最大寬度。所以。
好了，我們把這個(gè)圖片替換然后再把寬度都去掉以后的效果如下：三個(gè)簡(jiǎn)頭的地方就是寬度，我把三個(gè)的寬度都去掉了。
顯示效果如下：這個(gè)的表格寬度就是：10+245+10+245+10=520px;
如果你要讓他變成750寬，那么你就要把圖片做成(750-30)/2=360px;要是950呢？
就是：（950-30）/2=460px;
如果是商城用的790寬的和990寬的呢，方法同上哦。
（790-30）/2=380px; (990-30)/2=480px;
如果是不要間距，通常所說(shuō)的無(wú)縫格子。那么我們就把代碼里的間距去掉： style="padding:10px 10px 10px 0px;"
去掉以后效果，當(dāng)然只要去掉padding:10px 10px 10px 0px;這一段就可以，因?yàn)檫@個(gè)里面只有間距沒(méi)有其它參數(shù)如背景顏色字體大小什么的。所以為了精簡(jiǎn)我就把整個(gè)樣式都去掉了。
顯示效果如下：
這個(gè)粉色的間距是沒(méi)有的，這個(gè)是圖片上本來(lái)就有的。文字和價(jià)格都是用PS做上去的。
*本站部分文字及圖片均來(lái)自于網(wǎng)絡(luò)，如侵犯到您的權(quán)益，請(qǐng)及時(shí)通知我們刪除。聯(lián)系信息：
甩手網(wǎng)
企業(yè)QQ 800055007
微信
新浪微博
甩手抖音號(hào)
甩手千牛服務(wù)號(hào)
下載
