Logo是網站的重要標識,用戶在制作響應式網站的時候,如何實現logo自適應呢?大家先看看立方中國V9中HTML5下logo模塊的展現效果:
PC端:
平板端:
移動端:
具體操作:
區別于圖片和文字模塊,添加該模塊后系統自動讀取含有logo.png/jpg的文件。
①在基礎模塊>圖片模塊中點擊Logo模塊,將其拖動到共享頭部區域(推薦)。
②雙擊Logo模塊,上傳Logo圖片。
③設置Logo的顯示方式,默認顯示方式為Logo圖片。
④在屬性框中設置Logo圖片的顯示方式、網站名稱、關鍵字設置、點擊跳轉鏈接。
Logo的顯示方式包含:Logo(圖片)、網站名、Logo+網站名三種。
設置網站名為logo的方法是:
①在Logo屬性設置中將顯示方式設置為網站名或者Logo+網站名。
②如果選擇Logo+網站名,則需要將圖片顯示選擇為“高度隨模塊高度變化,寬度自動(左對齊)”。
③點擊設置網站名稱,在網站資料設置>網站基本信息中輸入網站名稱等信息。
④點擊保存按鈕,預覽后即可看到效果。
H5響應式網站建設:http://iisp.com/special/v9special/index.php?s=yuqiuping
想了解更多關于立方中國V9的操作,歡迎報名參加立方中國V9線上發布會,名師講解+實際操作,直播過程還有驚喜互動大禮,2月22日騰訊課堂直播間約定你!
馬上免費報名:http://iisp.com/video/nice_live/index.php?s=yuqiuping