电竞比分网-中国电竞赛事及体育赛事平台

分享

教您制作圖書館首頁頂圖(原創(chuàng))

 春天沒來 2012-05-30


教您制作圖書館首頁頂圖(原創(chuàng))

1537gph.gif picture by maria-40 

       您的“圖書館首頁”是您的圖書館的“門面”,怎樣才能把圖書館首頁“裝扮”得漂漂亮亮的呢?其中,“頂圖”是一個很重要的裝扮因素??吹骄W(wǎng)絡中轉(zhuǎn)傳的許多“頂圖”,真讓人愛不釋手,可就是放置不到圖書館首頁的頂部,其實,那些所謂的“頂圖”,只不過是個“頂圖素材”罷了。看到別人的圖書館首頁有漂亮的自定義頂圖,真是讓人羨慕,真想拿過來放到自己的圖書館首頁頂部,可就是辦不到。
       沒關(guān)系,您就要如愿以償了。下面,我就來教教您,讓您制作一個您自己喜愛的頂圖。也許有人會說,我一不會英語,二不懂代碼,也能夠自己制作頂圖嗎?回答是肯定的。我就是一個年過花甲的老頭,我也沒有學過英語,我也不懂代碼,可就是憑著一股不服氣的頑強鉆研精神,反復試驗,仔細觀察,終于攻下了“頂圖”這個難關(guān),自己制作成功了一百幾十個精美的頂圖。下面我就把制作頂圖的方法傳授給您,讓您也能夠制作出自己喜歡的“頂圖”來。
        下面,我從兩個方面來進行講解:一是如何制作“文字頂圖”,二是怎樣制作“圖片頂圖”。
寫給那份記憶【情感美文】 - 白石秋水 - 白石秋水

 
        一、制作“文字頂圖”:
       圖書館首頁放置一個“文字頂圖”,也是個蠻好的事兒,您可以把您“想對朋友說的心里話”輸入這個“文字頂圖”中去。當朋友們來到您的圖書館瀏覽的時候,就會產(chǎn)生一種共鳴,就會有一種親切感,打心里愿意結(jié)識您這位朋友。文字頂圖的另一個優(yōu)點是可以配合圖片頂圖一起放置到圖書館首頁的頂部去,二者相互映襯、互得益彰。下面就以我制作的“'春天沒來’歡迎您(頂圖)”為例,來說說其制作步驟:
        1、在“撰寫文章處”輸入文字:“春天沒來”歡迎您;
        2、在“'春天沒來’歡迎您”這七個字的前后輸入“五角星圖標”;
        3、拖選此內(nèi)容,選擇“字號、字體顏色”(小一、加粗、黃色);
        4、再次拖選此內(nèi)容,點擊“復制”、點擊“粘貼”(一共粘貼了“四次”),各組文字之間留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、輸入標題:“春天沒來歡迎您(頂圖)”,選擇閱讀權(quán)限:“公眾公開”,點擊“發(fā)表”即可。
     說明:
     1、在“撰寫文章處”“輸入文字、選擇字號、字體顏色、復制,粘貼”等步驟完畢以后,點擊頁面下方的“代碼編輯”按鈕,在顯示出的代碼中“添加標簽”時應該注意:標簽必須是“成對”的,有一個“首標簽”,就要有一個相對應的“尾標簽”。尾標簽不能多添加,也不能少添加。
     2、“尾標簽”的順序與上面的“正文標簽和首標簽”的順序正好相反。
     3、在您的圖書館首頁先放置上其它的頂圖以后,再添加上此模塊,兩個模塊可以同時顯示,同時使用。
     4、此頂圖中的“文字內(nèi)容”可在“文章撰寫”頁面中或者“代碼”狀態(tài)下進行“修改替換”。修改以后就可成為您自己的“頂圖模塊”了。
 
