大學(xué)城空間建設(shè)代碼_第1頁
大學(xué)城空間建設(shè)代碼_第2頁
大學(xué)城空間建設(shè)代碼_第3頁
大學(xué)城空間建設(shè)代碼_第4頁
大學(xué)城空間建設(shè)代碼_第5頁
已閱讀5頁,還剩3頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、背景音樂設(shè)置 EMBEDstyle=FILTER:invert()src=81/wap/856571.mp3width=1height=1type=audio/x-ms-wmaShowStatusBar=1loop=true 其中:81/wap/856571.mp3歌曲網(wǎng)址,width和height都設(shè)為0就不顯示播放器了 loop=true表示循環(huán)播放,type=audio/mpeg表示自動(dòng)播放 固定大背景設(shè)置 背景圖片不變,可以使用以下代碼: 方法一:可以重復(fù) body background= 方法二:不重復(fù) bo

2、dy background:url( repeat fixed!important; 其中:“ 50%”這個(gè)是背景位置。 滾動(dòng)的大背景 body background:url( repeat scroll!important; 滾動(dòng)背景代碼:隨著你拉動(dòng)滾動(dòng)條而上下滾動(dòng),適合小圖片,什么閃爍的星星之類的!圖片很小即可,它會(huì)自動(dòng)平鋪! 頂部背景設(shè)置 方法一: .bannerbackground:url(no-repeat; 自己PS一張1005*150像素大小的圖片并傳到網(wǎng)上,記住圖片的URL,替換代碼中的 方法二: 整個(gè)頂部設(shè)背景 .banner filter:alpha(opacity=0);

3、 .pageBodybackground:url( no-repeat scroll 0px 0 transparent; .pageMeta imgdisplay:none; 上圖中背景的寬度為1005像素,高度300像素。 解釋: .banner filter:alpha(opacity=0);不顯示大學(xué)城本身提供的banner;.pageBodybackground:url(背景圖片地址) no-repeat scroll 0px 0 transparent;設(shè)置頂上的背景 .pageMeta imgdisplay:none;不顯示左上角大學(xué)城圖標(biāo) 所有模塊背景統(tǒng)一換一樣的(包括左右、頭

4、像、留言本、最新動(dòng)態(tài)等所有模塊) pe=text/css .i_space_r,#left,.link,#five_header,.space_lr,.i_space_r .one background:url( 頭像背景 塊 (添加右上角矩形框的背景) .i_space_r .one background:url(/UploadFiles/BlogFile/6/211712/beijing1.jpg); 左側(cè)右側(cè)背景模塊圖片或設(shè)為透明 設(shè)置 有背景的 .i_space_r,#left background:url(/UploadFiles/BlogFile/6/211712/beijing2

5、.jpg); 透明的 .i_space_r,#left background:url(); 其中:/UploadFiles/BlogFile/6/211712/beijing2.jpg為背景圖片的URL 如果希望這2塊中沒背景,也就是透明的,可設(shè):background:url(); 留言板背景 模塊獨(dú)設(shè)置 #LeaveWordLbl background-image:url(背景圖片的地址); 底部版權(quán)背景 模塊邊框設(shè)置 #bottom border: 0px; #bottombackground:url(/UploadFiles/BlogFile/22/711608/4.jpg); 以上代碼

6、是設(shè)置底部版權(quán)聲明部分矩形框的邊框線是否顯示及背景。如果希望設(shè)置邊框線,則將0px設(shè)置為1px或其他。 左側(cè)導(dǎo)航欄目背景顏色設(shè)置 #left BACKGROUND-COLOR: #c4fcb0; 左側(cè)欄目中的圖片設(shè)置 #divMenu_85605 background-image:url(/UploadFiles/BlogFile/8/287426/c1.jpg);background-repeat:no-repeat;padding-bottom:70px;background-position:bottomcenter;margin-bottom:10px;#divMenu_28806 b

7、ackground-image:url(/UploadFiles/BlogFile/8/287426/c2.jpg);background-repeat:no-repeat;padding-bottom:100px;background-position:bottomcenter;margin-bottom:15px;#divMenu_308713background-image:url(/UploadFiles/BlogFile/8/287426/c3.jpg);background-repeat:no-repeat;padding-bottom:120px;background-posit

8、ion:bottomcenter;margin-bottom:20px;#divMenu_66460 background-image:url(/UploadFiles/BlogFile/8/287426/c4.jpg);background-repeat:no-repeat;padding-bottom:120px;background-position:bottomcenter;margin-bottom:15px;#divMenu_39820 background-image:url(/UploadFiles/BlogFile/8/287426/c5.jpg);background-re

9、peat:no-repeat;padding-bottom:140px;background-position:bottomcenter;margin-bottom:15px;#divMenu_39623 background-image:url(/UploadFiles/BlogFile/8/293276/c6.jpg);background-repeat:no-repeat;padding-bottom140px;background-position:bottom center;margin-bottom:15px;#divMenu_29854 background-image:url(

10、/UploadFiles/BlogFile/8/293276/c7.jpg);background-repeat:no-repeat;padding-bottom:140px;background-position:bottom center;margin-bottom:15px; 第一步:有多少個(gè)欄目PS多少張圖片,建議圖片大小為140*80像素。寬度不能超過170像素,高度任意,建議圖片做到一樣大小,這樣更好看。 第二步:分析你自己大學(xué)城的代碼,右擊自己的空間然后選擇“查看源文件”,在源文件中用Ctrl+F查找左側(cè)欄目的名稱,如“網(wǎng)頁設(shè)計(jì)客戶端技術(shù)”(這是我的拉,你查你自己的喲),記錄下來

11、那個(gè)圖片的id,如我的是“85605”,如此方法,將你的左側(cè)欄目的所有id記錄下來。 img id=itemImg_85605 title=網(wǎng)頁設(shè)計(jì)客戶端技術(shù) 第三步:復(fù)制我上面代碼的并對(duì)它進(jìn)行修改,舉例如下 #divMenu_85605background-image:url(/UploadFiles/BlogFile/8/287426/c1.jpg);background-repeat:no-repeat;padding-bottom:70px;background-position:bottom center;margin-bottom:10px; 紅色字體部分就是你查到的你的那個(gè)欄目的

12、id(注意,你設(shè)置的該欄目的圖片是在該欄目的頂部顯示的);綠色字體部分就是你上傳到空間的圖片的鏈接;藍(lán)色字體需要根據(jù)你的圖片大小去調(diào)整效果,padding-bottom為圖片距離頂邊的距離,margin-bottom為各欄目之間相隔的距離,這2個(gè)參數(shù)可以通過調(diào)整他們的大小測(cè)試一下他們的作用。 左邊一欄 (文字)目標(biāo)題的字體顏色、字體和字號(hào) .link color:blue;font-size:14px;FONT-SIZE: 8pt楷體; 右邊一欄(文字)小欄目標(biāo)題的字體、字號(hào)、文字顏色 .i_space_lr .i_title_d color:blue;font-size:14px; FONT

13、-SIZE: 8pt;楷體_GB2312; 以上代碼可以改變右邊一欄“最近登錄的好友”、“我發(fā)起的學(xué)習(xí)俱樂部”、“我加入的俱樂部”,3個(gè)子欄目標(biāo)題的字體顏色、字體和字號(hào)。 中間一欄(文字)小欄目標(biāo)題的字體、字號(hào)、文字顏色 .title_d color:blue;font-size:14px;FONT-SIZE: 8pt楷體_GB2312; 以上代碼可以改變中間一欄“我的空間動(dòng)態(tài)”、“簡(jiǎn)介”、“留言板”、“評(píng)論”,4個(gè)子欄目標(biāo)題的字體顏色、字體和字號(hào)。 “世界大學(xué)城”圖標(biāo)不顯示 .pageMeta filter:alpha(opacity=0);.welcome filter:alpha(opa

14、city=100); 這個(gè)圖標(biāo)在左上角,如果設(shè)置了背景(不是白色)或背景圖片,則這個(gè)圖片有點(diǎn)礙眼。以下代碼可以不顯示這個(gè)圖片,但鼠標(biāo)指向它的時(shí)候,仍會(huì)變成手,單擊它可以鏈接到“世界大學(xué)城”的首頁。 換行代碼: 文字鏈接代碼: 填上要輸入的文字 改變鼠標(biāo)指針形狀的代碼 BODY CURSOR:url( A CURSOR:hand 其中: CURSOR:hand ,將超鏈接的指針形狀設(shè)置回手形。 插入flash掛件的代碼 注解: style=風(fēng)格.left=靠左.TOP=圖片頂端離頁面最上端距離 左右掛件添加 左邊掛件: 右邊掛件: 個(gè)人簡(jiǎn)介頁面內(nèi)添加flash動(dòng)畫 頁頭(banner)增加動(dòng)畫

15、1) 2)LEFT: 100px; POSITION: absolute; TOP: 75px align=right 大小、位置控制3)所選動(dòng)畫最好是透明底色,否則會(huì)產(chǎn)生遮掩 在簡(jiǎn)介中加天氣預(yù)報(bào) 注:align=right 為右對(duì)齊,如果想左對(duì)齊,將right改為left,居中對(duì)齊改為center。 效果如下圖所示: 隱藏課堂魔方上方的小圖標(biāo)代碼如下: #itemImg_1,#itemImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg_6,#itemImg_7,#itemImg_57,#itemImg_562306, #itemImg_680616

