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

下載本文檔

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

文檔簡介

空間美化概述(一)、添加頁面背景不顯示左上角“世界大學(xué)城”圖標(biāo),但鼠標(biāo)指向時仍可鏈接這個圖標(biāo)在左上角,如果設(shè)置了背景(不是白色)或背景圖片,則這個圖片有點(diǎn)礙眼。以下代碼可以不顯示這個圖片,但鼠標(biāo)指向它的時候,仍會變成手,單擊它可以鏈接到“世界大學(xué)城”的首頁。代碼如下:<styletype=TEXT/CSS>.pageMeta{filter:alpha(opacity=0);}.welcome{filter:alpha(opacity=100);}</style>如果希望背景圖片固定不變,可以使用以下代碼:<styletype=text/css><!--body{background-image:url(/large/641c0751tw1dfsctlry3rj.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%50%}--></style>其中:“/large/641c0751twldfsctlry3rj.jpg"為背景圖片的鏈接地址,“background-repeat:no-repeat”說明背景不重復(fù),因此你的背景圖片要足夠大哦, “background-attachment:fixed”這個背景固定,“background-position:50%50%”這個是背景位置。在“居民信息管理”|“個人愛好”|“自述”中添加以下代碼可添加右上角矩形框的背景:<styletype=TEXT/CSS>.i_space_r.one{background:url("/UploadFiles/BlogFile/6/211712/beijing1.jpg");}</style>其中:"/UploadFiles/BlogFile/6/211712/beijing1.jpg"為背景圖片的URL,如果你的代碼中已有標(biāo)記對vstyle>?v/style>,可將它們整合到一起。在“居民信息管理”|“個人愛好”|“自述”中添加以下代碼可設(shè)置鼠標(biāo)的特別形狀:vstyletype=TEXT/CSS>BODY{CURSOR:url('/shubiao/bianxing/36.ani');}A{CURSOR:hand}</style>其中:'/shubiao/bianxing/36.ani'為鼠標(biāo)指針形狀的URL,可到該網(wǎng)站上去找自己喜歡的鼠標(biāo)形狀,語句:A{CURSOR:hand},將超鏈接的指針形狀設(shè)置回手形。如果你的代碼中已有BODY{?},可將它們整合到一起,之間用“;”分隔。設(shè)置左側(cè)導(dǎo)航欄目背景顏色將以下代碼添加到“居民信息管理”|“個人愛好”|“自述”中。如果已有vstyle>?v/style>標(biāo)記對,那么就直接將這個標(biāo)記對中間的代碼復(fù)制進(jìn)去即可。<style>#left{BACKGROUND-COLOR:#c4fcb0;}</style>6..添加背景音樂播放器的方法:在“居民信息管理”|“個人愛好”|“自述”中添加以下代碼可添加背景音樂。到網(wǎng)上找一首自己喜歡的mp3,將其URL復(fù)制下來代替src后面部分(藍(lán)色字體部分)。<EMBED src=18//media/cd/200902/kaishidongle.mp3width=300height=27type=audio/mpegpanel="0"autostart="1"loop="true">隱藏背景音樂播放器的方法:添加背景音樂和播放器代碼如下:<embedsrc=/images/hui.mp3width=0height=0type=audio/mpegloop="true">其中:/images/hui.mp3歌曲網(wǎng)址,width和height都設(shè)為0就不顯示播放器了,建議不顯示,顯示出來丑,要顯示的話如上面修改數(shù)字。loop="true"表示循環(huán)播放,type=audio/mpeg表示自動播放。使用CSS添加頁面背景顏色除了可以使用CSS添加頁面背景圖片外,還可以設(shè)置某種背景顏色,代碼如下:<styletype=text/css>body{background-color:pink;} <!--顏色還可以使用RGB方法,如#6666FF(此處值為十六進(jìn)的)--></style>注意:以上代碼添加到你的“居民信息管理”|“個人愛好”|“自述”中即可看到效果。(二)、添加banner圖片:1.去掉默認(rèn)的banner圖片,顯示完整的背景圖片添加以下代碼到“居民信息管理”|“個人愛好”|“自述”中即可。方法一:vstyletype=text/css>.banner{background:url("")no-repeat;} <!--設(shè)置背景圖片為空--></style>方法二:<styletype=text/css>.banner{filter:alpha(opacity=0);} <!--添加濾鏡--></style>如果“自述"的代碼中已有了vstyletype=text/css> v/style>這對標(biāo)記,那么你只要把中間那行代碼復(fù)制到標(biāo)記對中間去就可以了。注意:去掉banner圖片顯示和將banner圖片修改為自己PS的個性化圖片是一個相對的操作,不能同時進(jìn)行。2.改banner字體、字號及顏色banner條上顯示有姓名超鏈接及歡迎文字,想改變他們的字體、字號及顏色嗎?請跟我來試一試吧,將以下代碼添加到“居民信息管理”|“個人愛好”|“自述”中。如果已有vstyle〉?y/style>標(biāo)記對,那么就直接將這個標(biāo)記對中間的代碼復(fù)制進(jìn)去即可。vstyle>.bannera{color:blue;font-family:隸書;font-size:36px;}.bannerp{color:#e40dbe;font-family:楷體;font-size:24px;}v/style>注:color--字體顏色;font-family--字體;font-size--字號3.使用CSS添加banner圖片注意到我的頁面上的banner圖片了嗎?已經(jīng)不是模板中的那些圖片了。添加以下代碼至“居民信息管理”“個人愛好”“自述”中,自己PS一張1005*150像素大小的圖片并傳到網(wǎng)上,記住圖片的URL,替換代碼中的URL。vstyletype=text/css>.banner{background:url("/UploadFiles/BlogFile/8/270623/p1.jpg")no-repeat;}v/style>如果“自述"的代碼中已有了vstyletype=text/css> </style>這對標(biāo)記,那么你只要把中間那行代碼復(fù)制到標(biāo)記對中間去就可以了。(三)、添加Flash特效:使用EMBED標(biāo)記添加Flash特效使用EMBED標(biāo)記添加Flash特效的代碼如下:vEMBEDstyle="LEFT:100px;POSITION:absolute;TOP:75px"align=rightsrc=/sucai/news/flash/11.swfwidth=1004height=150type=application/x-shockwave-flashwmode="transparent"quality="high";>在距離頂邊75像素,距離左邊100像素,寬1004像素,高150像素的位置顯示該swf動畫效果。<EMBEDstyle="LEFT:100px;POSITION:absolute;top:100px"align=rightsrc=/sucai/news/flash/33.swfwidth=1024height=655type=application/x-shockwave-flashwmode="transparent"quality="high";>同上,上面是另外一個動畫效果。將以上兩段代碼粘貼到你的“居民信息管理”|“個人愛好”|“自述”中即可看到效果。注意:此標(biāo)記中使用了嵌入樣式表,即style="LEFT:100px;POSITION:absolute;TOP:75px"。這是絕對定位方式,對不同分辨率的顯示效果會有所不同。小知識:使用EMBED標(biāo)記(大小寫均可),可以插入多媒體元素,如背景音樂、視頻、Flash動畫等。embed標(biāo)記的幾個常用屬性有:src='文件地址",也就是屬性里的網(wǎng)址;height=?放區(qū)域高度,取自然數(shù),也可用百分比;width=?放區(qū)域?qū)挾龋∽匀粩?shù),也可用百分比;autostart=true或者false,決定音樂文件下載完畢后是否自動播放,默認(rèn)為false,對于一些flash無效;loop=true或者false,決定是否循環(huán)播放,也可以跟自然數(shù),決定循環(huán)次數(shù),對于一些flash無效;controls=設(shè)定播放rm、mp3之類文件時的控制面版外觀(對flash無效),console(一般正常面板,默認(rèn))、controlpanel(精簡面板)、smallconsole(更小的面板)、playbutton(只顯示播放按鈕)、pausecutton(只顯示暫停按鈕)、stopbutton(只顯示停止按鈕)、volumelever(只顯示音量調(diào)節(jié)按鈕)、imagewindow(只顯示播放器屏幕);hidden=true或者false,決定是否完全隱藏控制畫面;title=?示信息,鼠標(biāo)在播放區(qū)域懸停時顯示;hspace=自然數(shù),距其他文檔水平間距;vspace=自然數(shù),距其他文檔垂直間距;quality=設(shè)定播放質(zhì)量,low(播放質(zhì)量最差)、medium(播放中等質(zhì)量)、high(播放高質(zhì)量,默認(rèn))、best(播放極高質(zhì)量);plugins=m件地址,如果機(jī)器上沒有播放所需插件,可在這里設(shè)定安裝地址,對于已安裝的無效;type=文件類型;wmode=^置flash影片的windowmode屬性,指定flash在瀏覽器中的透明、層疊及位置,可以取值window(影片在瀏覽器中自己的矩形窗口內(nèi)播放)、opaque(影片隱藏了所有在它后面的內(nèi)容)、transparent(使用flash影片透明,顯示透明影片后面的網(wǎng)頁內(nèi)容,這將會降低動畫的性能,而且這個屬性不是在所有瀏覽器中都可用的)。(四)、添加JavaScript特效:1.打開網(wǎng)頁時可以看到彈出式小窗口實(shí)現(xiàn)方法(一)<scriptlanguage=javascript><!--alert("歡歡迎光臨!");-->實(shí)現(xiàn)方法(二)<SCRIPTlanguage=JavaScript>functionCONFIRM(){f(confirm(“感謝您訪問我的大學(xué)城空間,\n點(diǎn)擊確認(rèn)將進(jìn)入我的QQ空間,\n點(diǎn)取消請瀏覽我的大學(xué)城空間!"))location="http://316158649./";return""}document.writeln(CONFIRM())</SCRIPT>2.JavaScript特效--閃爍的星星下面代碼可以實(shí)現(xiàn)網(wǎng)頁特效--閃爍的星星效果:<scriptsrc="/javascript/BlogTxJs.aspx?GuidId=86">src后面的URL是網(wǎng)上的javascript特效的代碼,上有大量javascript特效的代碼,大家可以參考。(五)、添加滾動字幕:1.使用marquee標(biāo)記實(shí)現(xiàn)滾動字幕效果以下是我空間的滾動字幕效果的代碼:vmarqueebehavior=alternatedirection=leftxfontface=楷體color=purplestyle=font:200pt>歡迎您來到李凌峰大學(xué)城空間v/font>v/marquee>注意:在需要滾動的文字之間我設(shè)置了很多font標(biāo)記用來改變字體的顏色,使得顏色的出現(xiàn)有一個漸變的效果哦。在最開始的font標(biāo)記中又使用了CSS嵌入樣式表哦,style="FILTER:shadow(color=black);WIDTH:100%;COLOR:blue;LINE-HEIGHT:130%;FONT-FAMILY:華文行楷;font-size:20pt",其中用到了濾鏡特效,F(xiàn)ILTER:shadow(color=black);設(shè)置漸變陰影。小知識:Marquee屬性詳解,用于文字,圖片等ALIGN:用于按設(shè)定的值對齊滾動的文本。ALIGN可以設(shè)定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此屬性不是必須使用的。BEHAVIOR:可以在頁面上一旦出現(xiàn)文本時讓瀏覽器按照設(shè)定的方法來處理文本。如果設(shè)定的方法是SLIDE,那么文本就移動到文檔上,并停留在頁邊距上。如果設(shè)定為AlterNATE則文本從一邊移動到另一邊。如果設(shè)定為SCROLL,文本將在頁面上反復(fù)滾動。本屬性不是必須使用的。可以設(shè)定的值有:SILIDE,AlterNATE,SCROLL。BGCOLOR:用于設(shè)定字幕的背景顏色。背景顏色可用RGB、16進(jìn)制值的格式或顏色名稱來設(shè)定。DIRECTION:用于設(shè)定文本滾動的方向,可以設(shè)定的值有:left,right,up,down。此屬性不是必須使用的。HEIGHT:用于設(shè)定滾動字幕的高度,高度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。WIDTH:用于設(shè)定字幕的寬度,寬度可用像素或可視頁面的百分比來表示。此屬性

溫馨提示

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

評論

0/150

提交評論