Saturday 16 April 2011

教程 || 页面设计

给旧版 :

首先去 设计→修改HTML
按 CTRL+F 找


.PageList li a {



然后把 .PageList li a { 后面的东西全部删掉



font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;



所以你的code就如下面的code那样



.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;
}




如果找不到 .PageList li a {
你就按 CTRL+F 找





然后在 ]]> 的前面
加上

.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;


现在来分析这个code :

.PageList li a {
font-family:Old English Text MT;
font-size:24px;
font-weight:normal;
float:center;
background:#FFFFFF;
border:2px dashed #000000;

蓝色的部分是字体
红色的部分是字体的大小
青色的部分是框框、第一个是线的粗细;第二个是线的style;第三个是线的颜色
黄色的是背景颜色、如果要放图片的话、就变成

background : url(图片DIRECT LINK);

** 灰色的部分就是放进图片direct link的地方 **



请自行更改 :D



给新版 :

首先去 设计→修改HTML
按 CTRL+F 找

.tabs-inner .widget li a {


在 .tabs-inner .widget li a {....}
加上


background:url(图片direct link);
border:1px dashed #000000;
margin-right: 15px;

background的部分如果你不要放背景只要放颜色的话、
就改去

background:#FFFFFF;

蓝色部分请自行更改颜色 :D



嗯嗯、大概就是这样了
不明白的话、来问我吧
啦啦啦~

2 comments:

  1. 話說我是用新版的
    那個圖片DIRECT link放下去
    在部落裏面顯示的是一整大張圖片還是一直重複的小圖片?

    ReplyDelete
  2. Reply : Flyin Dance

    要看你图片是怎样的
    可是通常都是 一整大张图片 (:

    ReplyDelete