泪划痕
Best viewed in Google Chrome

2011年5月31日星期二

menu tab页面换成图片 (给Katherine 和 Amy


就是这种,将页面换成图片。


给Katherine 和 Amy的教程 =)

信息中心 - 设计 - 添加小工具 -Html/JavaScript

Copy以下的代码paste到Html/JavaScript

<center>
<ul class="basictab">
<li class="selected"><a href="链接网址1"><img src='图片网址1'/></a></li>
<li><a href="链接网址2"><img src='图片网址2'/></a></li>
<li><a href="链接网址3"><img src='图片网址3'/></a></li>
<li><a href="链接网址4"><img src='图片网址4'/></a></li>
</ul>
</center>

*链接网址就是你要开的网页的链接
*图片网址就是页面的图片网址


温馨提示:
页面的图片可以找LOGO底图先,就是这种Photobucket
可以到素材系列谷歌找类似这样的LOGO做图片
自行设计,设计后变成这样Photobucket

不会设计的也可以到素材系列页面按钮(就是这种Photobucket
已经设计好附上字体了的

完成……

77 道泪痕:

Shu Hui 说...

泪泪的教程越来越好了 :D
按广告咯!

加油泪泪 :P

筱泪 Xiiao Leii 说...

我怎么弄不到?

♪ Miss Na 说...

链接网址是什么?
看不懂呢~

мs. cнiиg ♥ 说...

why my sidebar no like you d ?? can help me ?? TVT

OREO Queen ♥ 说...

T.T
为什么我弄不到..

huepeng 说...

我要好像你酱的,不要在旁边,也不要打直的

独泪 说...

Im Jennifer ,Xiuwen
我重复弄了可以哦 =)
看看是不是遗漏了什么=)

♪ Miss Na
链接网址就是你要开的网页的链接哦,
(例子:http://dulei-mylife.blogspot.com)

huepeng
嗯,只要照着教程的方式就可以像我这样了哦 =)

+❤永爱❤+ 说...

我就是不会弄这个TT
不是很明白==

Emily 说...

为什么,我的是直的. 不是恒的.?

独泪 说...

+❤永爱❤+
@@那里不明白可以问哦,只要paste那个代码到HTML/javascript就好了

Mily Muii
可以看看这里 =)
http://dulei-mylife.blogspot.com/2011/07/ching-kuro.html

elaine 说...

有点复杂哦...如果是博客里面的其他东西,比如:我的照片..什么的..要怎样copy网址哦...如果用回blog的网址..那么弄不同的,比如:home,photo等等的..每个按的话也是回到同一个地方而已哦..所以呢..@^@

独泪 说...

要放“ 我的照片” 页面等等的话
就要先发 “ 我的照片 ”的帖子,然后拿他的 “ 帖子链接网址 ” =)

Adele Joan ♥ 说...

怎么会显示This photo or video has been moved or deleted的`? 我没有move过它哦...@@"

wenwen-950 说...

弄不到><

独泪 说...

ADELE ♥
是不是在photobucket删除了那个图片,在photobucket删除了那个图片,就无法显示了 =)

wenwen-950
唔,要放图片网址才会显示图片的哦 =)

elaine 说...

那我试试看...谢谢咯...^^

Adele Joan ♥ 说...

我没删除咧`@@" 也没移动它的位子`><"

萍cherly 说...

链接网址1,2,3,4是指什么?

xshengxpurple 说...

为什么我的会有背影颜色的??

独泪 说...

ღelaineღ
不客气 =)

ADELE ♥
可以在上传拿它的图片代码 =)
imgur.com 到这里上传


链接网址就是你要开的网页,例如,你要开页面“教程列表”
这个就是链接网址 :
http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html

图片网址就是 页面图片的URL
可以到 imgur.com 上传图片,然后拿它的direct link 那个就是 图片网址了 =)

独泪 说...

xpurpletianx
介意放上你的博客链接吗,方便我看你博客 =)

xshengxpurple 说...

http://purplelishgurl-xpurpletianx.blogspot.com
希望你可以帮帮我~

独泪 说...

http://dulei-mylife.blogspot.com/2011/07/ching-kuro.html

用这种页面就不会有问题了 =)

xshengxpurple 说...

谢谢~ :)

独泪 说...

不客气^^

蕾琪♥ 说...

爲什麽我的頁面一半而已?@@

独泪 说...

http://dulei-mylife.blogspot.com/2011/07/ching-kuro.html

用这种页面,就不会出现那样的问题了 =)

June Tai ✌ 说...

那个网址要怎样弄哦?我不明白咧。。。:(

独泪 说...

先发个帖子 例如 教程列表
然后拿帖子的链接 =)

June Tai ✌ 说...

完了。。。我还是不明白耶。。。‘发个帖子’,什么意思?(对不起><,我真的不明白。。。)

独泪 说...

就是 平时 你在博客 写日记 一样 发帖 =)

June Tai ✌ 说...

哦!!!!!我终于明白了!!!!谢谢!!!!!

