tft每日頭條

 > 圖文

 > 網頁布局的風格

網頁布局的風格

圖文 更新时间:2024-08-31 23:15:01

老師們在制作查詢系統時,如果想要提升查詢界面的美觀度,可以在易查分的【頁面風格】裡進行自定義設置,搭配出自己喜歡的查詢界面風格。易查分提供了豐富的自定義設置選項,老師們可以根據自己的需求,自定義搭配顔色、上傳圖片,還可以在線預覽搭配效果。

如何設置?

登錄易查分後,點擊系統設置-頁面風格,即可進入設置頁面;

網頁布局的風格(讓你的查詢頁面更加個性化)1

在頁面風格設置裡,可以對移動版查詢結果頁面、頂部背景進行自定義設置;

1、移動版頂部背景

網頁布局的風格(讓你的查詢頁面更加個性化)2

在這裡,您可以設置查詢界面頭部的顯示風格,包括使用純色背景、使用默認背景圖片、使用自己上傳圖片;設置後,可以點擊預覽,在線預覽設置效果。

[溫馨提醒:選擇上傳圖片,移動端查詢首頁将會顯示您所上傳的圖片;上傳圖片尺寸:720*230、jpg格式、不超過150kb;]

網頁布局的風格(讓你的查詢頁面更加個性化)3

預覽效果圖

2、移動版查詢結果

在這裡,我們可以設置表線顔色、左/右列的背景顔色、可修改列和說明文字的顔色、左/右列文字的對齊方式、左列寬度;

網頁布局的風格(讓你的查詢頁面更加個性化)4

點擊 選色卡,可以自由選擇你想要搭配的顔色;

網頁布局的風格(讓你的查詢頁面更加個性化)5

點擊 常用色卡,我們還為您準備了豐富的配色參數,您可以自行選擇喜歡的顔色,複制顔色名稱後面的六位數字母,粘貼到選色卡輸入框裡,點擊OK即可完成色彩設置。

網頁布局的風格(讓你的查詢頁面更加個性化)6

對齊方式可以設置查詢結果頁左/右列顯示的位置,設置選項包括:左對齊、居中、右對齊,三種;

網頁布局的風格(讓你的查詢頁面更加個性化)7

左列寬度設置選擇自适應後,在表頭文字較多的時候左側會适當加寬,避免出現換行的情況。

網頁布局的風格(讓你的查詢頁面更加個性化)8

通過對移動版頂部背景和移動版查詢結果的設置,老師們就可以根據自己的喜好自定義DIY出自己想要的查詢頁面啦!

對于不知道怎麼選擇配色的老師們,我們還提供了多個配色版本,供老師們參考:

網頁布局的風格(讓你的查詢頁面更加個性化)9

網頁布局的風格(讓你的查詢頁面更加個性化)10

網頁布局的風格(讓你的查詢頁面更加個性化)11

網頁布局的風格(讓你的查詢頁面更加個性化)12

網頁布局的風格(讓你的查詢頁面更加個性化)13

配色參數:

示例1:表線顔色 c2dfc2、左列背景色 f0f7f1、右列背景色 ffffff、頂部背景色 1d953f、可修改列标題 0a0a0a、說明文字顔色 0a0a0a

示例2:表線顔色 a7a9ab、左列背景色 f0debb、右列背景色 f0debb、頂部背景色 fcaf17、可修改列标題 0a0a0a、說明文字顔色 0a0a0a

示例3:表線顔色 a7a9ab、左列背景色 c0cbcc、右列背景色 d5dfe0、頂部背景色 0c45c9、可修改列标題 0a0a0a、說明文字顔色 0a0a0a

示例4:表線顔色 3289c7、左列背景色 b7ba6b、右列背景色 f6f5ec、頂部背景色 d93a49、可修改列标題 0a0a0a、說明文字顔色 0a0a0a

示例5:表線顔色 3289c7、左列背景色 94d6da、右列背景色 cef3f5、頂部背景色 1d953f、可修改列标題 0a0a0a、說明文字顔色 0a0a0a

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved