教您製作圖書館首頁頂圖(原創)

您的「圖書館首頁」是您的圖書館的「門面」,怎樣才能把圖書館首頁「裝扮」得漂漂亮亮的呢?其中,「頂圖」是一個很重要的裝扮因素。看到網路中轉傳的許多「頂圖」,真讓人愛不釋手,可就是放置不到圖書館首頁的頂部,其實,那些所謂的「頂圖」,只不過是個「頂圖素材」罷了。看到別人的圖書館首頁有漂亮的自定義頂圖,真是讓人羨慕,真想拿過來放到自己的圖書館首頁頂部,可就是辦不到。沒關係,您就要如願以償了。下面,我就來教教您,讓您製作一個您自己喜愛的頂圖。也許有人會說,我一不會英語,二不懂代碼,也能夠自己製作頂圖嗎?回答是肯定的。我就是一個年過花甲的老頭,我也沒有學過英語,我也不懂代碼,可就是憑著一股不服氣的頑強鑽研精神,反覆試驗,仔細觀察,終於攻下了「頂圖」這個難關,自己製作成功了一百幾十個精美的頂圖。下面我就把製作頂圖的方法傳授給您,讓您也能夠製作出自己喜歡的「頂圖」來。下面,我從兩個方面來進行講解:一是如何製作「文字頂圖」,二是怎樣製作「圖片頂圖」。

一、製作「文字頂圖」:圖書館首頁放置一個「文字頂圖」,也是個蠻好的事兒,您可以把您「想對朋友說的心裡話」輸入這個「文字頂圖」中去。當朋友們來到您的圖書館瀏覽的時候,就會產生一種共鳴,就會有一種親切感,打心裡願意結識您這位朋友。文字頂圖的另一個優點是可以配合圖片頂圖一起放置到圖書館首頁的頂部去,二者相互映襯、互得益彰。下面就以我製作的「"春天沒來』歡迎您(頂圖)」為例,來說說其製作步驟:1、在「撰寫文章處」輸入文字:「春天沒來」歡迎您;2、在「"春天沒來』歡迎您」這七個字的前後輸入「五角星圖標」;3、拖選此內容,選擇「字型大小、字體顏色」(小一、加粗、黃色);4、再次拖選此內容,點擊「複製」、點擊「粘貼」(一共粘貼了「四次」),各組文字之間留3個空格(點擊3次空格鍵);5、點擊頁面下方的「代碼編輯」,在顯示出的代碼「前面」添加下列首標籤(一個定位標籤,一個滾動標籤):<DIV class=divBorderStyle style="LEFT: 0px; POSITION: absolute; TOP: 24px"><MARQUEE style="LEFT: 0px; WIDTH: 1340px" scrollAmount=3 behavior=alternate height=270>6、在顯示出的代碼「後面」添加下列尾標籤:</DIV></MARQUEE>7、點擊「預覽」按鈕觀看效果;8、輸入標題:「春天沒來歡迎您(頂圖)」,選擇閱讀許可權:「公眾公開」,點擊「發表」即可。說明:1、在「撰寫文章處」「輸入文字、選擇字型大小、字體顏色、複製,粘貼」等步驟完畢以後,點擊頁面下方的「代碼編輯」按鈕,在顯示出的代碼中「添加標籤」時應該注意:標籤必須是「成對」的,有一個「首標籤」,就要有一個相對應的「尾標籤」。尾標籤不能多添加,也不能少添加。2、「尾標籤」的順序與上面的「正文標籤和首標籤」的順序正好相反。3、在您的圖書館首頁先放置上其它的頂圖以後,再添加上此模塊,兩個模塊可以同時顯示,同時使用。4、此頂圖中的「文字內容」可在「文章撰寫」頁面中或者「代碼」狀態下進行「修改替換」。修改以後就可成為您自己的「頂圖模塊」了。「春天沒來」歡迎您(頂圖)代碼如下:<DIV class=divBorderStyle style="LEFT: 0px; POSITION: absolute; TOP: 24px"><MARQUEE style="LEFT: 0px; WIDTH: 1340px" scrollAmount=3 behavior=alternate height=270><FONT size=6><FONT color=#ffff00><FONT style="FONT-SIZE: 32px"><STRONG>「春天沒來」歡迎您&nbsp;&nbsp;&nbsp; </STRONG><FONT style="FONT-SIZE: 32px"><STRONG>「春天沒來」歡迎您&nbsp;&nbsp;&nbsp; </STRONG><FONT style="FONT-SIZE: 32px"><STRONG>「春天沒來」歡迎您&nbsp;&nbsp;&nbsp; </STRONG><FONT style="FONT-SIZE: 32px"><STRONG>「春天沒來」歡迎您&nbsp;&nbsp;&nbsp; </STRONG><FONT style="FONT-SIZE: 32px"><STRONG>「春天沒來」歡迎您&nbsp;</STRONG></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE></DIV>歡迎您點擊查看:「春天沒來」歡迎您(頂圖)