独泪 说...

不客气 ^^

Shuqii❤️ 说...

如果我弄好了你教得這個

我要怎樣把資料歸類??

独泪 说...

跟着你放的图片网址

图片网址1 放 “关于我”的“图片”的话
那 链接网址1 就放 “关于我”的“帖子链接 ”

Shuqii❤️ 说...
此评论已被作者删除。
Shuqii❤️ 说...

請問,
我選好了底圖
只要copy他的image URL 作為圖片網址就行了??

連接網址就放比如:http://&^%$#@!#$^*&*(

對嗎??

独泪 说...

咚兒-❤-
对 =)

Shuqii❤️ 说...

泪泪泪!!!
我成功了,只是不知道怎么把东西归类=.=

独泪 说...

哈哈,恭喜成功地说~
唔,像平常写帖子就好了,归类的话可以放链接在里面,很像我的 “教程列表” 那些一样 =)

ANNIE 说...

怎麽EDIT阿?打了老半天,字不能出現在框框裏面的~~
我是用PHOTOBUCKET EDIT

独泪 说...

唔,我没试过用 photobucket edit ,你可以用美图秀秀弄 =)

紫柔啦 ♥ 说...

成功啦 :D 謝謝獨淚的教程 !! ♥

匿名 说...

请问怎么要放连接(page)呢?

独泪 说...

紫柔 ♥
不客气,恭喜成功了啊 ^^

xiu
paste 你的帖子链接在 红色字体,
例如教程列表

他的链接就是
http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html

ღ﹏ Xιιασ新 sнιп cнαп ﹏ ღ 说...

因为我是刚开不久的` 所以有很多不明白`
请问 "*链接网址就是你要开的网页的链接" 什么意思哦?`
^^

独泪 说...

ღ﹏ Xιιασ新 sнιп cнαп ﹏ ღ
哦,原来如此 =)

就是像我的页面,可以参考参考我的

像那个的“教程列表”

他的链接是
http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html

http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html <<<这个就paste 去 红色字体

匿名 说...

懂了~谢谢~

這 是我_♥ 说...

泪泪:为什么我的menu tab在左边的?我想要放在中间~

ღ﹏ Xιιασ新 sнιп cнαп ﹏ ღ 说...

好的` 谢谢您的教导` =))

独泪 说...

xiu
不客气 :))

這 是我_♥
嗯,你用这种页面
http://dulei-mylife.blogspot.com/2011/07/ching-kuro.html
已经固定式在中间了的 :)

ღ﹏ Xιιασ新 sнιп cнαп ﹏ ღ
不客气 =))

果凍 说...

還是很不明白 , 什么是鏈接網址 ?

独泪 说...

Nico
就是像我的页面,可以参考参考我的

像那个的“教程列表”

他的链接是
http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html

http://dulei-mylife.blogspot.com/2011/01/blog-post_2533.html <<<这个就paste 去 红色字体

αн ϰιи 说...

能有空位的吗?

~Xin Qi~ 说...

这个怎样弄??不明白勒〉《

Vivian Hyomin 说...

请问怎样把menu bar 放去中间???

果凍 说...

如果想做"關於我"的呢 ?

那個的鏈接網址要去哪裡找 ?

匿名 说...

logo 底圖 可以在那裡找到啊.. 謝謝 :))

cherly 说...

我也不会哦~
页面的图片网址是整页的其中一个图片吗?

MinminT 说...

这个可以取代page吗? (:

蕾娘、 说...

添加了有图片的PAGE然后旧的那个页面叻?

夏樱 说...

为什么它说:'this picture has been moved or deleted'的?

QiaoWei교미 说...

为什么每次我从Photobucket上传的照片一直会The image or video has been moved or deleted 的T.T 试到很多次都是这样T.T

Mιcнɛℓℓɛ 说...
此评论已被作者删除。
June Lim 说...

请问如何能像此网站的MENUBAR上添图案

http://missanming.blogbus.com/

- Crysta 说...

做么我放不到的??T3T

- Crysta 说...

我做了整个下午,眼睛发酸脖子痛,终于做到了!!:D

呆呆小熊 说...

好想直接叫你帮我弄~XD
因为这个东西..我弄坏了3个Blog=w=||
始终不会

Sze诗 说...

这个超棒的 >w<
谢谢您的分享!

恩彤♥ 说...

呃...为什么我弄不到的? :(
你可以帮我弄吗?

Andy_Winnie 说...

成功:)

Unknown 说...

泪泪姐姐 xD
要归类怎样呢??我不要一按就是一个帖子而已涅>.<

Chloeeeeee 说...

泪,我弄不到哦!什么是java script?你能帮帮我吗?

Micky ♥ 说...

我不会弄 TT 你可以帮我吗 ? TT

JcubeX ▣ Fashion-House™ 说...

感动!你连这个都教!抱走拉!

Unknown 说...

做么我弄不到了可以教教我吗

Naomi Kuek 说...

我的做到了,谢谢分享!

发表评论