“春天沒來”歡迎您(頂圖)代碼如下:
 <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>“春天沒來”歡迎您★    </STRONG>★<FONT style="FONT-SIZE: 32px"><STRONG>“春天沒來”歡迎您★    </STRONG>★<FONT style="FONT-SIZE: 32px"><STRONG>“春天沒來”歡迎您★    </STRONG>★<FONT style="FONT-SIZE: 32px"><STRONG>“春天沒來”歡迎您★    </STRONG>★<FONT style="FONT-SIZE: 32px"><STRONG>“春天沒來”歡迎您★ </STRONG></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE></DIV>
 
寫給那份記憶【情感美文】 - 白石秋水 - 白石秋水

 
        二、制作“圖片頂圖”:
        1、先找一個您喜歡的圖片,例如:http://www.woyoushebao.com/content/12/0529/11/4127803_214461492.shtml這篇文章中的第一個圖片(此時,應該“拖選”一下這個圖片,如果在圖片左右兩邊的外面顯示出一個或者兩個顏色比較深的豎向的小長方形,那么用“這個圖片”制作的頂圖效果不理想,做不到無縫連接,應該重新尋找一個圖片。);
        2、“右擊”此圖片,點擊“復制”(這時,圖片已經(jīng)“復制”到了您的“剪貼板”上。);
        3、在您的圖書館首頁上方點擊“撰寫”按鈕,把光標放置到進入的頁面中的方框內(nèi)“右擊”,點擊“粘貼”,這時此圖片已經(jīng)“粘貼”到了這個方框內(nèi);
        4、“雙擊”此圖片,在彈出的“圖片屬性”方框內(nèi)進行下列操作:(1)點擊“固定比例”前面的小方框,使小方框內(nèi)“消去”勾,(2)把高度值修改為“270”,(3)點擊“固定比例”前面的小方框,使小方框內(nèi)“劃上”勾,(4)點擊“確定”按鈕;
        5、“雙擊”該圖片,記錄下該圖片的“寬度和高度”的數(shù)值(405×270)以后,點擊“確定”(圖片的“寬度數(shù)值”也可稍微加大一點兒,例如,加大100px。);
        6、再一次在您的圖書館首頁上方點擊“撰寫”按鈕,點擊“表格”按鈕,當光標向下移動到“插入表格”以后就向右移動,移動到“1行×5列”時“點擊”一下;
        7、“雙擊”這個表格,“修改”表格中的內(nèi)容:(1)單元邊距:改為0px,(2)指定表格的寬度:改為2025px(上面圖片寬度的5倍);(3)指定表格的高度:改為270px,(6)點擊“確定”按鈕;
        8、在創(chuàng)建的表格中每個單元格內(nèi)“輸入”一個字母(為的是在后面操作“粘貼”圖片的步驟時,容易找到“單元格”);
        9、回到您的“前一個撰寫文章頁面”中,點擊“全選”按鈕,點擊“復制”按鈕(這時,圖片已經(jīng)復制到了您的“剪貼板”上。),點擊“允許訪問”;
        10、回到您的“第二個撰寫文章頁面”中,分別在每個單元格內(nèi)“右擊”,點擊“粘貼”,把圖片“粘貼”到每個單元格內(nèi),然后分別“刪除”掉每個單元格內(nèi)先前輸入的“字母”;
        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、可以點擊頁面下方的“預覽”按鈕,觀看已經(jīng)制作的“頂圖”效果;
        13、在此頁面上方“標題”處輸入標題(自己定標題),在“閱讀權(quán)限”處,選擇“閱讀權(quán)限”,最后點擊“發(fā)表”即可。
 
        點擊瀏覽具體效果:林蔭大道風光美(頂圖)
 
        現(xiàn)將我經(jīng)過整理以后的“圖片頂圖代碼”公布如下,以供大家使用:
<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、可以將您喜歡的“圖片地址”,直接替換到上面的“圖片地址”處制作圖片頂圖。
 
精美的日志線(引用) - 落葉聽語 - 落葉聽語精美的日志線(引用) - 落葉聽語 - 落葉聽語
 
歡迎您瀏覽、選擇、收藏、使用我制作的《精美頂圖》
朋友是永遠的財富 - 唐老鴨(kenltx) - 唐老鴨(kenltx)的博客
 
“春 天 沒 來” 編 撰
2 0 1 2 年  6 月 1 日 于 北 京

    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多