翻譯|使用教程|編輯:況魚杰|2019-12-25 14:08:26.473|閱讀 285 次
概述:本文將幫助您在封面頁(yè)上實(shí)現(xiàn)垂直條紋,以實(shí)現(xiàn)小冊(cè)子的輸出。當(dāng)您為小冊(cè)子輸出設(shè)計(jì)封面時(shí)會(huì)非常實(shí)用。這可以通過創(chuàng)建和修改自定義模板來實(shí)現(xiàn)。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
HelpStudio以最快的,最簡(jiǎn)單的方式創(chuàng)建和出版幫助系統(tǒng),并與您的桌面或基于網(wǎng)絡(luò)的應(yīng)用程序或組件整合起來,包括. NET。
點(diǎn)擊下載最新版HelpStudiov2019.1
Document! X包含了最新的制作工具,它允許你在預(yù)覽自動(dòng)生成的頁(yè)面中直接增加內(nèi)容-自動(dòng)生成的文檔與功能齊全的注釋工具的無縫集成。使用Document! X,文檔可以在整個(gè)設(shè)計(jì)和開發(fā)過程中自動(dòng)生成,而不需要花費(fèi)開發(fā)人員的資源,同時(shí)為開發(fā)團(tuán)隊(duì)提供了準(zhǔn)確和最新的參考,并允許新的開發(fā)人員快速的學(xué)習(xí)新的組件和架構(gòu)。
點(diǎn)擊下載最新版Document! X v2019.1
本文將幫助您在封面頁(yè)上實(shí)現(xiàn)垂直條紋,以實(shí)現(xiàn)小冊(cè)子的輸出。當(dāng)您為小冊(cè)子輸出設(shè)計(jì)封面時(shí)會(huì)非常實(shí)用。這可以通過創(chuàng)建和修改自定義模板來實(shí)現(xiàn)。(如何創(chuàng)建自定義模板)
在這種情況下,相關(guān)的基礎(chǔ)模板是小冊(cè)子的經(jīng)典(主題)模板。創(chuàng)建模板后,將打開模板編輯器,然后,您需要按照以下說明在封面上添加條紋:
在模板編輯器中,導(dǎo)航到Page Types(頁(yè)面類型)并創(chuàng)建一個(gè)新的頁(yè)面類型-建議將該頁(yè)面類型命名為CoverPage.html,然后,您需要選擇克隆現(xiàn)有頁(yè)面類型并克隆Standard.html。
選擇CoverPage.html,然后單擊工具欄上的Edit(編輯)按鈕。
用以下HTML替換新頁(yè)面類型的</body>部分。
<body OnLoad="OnLoad()"> <div class="verticalStrip1"> </div> <div class="verticalStrip2"> </div> <div class="verticalStrip3"> </div> <div id="i-cover-page-heading-content" id="i-cover-page-heading-content" style="padding-left:80px"> <!--DXMETADATA start type="BookletHeading" --><!--DXMETADATA end--> </div> <div class="i-body-content" style="padding-left:80px" id="i-body-content"> <!--DXMETADATA start type="TopicSection" name="BodyText"-->Body<!--DXMETADATA end--> </div> </body>
添加樣式規(guī)則,以將條紋插入頁(yè)面。您需要將樣式規(guī)則添加到項(xiàng)目中的自定義樣式表中(如果您希望將其包含在具有不同顏色的不同項(xiàng)目中),或者將樣式規(guī)則添加到自定義模板的自定義樣式表中(如果您有多個(gè)希望使用相同品牌的項(xiàng)目)(如何將新樣式表添加到您的項(xiàng)目?)
一旦確定了樣式規(guī)則的保存位置,就需要打開自定義樣式表并插入以下內(nèi)容:
.verticalStrip1 { position:fixed; top:0; left:0; width:20px; opacity: .4; background-color:blue; height:100%; } .verticalStrip2 { position:fixed; top:0; left:20px; width:20px; background-color:red; height:100%; } .verticalStrip3 { position:fixed; top:0; left:40px; width:20px; background-color:black; height:100%; }
保存更改-對(duì)于模板,您需要關(guān)閉模板編輯器,這將提示您保存更改-按Yes(是)。您還需要關(guān)閉之前的樣式表-系統(tǒng)將提示您再次保存更改-選擇Yes(是)。
選擇要在Booklet Profile中使用的自定義模板-您可以在Booklet Profile Editor中執(zhí)行此操作,方法是右鍵單擊構(gòu)建配置文件并選擇Edit(編輯)。切換到模板頁(yè)面,然后導(dǎo)航到Booklet Topics(小冊(cè)子主題)模板下拉菜單,然后選擇新的自定義模板。如果您有多個(gè)小冊(cè)子構(gòu)建配置文件-您需要確保在封面上使用這些垂直條紋的每個(gè)配置文件中都使用此新的自定義模板。
將封面主題的頁(yè)面類型設(shè)置為Coverpage.html。在項(xiàng)目資源管理器中選擇封面,然后導(dǎo)航到屬性窗口(在左下角)。 在此處,展開Page Types(頁(yè)面類型)的下拉菜單,然后選擇Coverpage.html。
這將在內(nèi)容的左側(cè)顯示三行-一條是藍(lán)色,具有不透明度值,第二條是紅色,第三條是黑色 您可以添加更多行,也可以根據(jù)需要?jiǎng)h除行,方法是在第1節(jié)中添加另一個(gè)
完成此操作后,您的輸出應(yīng)如下所示:
如果您對(duì)上面的問題有什么疑惑或者建議都可以在評(píng)論區(qū)留言,大家一起討論。
如果您對(duì)Document! X和HelpStudio感興趣,可以咨詢購(gòu)買正版授權(quán)軟件。
關(guān)注慧聚IT微信公眾號(hào) ???,了解產(chǎn)品的最新動(dòng)態(tài)及最新資訊。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: