淘寶店鋪代碼裝修是每個(gè)賣家需要學(xué)會(huì)的最基礎(chǔ)裝修,簡(jiǎn)單的代碼能讓我們的店鋪得到升華。
新手可能覺(jué)得代碼這個(gè)東西比較難摸索,其實(shí)不然,淘寶店鋪裝修只要會(huì)寫(xiě)簡(jiǎn)單的代碼就可以了,并不是讓你去做開(kāi)發(fā)那么繁瑣。而且淘寶更是推出自定義代碼裝修,讓賣家們可以做出自己的店鋪特色,一個(gè)店鋪有自己的鮮明裝修風(fēng)格更利于我們店鋪的經(jīng)營(yíng)。那么如果要調(diào)整代碼該如何做呢?
這次我們主要來(lái)講講怎么把代碼變成你想要的寬度?
還是以上一次的代碼為例:
如下圖:
![淘寶店鋪裝修代碼怎么調(diào)整950? 1](http://m.gooddi.cn/file/upload/201506/14/09-19-45-42-1.jpg)
顯示效果如下:
![淘寶店鋪裝修代碼怎么調(diào)整950?2](http://m.gooddi.cn/file/upload/201506/14/09-19-45-62-1.jpg)
![](http://m.gooddi.cn/file/upload/201506/14/09-19-45-93-1.jpg)
我們都知道代碼寬度是:width="750"那么我們就直接把這個(gè)750改成950看下效果:
![淘寶店鋪裝修代碼怎么調(diào)整950? 3](http://m.gooddi.cn/file/upload/201506/14/09-19-45-31-1.jpg)
顯示效果如下:
![淘寶店鋪裝修代碼怎么調(diào)整950? 4](http://m.gooddi.cn/file/upload/201506/14/09-19-45-24-1.jpg)
這時(shí)看到上面的效果是不是不是自己想要的。因?yàn)榭倢挾?50變成950,中間相差了200像素。也就是950-750=200PX,那么我們把這200分別加到每一張圖片上,我們得知以前750的圖片寬度是360,那么加100就是460PX,所以得出:360+100=460PX.如下圖:
![淘寶店鋪裝修代碼怎么調(diào)整950? 5](http://m.gooddi.cn/file/upload/201506/14/09-19-45-45-1.jpg)
顯示效果如下:好了,您可能用手機(jī)觀看的話是看不出950和750的區(qū)別。因?yàn)槭謾C(jī)會(huì)統(tǒng)一把圖片調(diào)成你用的手機(jī)屏幕大小以適配手機(jī)。其實(shí)下面的效果是950寬的,圖片是460PX了。
![淘寶店鋪裝修代碼怎么調(diào)整950?7](http://m.gooddi.cn/file/upload/201506/14/09-19-45-70-1.jpg)
小技巧:一般人我是不會(huì)告訴他的。
其實(shí)你可以把圖片的寬度都去掉,還有表格的寬度也去掉。那么他就變成了高度和寬度都不限。那么他的總寬就是兩張圖片的寬度+3個(gè)10像素的間距的總和。
比如你的圖片做成如下的大小:245*275px
為什么我要換圖舉例,因?yàn)槲疑厦娴膱D片實(shí)際大小是800*800的,等下高寬不限就等于800+800+30=1630PX,已經(jīng)遠(yuǎn)遠(yuǎn)超出淘寶首頁(yè)最大寬度。所以。
![淘寶店鋪裝修代碼怎么調(diào)整950?8](http://m.gooddi.cn/file/upload/201506/14/09-19-45-41-1.jpg)
好了,我們把這個(gè)圖片替換然后再把寬度都去掉以后的效果如下:三個(gè)簡(jiǎn)頭的地方就是寬度,我把三個(gè)的寬度都去掉了。
![淘寶店鋪裝修代碼怎么調(diào)整950? 9](http://m.gooddi.cn/file/upload/201506/14/09-19-45-44-1.jpg)
顯示效果如下:這個(gè)的表格寬度就是:10+245+10+245+10=520px;
![淘寶店鋪裝修代碼怎么調(diào)整950? 10](http://m.gooddi.cn/file/upload/201506/14/09-19-45-85-1.jpg)
如果你要讓他變成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;"
![淘寶店鋪裝修代碼怎么調(diào)整950?11](http://m.gooddi.cn/file/upload/201506/14/09-19-45-40-1.jpg)
去掉以后效果,當(dāng)然只要去掉padding:10px 10px 10px 0px;這一段就可以,因?yàn)檫@個(gè)里面只有間距沒(méi)有其它參數(shù)如背景顏色字體大小什么的。所以為了精簡(jiǎn)我就把整個(gè)樣式都去掉了。
![淘寶店鋪裝修代碼怎么調(diào)整950? 12](http://m.gooddi.cn/file/upload/201506/14/09-19-45-88-1.jpg)
顯示效果如下:
![淘寶店鋪裝修代碼怎么調(diào)整950? 13](http://m.gooddi.cn/file/upload/201506/14/09-19-45-44-1.jpg)
這個(gè)粉色的間距是沒(méi)有的,這個(gè)是圖片上本來(lái)就有的。文字和價(jià)格都是用PS做上去的。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 淘寶裝修750代碼模塊怎么調(diào)整950?