16、,#itemImg_85605,#itemImg_308713,#itemImg_332756,#itemImg_659979,#itemImg_265747, #itemImg_260449 filter:alpha(opacity=0); 注:#itemImg_562306,562306為不顯示的左側(cè)欄目編號(hào),可通過右鍵查看源代碼后,查看得到。 將左、右兩板塊換位的代碼 .space_l,.linkfloat:right 隱藏左側(cè)欄目中左上角小圖標(biāo)代碼 代碼如下: #itemImg_1,#itemImg_2,#itemImg_3,#itemImg_4,#itemImg_5,#itemImg

17、_6,#itemImg_7,#itemImg_57,#itemImg_1000,#itemImg_703759,#itemImg_23017,#itemImg_22385,#itemImg_22388,#itemImg_73818 filter:alpha(opacity=0); 注意:需要查看自己的源代碼,找到左側(cè)欄目中隱藏了的欄目的編號(hào),然后添加到上面 滾動(dòng)字幕(右往左滾動(dòng) 又從左回道右) 在思想上積極要求進(jìn)步,做事勤勤懇懇,盡心盡力, 使用marquee標(biāo)記實(shí)現(xiàn)滾動(dòng)字幕效果 以下是我空間的滾動(dòng)字幕效果的代碼: 華文行楷; font-size:20pt您好!我是陳翠娥老師!歡迎來到我的空間