二、製作「圖片頂圖」:1、先找一個您喜歡的圖片,例如:http://www.360doc.com/content/12/0529/11/4127803_214461492.shtml這篇文章中的第一個圖片(此時,應該「拖選」一下這個圖片,如果在圖片左右兩邊的外面顯示出一個或者兩個顏色比較深的豎向的小長方形,那麼用「這個圖片」製作的頂圖效果不理想,做不到無縫連接,應該重新尋找一個圖片。);2、「右擊」此圖片,點擊「複製」(這時,圖片已經「複製」到了您的「剪貼板」上。);3、在您的圖書館首頁上方點擊「撰寫」按鈕,把游標放置到進入的頁面中的方框內「右擊」,點擊「粘貼」,這時此圖片已經「粘貼」到了這個方框內;4、「雙擊」此圖片,在彈出的「圖片屬性」方框內進行下列操作:(1)點擊「固定比例」前面的小方框,使小方框內「消去」勾,(2)把高度值修改為「270」,(3)點擊「固定比例」前面的小方框,使小方框內「划上」勾,(4)點擊「確定」按鈕;5、「雙擊」該圖片,記錄下該圖片的「寬度和高度」的數值(405×270)以後,點擊「確定」(圖片的「寬度數值」也可稍微加大一點兒,例如,加大100px。);6、再一次在您的圖書館首頁上方點擊「撰寫」按鈕,點擊「表格」按鈕,當游標向下移動到「插入表格」以後就向右移動,移動到「1行×5列」時「點擊」一下;7、「雙擊」這個表格,「修改」表格中的內容:(1)單元邊距:改為0px,(2)指定表格的寬度:改為2025px(上面圖片寬度的5倍);(3)指定表格的高度:改為270px,(6)點擊「確定」按鈕;8、在創建的表格中每個單元格內「輸入」一個字母(為的是在後面操作「粘貼」圖片的步驟時,容易找到「單元格」);9、回到您的「前一個撰寫文章頁面」中,點擊「全選」按鈕,點擊「複製」按鈕(這時,圖片已經複製到了您的「剪貼板」上。),點擊「允許訪問」;10、回到您的「第二個撰寫文章頁面」中,分別在每個單元格內「右擊」,點擊「粘貼」,把圖片「粘貼」到每個單元格內,然後分別「刪除」掉每個單元格內先前輸入的「字母」;11、點擊頁面下方的「代碼編輯」,就會顯示出該圖片的「代碼」。然後,在這些代碼的「上面」,添加下列幾個首標籤:<DIV class=divBorderStyle style="LEFT: 0px; POSITION: absolute; TOP: 24px"><MARQUEE style="LEFT: 0px; WIDTH: 1340px" scrollAmount=3 behavior=alternate height=270><TABLE style="WIDTH: 1340px" height=280 cellSpacing=0 cellPadding=0 border=0><TBODY><TR>在這些代碼的下面,添加下列尾標籤:</TR></TBODY></TABLE></MARQUEE></DIV>12、可以點擊頁面下方的「預覽」按鈕,觀看已經製作的「頂圖」效果;13、在此頁面上方「標題」處輸入標題(自己定標題),在「閱讀許可權」處,選擇「閱讀許可權」,最後點擊「發表」即可。點擊瀏覽具體效果:林蔭大道風光美(頂圖)現將我經過整理以後的「圖片頂圖代碼」公布如下,以供大家使用:<DIV class=divBorderStyle style="LEFT: 0px; POSITION: absolute; TOP: 24px"><MARQUEE style="LEFT: 0px; WIDTH: 1340px" scrollAmount=3 behavior=alternate height=270><TABLE style="WIDTH: 1340px" height=280 cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD><IMG height=270 src="圖片地址1" width_=345 border=0></TD><TD><IMG height=270 src="圖片地址2" width_=345 border=0></TD><TD><IMG height=270 src="圖片地址3" width_=345 border=0></TD><TD><IMG height=270 src="圖片地址4" width_=345 border=0></TD><TD><IMG height=270 src="圖片地址5" width_=345 border=0></TD></TR></TBODY></TABLE></MARQUEE></DIV>說明:1、此代碼中的地址,使用同一地址也可;2、可以將您喜歡的「圖片地址」,直接替換到上面的「圖片地址」處製作圖片頂圖。

歡迎您瀏覽、選擇、收藏、使用我製作的《精美頂圖》

「個人圖書館」操作方法介紹(補充版1)個人圖書館」操作方法介紹(補充版2) 如何把個人圖書館的快捷方式放置到桌面上「春 天 沒 來」 編 撰2 0 1 2 年6 月 1 日 於 北 京
推薦閱讀:

苗善堂的首頁
製作首頁瀏覽導航的方法 (含代碼)
水雲隨緣齋的首頁
風飛揚柳的首頁
把酒臨書的首頁

TAG:首頁 | 原創 | 圖書館 |