Current location - Recipe Complete Network - Catering training - Now JD.COM JSHOP decoration, home full-screen poster how to do?
Now JD.COM JSHOP decoration, home full-screen poster how to do?
Assume that the full screen is 1440px (other widths are also acceptable. The principle is the same)

Press the middle 980px (why 980? Because the width of the custom content module in the middle of jshop system is 980px)

(Full width 1440)

230px on the left, 980px in the middle and 230px on the right.

Why is it around 230? Because: 1440-980=460 (this is the total width of both sides except the middle. So divide by 2)

Specific practice: PS cut the map. If the picture won't be cut. This may not help you. Because this is the simplest PS operation.

The following is the specific code (directly copied to the first custom content module. Go to code mode. Just paste the code in):

& ltstyle & gt

. Ppr{position: relative; }.ppa {Location: absolute; }

& lt/style & gt;

& ltdiv class="ppr " >

& ltdiv class = " PPA " style = " left:-230 px;" & gt& ltImg src= "The address of the picture on the left is obtained after uploading" > & lt/div & gt;;

& lt div class = "PPA" style = "right:-230 pixels;" & gt& ltImg src= "Address on the right, upload it yourself and get it" > & lt/div & gt;;

& ltdiv class="ppr ">& ltImg src=" Intermediate image address, and you can upload it yourself and get it "> & lt/div & gt;;

& lt/div & gt;

Similarly: if it is 1600px wide. It is also calculated in this way. 1600-980 = 620 620/2 = 310 (so if1600. Take 3 10px per side)

I hope the above contents are helpful to you.