18、做客。- 注意:在需要滾動(dòng)的文字之間我設(shè)置了很多font標(biāo)記用來改變字體的顏色,使得顏色的出現(xiàn)有一個(gè)漸變的效果哦。在最開始的font標(biāo)記中又使用了CSS嵌入樣式表哦,style=FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%; FONT-SIZE: 9.5pt;華文行楷; font-size:20pt,其中用到了濾鏡特效,F(xiàn)ILTER: shadow(color=black); 設(shè)置漸變陰影。 小知識(shí): Marquee屬性詳解,用于文字,圖片等 ALIGN:用于按設(shè)定的值對(duì)齊滾動(dòng)的文本。ALIGN可以設(shè)定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此屬性不是必須使用的。 BEHAVIOR:可以在頁面上一旦出現(xiàn)文本時(shí)讓瀏覽器按照設(shè)定的方法來處理文本。如果設(shè)定的方法是SLIDE,那么文本就移動(dòng)到文檔上,并停留在頁邊距上。如果設(shè)定為AlterNATE,則文本從一邊移動(dòng)到另一邊。如果設(shè)定為SCROLL,文本將在頁面上反復(fù)滾動(dòng)。本屬性不是必須使用的??梢栽O(shè)定的值有:SILIDE,AlterNATE,SCROLL。 BGCOLOR:用于設(shè)定字幕的背景顏色。背景顏色可用RGB、16進(jìn)制值的格式或顏色名稱來設(shè)定

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論