實例講解邊框日志的使用(范文“一曲朝暮,半弦離愁”)
幽蘭,我以前有做過兩篇用別人邊框做的日志,都是獨語的邊框,后來都是自己做邊框玩了。你可以轉(zhuǎn)回我空間日志里那篇“一曲朝暮,半弦離愁”,(http://user.qzone.qq.com/28027828/infocenter#!app=2&via=QZ.HashRefresh&pos=1363369422)這篇日志就是插入邊框,融圖一張,然后加文字,加動畫,加音樂,對了,還有給文字加了一個邊框,你可以用這篇做模板,做你的日志。
這文轉(zhuǎn)到你空間后,你點編輯——高級功能——基本功能——進入HTML代碼窗口。
然后你再開個空間窗口,寫日志——高級功能——HTML進入代碼編輯,刪除<br/>
然后一段段復(fù)制我那篇的代碼到你這個窗口,你就會看到效果。我都是這樣自己學習琢磨過來的。
等你操作一遍就會有所感悟的。
下面就寫你自己的日志
代碼編輯窗口
第一步:先插入你的邊框代碼
<div><IMG style="WIDTH:870px;HEIGHT:4136px" alt="圖片" src="
這段就是,把這里的幾個數(shù)字和地址換下
870是圖片寬度,一般都是這個,因為空間畫布顯示寬度就是870,但高度每個人做的邊框都不一樣,邊框的大小如何看,點相冊中的這張邊框圖片右鍵,有個維度就是圖片的寬和高,若是你看到的維度是不一定是870寬度,那就要進行等比例換算,假如你看到的數(shù)字是670*2233,那么等比例換算后就應(yīng)該是870*2899。這個數(shù)字就是你的邊框數(shù)字,上面的那個寬和高,你相應(yīng)的換成你的邊框數(shù)字。我這篇獨語做的邊框好像是3100,但我這文比較長,所以我用美圖秀秀處理加長到4136了,你一般都是詩詞,多數(shù)都夠長吧,可以先不用考慮這個。
http://b273.photo.store.qq.com/psb?/V10fQBkM1yIhMP/M6cJXOX0DPeS7DX1lZQkReOq1ZlUcQbe6G197cWpD4Y!/b/dMG6vqIqBgAA&bo=IAPbDgAAAAABANE!這個是我這篇的邊框地址,你換成你的邊框地址
邊框地址獲得,也是點相冊中這個邊框圖片,右鍵復(fù)制圖片地址,地址獲得有好幾種方法,你慢慢就都會發(fā)現(xiàn)的。然后到這替換下就可以了。
第二步<div style="POSITION:absolute;TOP:1500px;LEFT:450px"><CENTER><IMG style="FILTER:alpha(opacity=200,style=3)" src="我這第二段代碼就是融圖的代碼,我覺得畫布有點空。所以加了這張圖片,你可以不用,不過以后你要是想在邊框中融入你想加的圖片,就用這個代碼。數(shù)字你調(diào)下你自己想要的位置,這個1500是距離畫布頂?shù)木嚯x,450是距離左邊的距離,下面的那個引號里的就是相冊中這張圖片的地址
運用到日志中的所有圖必須上傳到相冊中,而且要永遠保存,這個沒有了,日志里也就無法顯示了。有些融入的圖片要想調(diào)整圖片大小,調(diào)整寬度值就可以,也就是上面的那個320。圖片的收集可以在百度中收集,但一定要點開這張圖片的大圖后再保存,這樣才不會丟像素。這些都是我曾經(jīng)遇到過問題。
這第二步,你暫時也可以不用。
第三步,就是給你文字先加個邊框,這是一種方法,這種方法,文字是在邊框里的。
<div style="POSITION:absolute;TOP:900px;LEFT:62px">
<table style="WIDTH:750px;HEIGHT:2050px" border="1" cellSpacing="1" borderColor="#000000" tbody="tbody">
<TBODY><TR><TD>這些數(shù)字你可以根據(jù)你的文字需要還有底圖顏色去調(diào)整。這段代碼,是說的是設(shè)置的邊框線,距離畫布頂900,(PX是像素,也是一種大小表示),距離左62,這個邊框?qū)挾?/span>750,高度2050,畫的線大小1,顏色000000黑色,顏色怎么獲取我最后告訴你。一般常用的白色,黑色最好記得,白色是ffffff。
第四步,加文字
因為標題和內(nèi)容一般大小不同,所以代碼有兩段分別設(shè)置
<div style="POSITION:absolute;WIDTH:470px;HEIGHT:69px;TOP:2000px;LEFT:148px">
<div style="TEXT-ALIGN:center"><FONT color="#000000" size="4" face="楷體"><span style="FONT-FAMILY:楷體,楷體_GB2312;COLOR:#000000">文:紫沁竹 圖意:獨語 編輯:夢走天涯</SPAN></FONT></div>
<FONT color="#000000" size="4" face="楷體"><P></p>
</FONT></div>
相應(yīng)的文字,數(shù)字,調(diào)成你需要的就好,這里我就不多說了,你自己去調(diào)調(diào)數(shù)字去感覺吧。這里這個符號 ,最好收藏,經(jīng)常會用到,調(diào)整文字位置。因為我們學的不是專業(yè)的代碼,有時候可能因為命令不嚴謹讓位置會偏離,那么最笨的方法,就是可以加這個符號,我把它當做空格了,來移動文字,把文字調(diào)到你想要的位置, 需要多少加多少,中間一定要用分號。尤其要是整段文字復(fù)制過來,段落前需要兩個空格的,就用這個,至于加多少個,到時你復(fù)制看看。
<div style="POSITION:absolute;WIDTH:700px;HEIGHT:690px;TOP:60px;LEFT:48px"><STRONG><span style="WIDOWS:2;TEXT-TRANSFORM:none;TEXT-INDENT:0px;DISPLAY:inline !important;FONT:16px 楷體,楷體_GB2312;WHITE-SPACE:normal;ORPHANS:2;FLOAT:none;LETTER-SPACING:normal;COLOR:#000000;WORD-SPACING:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px"><br/>
霧鎖幽谷,淡繞流年。<br/>
兩岸香翠,沾滿風露,瀅瀠了相思渡口明媚的諾,淺淺盈開,一曲牽念。<br/>
沿岸行走,我尋覓著你賦予風中的聲聲慢,挽一湄云心,渲染前緣,醉飲清歡。<br/>
春末的心事,落在影幻中被夢囈喚醒,綻放最后一抹素顏,余留下,空弦若寂的離歌,盡碎閑愁。<br/>
而我,縱有這垂釣繁花的憶,終是怕,難研開亂紅飛過的默然,緣夢無憑的泣然。<br/>
唯有,截季語,獨覓欣然。<br/>
為你,靜候花開……<br/>
<br/>
那年初見,紅落長亭。<br/>
你,清逸俊雅,似是不沾塵埃的儒生。<br/>
我,隔著紅塵,看不出你歷盡江湖的滄桑。<br/>
你說:相思無端,最惹眉間。<br/>
我透過風聲暗自淺笑,這般男子,本書無涯,自古多情輕拋。<br/>
偏,青衫長劍。竟,暗藏柔弱。卻不知,這不經(jīng)意的輕柔,洋洋灑灑烙印了我的宿命。<br/>
或許,閑挑花事,惹些許泛濫,在思念的筆端上買下朝暮,暗渡春秋。<br/>
或許,輕攏慢掩一段素年錦時,隔著煙波,自會永恒。<br/>
然,這或許的情愫,在你的偶然里,注定一場魂夢相牽,一夕風雨雕琢的緣。<br/>
而今,那些千絲萬縷被素問掀起,于華麗的繁砌中漸浮清眸,和著尋,寂靜歡喜。<br/>
顏兒說:不過一面,一眼,一句,而已。<br/>
我笑,不過,未過難去。<br/>
你,暖了,盛世明媚。<br/>
<br/>
“今生,我,只許你明媚?!?/span><br/>
你,溫柔的聲線劃破暮色,淡了花事,濃了夏顏。<br/>
我,自風吟端口,靜握方澤,數(shù)清韻。<br/>
紅箋難書此情意,怕閑寫,瘦卷章節(jié),拂亂繾綣。<br/>
欲盡朝夕,怎抵那素心萬丈,相思千年。<br/>
欲盡盟言,怎過那重重煙水迢迢,衷情迷離的絢爛。<br/>
欲盡遠詩,怎捻那追憶染綃,流光情匝。<br/>
想來,塵世風情,在遙望與守望間,載著沉重思念,才會是,無從丈量的沉淪。<br/>
從春到夏,走了兩季,寫了兩幀。纖足滲寒,指繞黑焦。<br/>
你,依然是,我思念的源……<br/>
<br/>
思念,輾痕留香。<br/>
我沿著時光,踏著暗香,尋你。<br/>
情緣,懸掛在覆念中,打磨成,一闋經(jīng)年流唱的蝶戀花。<br/>
誰說過往不堪展望?誰言前行不見花開?誰笑夏灼枉自絮?誰又把歸途攔截固守候?<br/>
我,攜著欲訊,懷揣著長相守,稀薄迷茫,靜默霧臨。<br/>
行走在彌漫的霧中,想著離你近了,不覺自圈欣喜。<br/>
你可知,滿徑的草木在呢喃,那是祝福。你可聽到有一首純粹,那是山琴水弦的天籟。<br/>
我知道,唯有撲飛絮,捉其境,才不怕漏盡盟言心兒空,才不驚清顏暗色君無惜。<br/>
親人說:一切未知,莫自枉尋,速歸。<br/>
我淚。那一紙清寒,字字錐心。<br/>
得失間,我只能,唯取自私。<br/>
<br/>
夏去秋來,楓落幽徑。<br/>
時光似是在季節(jié)遷移中,反復(fù)徘徊,蔥蘢謝幕。<br/>
我,隔著秋簾,沾一片風兒托起的枯葉,欲尋覓一枚太陽的光斑。<br/>
濃霧,忽聞你的笑音,漸行漸近。<br/>
“漪……是你嗎?<br/>
那熟悉的身影,牽動著我的歡喜,渲染了相見的氣息,靈魂相牽。<br/>
<br/>
“是,我回來了?!?/span><br/>
“這……你怎么會?你如何知道?”<br/>
“漣……你的守候,你的尋覓,你的思念,我都知道。”<br/>
我,望著你的笑臉,望著你手中的畫卷,瞬間,淚滿眸,無處雪藏。<br/>
那是一幅霧鎖幽谷,女子望斷行程的畫。<br/>
欣喜無盡。為了你的知,你的到,在喜獲中揚起了漣漪。<br/>
醉,醉了相守……<br/>
秋聲漸老,流蘇褪殷。<br/>
一場涼薄微雨后,天空彩虹艷麗。<br/>
我們,攜手并肩,望著那抹紅,輕把諾兒牽。<br/>
你說,我的守候,將是你,一生的呵護。<br/>
我自諾間,笑逐顏開,素手輕揚,摘取幾片溫婉給你。<br/>
生命的桎梏,朝花夕拾,源自于,你的出現(xiàn)。<br/>
自是情深多彩韻。那一塵不染的純粹,蜒蔓了眉間心上。<br/>
如是,那些尋,即使彼岸荊棘。<br/>
卻,栽滿芬芳。<br/>
<br/>
“蓮花,三霧散,三季過,冬眠正是醒來時?!?/span><br/>
一聲輕喚,喚醒了水云間,沉睡的我。<br/>
睜眼細看,驚詫佛臨。而自己,置身蓮池。<br/>
“蓮花,塵緣已了,夢終歸塵?!?/span><br/>
悲,爬滿了我的心坎。若浮生若夢,還說什么八苦?談什么檢點塵緣?<br/>
傷,駐滿了一池流光。若霧鎖離弦,尋覓落涯,如何剔除這點滴拾痕?<br/>
無,悟滿了無來無去。若心語漠然,十年情思,怎能釋然?<br/>
盡,掬滿這一曲朝暮,半弦離愁。<br/>
我卻不舍記,怕,那些記,會隨著記得。<br/>
裁忘……<br/>
<br/>
淚滿清眸,悵絮風過客,已慣沉浮。朔寒紅遠,曉催露獵,夜縈翠鬢,瘦盡瓊鉤。去來未待相思老,最難忘、環(huán)指情柔。恨紫騮,載箋未汝,怎計綢繆?<br/>
幽徑霧鎖夢流。捻斷花底事,諳染眉頭。倚亭蓮拂,檢點雁陣,浮萍沓照,煙凝蘭舟。塵緣若是朝暮久,玉潭柳,最惹春留,念綠洲,與君醉倒金甌。<br/>
<br/>
<SPAN> </SPAN></SPAN></SPAN></STRONG>
<div style="TEXT-ALIGN:center"><STRONG><span style="WIDOWS:2;TEXT-TRANSFORM:none;TEXT-INDENT:0px;DISPLAY:inline !important;FONT:16px 楷體,楷體_GB2312;WHITE-SPACE:normal;ORPHANS:2;FLOAT:none;LETTER-SPACING:normal;COLOR:#000000;WORD-SPACING:0px;-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px"><SPAN> </SPAN></SPAN></STRONG></div>
<P></p>
</div>
</FONT><br/>
<br/>
</STRONG><br/>
</TD></TR></TBODY>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</SPAN></SPAN></STRONG></FONT><br/>
<br/>
<br/>
<br/>
上面這段代碼就是文內(nèi)容的代碼,最前面那段是設(shè)置字體的位置,大小,顏色,字體等等。相應(yīng)的換成你需要的就可以了,這里文字的位置距離頂,是指距離頂邊框線,那個16是字體大小。
<br/>這個是換行符號,文字你想上下空幾行,用這個調(diào)整。
第五步
插入音樂代碼并隱藏
<div style="POSITION:absolute;TOP:0px;LEFT:1000px"><object codeBase="http://stream2.qqmusic.qq.com/12630500.wma|情醉|18561|董貞|1" class="blog_music"><param name="movie" value="
</div>
<div style="POSITION:absolute;TOP:0px;LEFT:1000px"> 這個是隱藏音樂代碼的控制,還有別的更專業(yè)的方法,但我覺得沒必要,就這個好理解,實用就可以,意思就是將音畫的那個插件放到畫布的最頂端,然后再向左移動1000,什么意思呢,就是在畫布外了唄,當然你也可以用別的數(shù)字替換,只要在你的畫布外就都可以。想神兮兮的騙外行人,你就可以故弄玄虛。
很多操作方法,我現(xiàn)在會用的覺得還算簡單的方式,就是點HTML回到畫面編輯狀態(tài)。在畫布底下插入你想要的QQ音樂,這個應(yīng)該會吧,然后再點下HTML回到代碼編輯窗口,會自動生成一段音樂代碼,像我這篇就是這個<object codeBase="http://stream2.qqmusic.qq.com/12630500.wma|情醉|18561|董貞|1" class="blog_music"><param name="movie" value="
那么你只要在這段代碼前加上那個隱藏代碼就可以了
第六步
加入動畫
<EMBED style="POSITION: absolute; TOP: 100px; LEFT: 50px" height=600 type=application/x-shockwave-flash align=right width=690 src=http://vip.edmin.com.cn/files/4/1%C3%CE1.swf play="false" menu="false" loop="false" allowscriptaccess="never" allownetworking="none" invokeurls="false" quality="high" wmode="transparent"><br/>
這個是動畫地址http://vip.edmin.com.cn/files/4/1%C3%CE1.swf,你可以在瀏覽器中看下效果,動畫就要自己收集了。上面的數(shù)字,是指動畫,距離畫布頂100,左50,動畫高度600,寬度690,數(shù)字可以根據(jù)需要調(diào)整,
我這篇用了三種動畫
http://vip.edmin.com.cn/files/4/1%C3%CE1.swf 云
http://xt.2000y.net/106939/uploadpic/2009062212061025612.swf 云
http://www.xcwhw.cn/fla/hc/1528.swf 飛紅
這篇看著很多動畫其實就這三種的運用,只是在不同的位置重復(fù)地加罷了,數(shù)字調(diào)整到你想要的效果。
結(jié)束,呵呵。
這些操作完,你的日志也就做好了,保存,然后預(yù)覽看看,沒什么問題就可以發(fā)表了。
若是沒把握,發(fā)表可以先設(shè)置下權(quán)限,自己先看看,因為有時候預(yù)覽和實際發(fā)表的效果不一致,這也一直是騰訊的問題,惹人頭痛。不過邊框日志也還算好了,已經(jīng)減少了不少代碼了。當然最保險的辦法就是用ps,處理圖片文字,那么到空間的就是一張圖,再上面再加動畫等等,即使空間升級,或動畫丟失,都沒關(guān)系,你的圖大約不受影響。
空間日志制作方法的發(fā)展都是被騰訊折騰出來的,由最初的純代碼日志,到邊框和代碼穿插使用,到完全ps。
備注:顏色代碼如何獲得也有很多方法??臻g里有個應(yīng)用,色碼速查,你可以添加下,里面可以獲得顏色代碼,若有ps軟件的,就更容易獲得了。最笨的方法也可以百度啦,輸入ps顏色代碼也會告訴你了,只不過看不到圖看不到效果,所以最好還是用前兩種方法。
總覺得“予人以魚,不如授人以魚”希望這文能給你幫助,這也只是引你走入空間制作,還有很多別的處理方法,就要靠自己慢慢積累了。
聯(lián)系客服