本帖因圖片太多打開較慢,請稍候
用HTML代碼制作日志
邊框教材(視頻)
——本帖制作:神針七號——
朋友,當你看到那些用HTML代碼制作的漂亮邊框裝飾的日志時,是不是也想親手做幾款呢?這里,我選擇網(wǎng)友梅自制的視頻教材,供大家學習。還就本帖邊框的制作寫出簡潔技術資料,與大家交流。
(點擊下面播放器開關播放教材)
HRML在線編輯器地址:
第二步:點編輯器窗口最下一排第9個圖標( 插入表格)
第三步:在出來的對話框里分別將表格行數(shù)、列數(shù)改為1;對齊方式選擇居中;邊框粗細改為0;單元間距、單元邊距改為60;將第一張圖片地址粘貼到背景圖片后面空格內(nèi),點確定。
第四步:左鍵點擊編輯顯示出來的圖片中間,把光標放在第一張圖片中左邊。
第五步:再點擊表格圖標,分別將表格行數(shù)、列數(shù)改為1;對齊方式選擇居中;邊框粗細改為0;單元間距、單元邊距改為25;將第二張圖片地址粘貼到背景圖片后的空格里,點確定。
第六步:把光標放在第二張圖片中左邊。
第七步:再點擊表格圖標,分別將表格行數(shù)、列數(shù)改為1;對齊方式選擇居中;邊框粗細改為0;單元間距、單元邊距改為9;將第三張圖片地址粘貼到背景圖片后的空格里,點確定。
第八步:把光標放在第三張圖片中左邊。
第九步:再點擊表格圖標,分別將表格行數(shù)、列數(shù)改為1;對齊方式選擇居中;邊框粗細改為2;單元間距、單元邊距改為6;將第四張圖片地址粘貼到背景圖片后的空格里,點確定。
第十步:把光標放在第四張圖片中左邊。
第十一步:再點擊表格圖標,分別將表格行數(shù)、列數(shù)改為1;對齊方式選擇居中;邊框粗細改為0;單元間距、單元邊距改為30;將第五張圖片地址粘貼到背景圖片后的空格里,點確定。
第十二步:把光標放在第五張圖片中左頭邊,點刪除鍵backspace,把第五張圖片上邊刪去一次;把光標放在第四張圖片中左頭邊,點刪除鍵把第四張圖片上邊刪去一次,邊框編輯完成。
點編輯器左下方的“源代碼”,便得到了邊框的代碼。
打開自己的空間寫日志,點日志編輯窗口上的“高級”,點“HTML”,把窗口里面的東西刪干凈,然后復制得到的邊框源代碼,把代碼粘貼到空處,點“返回”,在邊框中間,就可以編輯你的日志了(見本空間如何使用HTML代碼邊框)。
用HTML代碼制作邊框,說白了,就是把圖片一層層疊加,調(diào)整好留出來的部分圖片寬度,美化日志和圖片,給人以美的享受。因此,邊框的層數(shù)可以增加和減少,僅在一張圖片上寫日志也是可以的;邊框粗細(指邊線粗細)可以根據(jù)需要調(diào)整,一般在0-5;單元間距、單元邊距可根據(jù)需要和圖片的寬、高度進行調(diào)整,大邊一般在20-100,小邊一般在1-20;邊框樣式也是可以調(diào)整的,從而做出風格不同的邊框來。
為了方便朋友們練習,特送上一些圖片供朋友們選用,這里要說明的是,圖片不怕小,編輯邊框時它會自動重復成一塊大圖的,朋友們可以在網(wǎng)上取用,也可以截圖自制。
1、背景圖片
2、裝飾圖片
3、閃光圖片(見本空間的彩色閃光素材)
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請
點擊舉報。