; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程 ; 关于BS页面
2013/03/27 22:03 ♥ 0 SARANG(s)

Tutorials Require By Zrou elf

紫柔只要求发布怎样添加BS 页面
不过对于很多BS 新手都不知道BS 的页面是怎样进行修改 + 更改内容
所以我就发布了关于BS 页面的一切一切
紫柔亲别怪我嗯 ><
首先、你们要先懂得BS 是什么
然后学习怎么样使用BS . View HERE !

 > 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!

----------------------------------------------------------------------------------------------

此课程是使用 WANA 的skin 做example
所以你们也pandai pandai 自己慢慢看啦蛤><
bs 的代码是比较复杂 + 难懂的 [ 对新手来说可能会难懂一点点的 =3= ]

BS 设计示范 ::-

代码网页 ::-


----------------------------------------------------------------------------------------------

``` 页面在哪里?

→ 其实页面这东西嘛、我也不能说他固定在一个位置
不过通常发布 / 制作 BS 的人都会有给一些tips 比如 ::-


[ 我知道我edit 到很恐怖 lol 但是重点是箭头的颜色 ]
这些就是页面啦

黑色箭头 >> About

到模板那边按Ctrl+F 找 " about "
你就看到以下的代码


{{ <a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About</a> }}

{{ <div id="about" style="display: none;"> }}

深灰highlight ; 显示的字体 [ 应该看得出吧 =3= ] 这个可以自己更改的
浅色highlight ; 这个就是页面的ID ,, 可以更改 .
但更改了 ID ,, 自然在 <a class .......> 里的ID 也要跟着改哦 ,, 不然会无效

----------------------------------------------------------------------------------------------

红色箭头 >> Post


这个是不可以改的! 因为他是关于你帖子的代码 [ 包括footer ,, older / newer post .. etc ]
只要你看到关于 POST ENTRY DIARY 等等类似这类的代码
建议你最好不要去改 [ 熟悉代码者可例外 ]
很大可能会导致你整个BS 失效
要注意哦 :)

----------------------------------------------------------------------------------------------

以下的示范图跟 " About " 是一样的
看你要怎样改 + 怎样排行罢了 :)







----------------------------------------------------------------------------------------------

``` 要怎样更改页面内容?

→ 把post title [ 帖子标题 ] 下面后的东西全部删除 换去你想要的内容即可

链接 : <a href=" 网址 "> 显示字体 </a>
图案 : <img src=" 图案direct link " />
分行 : <br> // </br>
引号 : <blockquote> ........ </blockquote>

----------------------------------------------------------------------------------------------

``` 如何添加页面? & 代码类型

→ 先在 </style> 的上面添加类似以下的代码 [ 众多课程部落格都会有课程 可查阅 ]
然后就在 </style> 的下面添加以下的呈现 / 解释代码的code
当然,,每个代码都有不一样的意思 自然要呈现的code不同
可添加 " hover " 字眼以示变化

example ::-

.navi { ..... }
.navi:hover { ..... }
呈现代码code _
<div class=' navi '> XXX </div>

#navi { ..... }
#navi:hover { ..... }
呈现代码code _
<div id=" navi "> XXX </div>

a.navi { ..... }
a.navi:hover { ..... }
呈现代码code _
<a class=" navi "href=" 网址 "> 显示字体 </a>

navi { ..... }
navi:hover { ..... }
呈现代码code _
<navi> XXX </navi>

有看出不一样么?
没错啦、就是navi 这个字前面的符号咯
每一个符号都有不一样的呈现方式
不过、通常 a.XXX { ..... } 都是跟网址连接有关系的
没有符号的则是自由发挥型
像Bold Underline 等等都是前面没符号的哟
navi 是可以自己更改的哦 [ 相信大家都知道吧? ]

----------------------------------------------------------------------------------------------

课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)
就这样,,祝你们顺利弄出独特的BS ;)

{{ Tutorial writed by BabeX eling ,, 2013 / 03 / 27 . }}

标签: , , ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.