photo of 火星兔

Young'Clover

(-=♨布布、豆豆、火星兔儿的碎碎念=-)

重大通知-关于css

,

-。- 我这个代码小白的又一次陈述,呵呵,呵呵
请原来使用syyoung(树屋)和现在这里(火星兔子)模板的朋友一定要看一下这篇日志,谢谢大家啦~
顺便我也想说一下关于顶部的topbar的问题

1.关于头顶那条争议的条条
改版后,我一直想去掉和定义的就是顶部那个高度为32PX的黑条(或者是白条),但是苦于不知道去掉以后怎么用其他的图片来代替,毕竟,那个东东好像不是css可以完全定义的(至少对于我现在这个水平来说)
有弊端的代码
p img {
display:none;
}
或者是
#topbar1 p img {
display:none;
}
这个是我当初找到官方的topbar定义以后尝试过的,不过农民说退出登录之后,就没有登录的那个图片按钮了,呵呵,当然,因为display的属性是使得对象不显示,可以理解为完全消失,包括它所占的空间位置。上面的两个代码,一个去掉了全局的,一个去掉了topbar1的,不推荐使用
我选择解决的办法是:
首先,官方的代码这里
对我们比较有用的是(已经为我修改后,可以直接加入css中的)
#topbar1 {
	background:none;
	color:#000;
	height:32px;
	overflow:hidden;
	line-height:16px;
	font-size:11px;
        }/*定义了topbar的高度,背景,可以自行的更换,定义,只要和模板搭配*/
#topbar1 p img {
        visibility:hidden;
        }/*这个就是去掉那些个眼睛等东东的语句了,visibility只是不可见,但是对象所担负的作用还是有效的*/

#topbar1 a:hover {
	text-decoration:underline;
	}/*顶部链接激活状态*/

#topbar1 a:link, #topbar1 a:visited {
	color:#000;
	}/*顶部链接普通和已访问状态*/

#topbar2 a.yellow:link, #topbar2 a.yellow:visited {
	color:#fff;
	}/*顶部链接眼睛旁边的链接颜色*/

大体就是这样,大家可以自行修改

2.关于原来的模板
我曾经说过,对于我做的板子,如果body背景有图片定义,且出现错位的,就在body{}里面增加上一句background-position:0 32px;
其实这个32px是根据topbar1的高度来决定的,请留意一下。当然,不错位的,就不用去管它了~
今天下午我已经将原来我做的一部分板子进行了修正,并且测试,在改版后均没有问题,请需要的朋友们自行进行替换,更新,谢谢~
-。- 我喜欢更新后的DUSK,完美了~~~
更新后的板子在BOX里面,同时附上了缩略图
地址:2007OB改版后重新整理的板子

3.关于后台和平时一些编写日志的应用
新的后台灰常的漂亮,这是不用怀疑的,平时也有不少人问我一些问题,我不重复做工了,一下都解决了
(1)关于置顶日志和出现那个“read more...”
表笑,新手有的就是不知道
首先就是read more,要想出现它,就是要将在首页显示的文章内容填写到Post intro的文本框里面,如果后台编辑的时候没有它,请点击show advanced options,具体看图---->HERE
剩下的内容写在Post里面就可以了~
置顶日志出现的办法见图片:HERE
(2)后台
新增的定义侧边的功能的确很好,进入后台以后在右边的Sidebars and menus或者下面的Sidebars and menus点选进入是一样的
Statistics是新增的统计功能,因为我已经提前被邀请体验,所以不知道现在其他的用户使用情况如何
---------------------------
链接:~sisie's About Opera
---------------------------
貌似没有了,呼...做了一件无聊又累人的事情,呵呵,再抱怨一下网通和QQ,我的掉线状况持续进行中,看着企鹅黑了又亮,真是一件不知道什么滋味的事情。罢了

《逆光》的一些消息☆相信存在,才能拥有☆

Comments

影月孤风asca Monday, March 12, 2007 9:20:42 AM

豆豆辛苦了,呵呵

火星兔seabean Monday, March 12, 2007 9:24:52 AM

^^ 悄悄的借用你的blog,照了一张缩略图,哇哈哈

cheneyiCheney Monday, March 12, 2007 9:31:04 AM

偶像,真是辛苦你了o(∩_∩)o...哈哈

~sisiesisie Monday, March 12, 2007 9:41:06 AM

呵呵...呵呵...

蚁妹儿 Monday, March 12, 2007 9:51:08 AM

真是周到,谢谢啊......

蝙蝠猫cat8250 Monday, March 12, 2007 10:17:57 AM

勤劳的豆豆
^______________^

Eric Liuyorkliuzq Monday, March 12, 2007 10:20:49 AM

豆豆辛苦了~!:)

Benin Yangpulin Monday, March 12, 2007 10:30:19 AM

向人民的好豆豆学习

vichair Monday, March 12, 2007 10:32:59 AM

汗。。我以为可以去替换那几个图了- -

火星兔seabean Monday, March 12, 2007 10:37:48 AM

-。- 我是小白嘛,只会在HTML的时候替换

jojerbobosky Monday, March 12, 2007 10:41:12 AM

豆豆依然是那么的勤劳阿!!

~huywingshuywings Monday, March 12, 2007 11:10:38 AM

豆豆,果然还是我心目中的那个模范级人物,呵呵

~Cheney.shishunancheney-deony Monday, March 12, 2007 11:36:45 AM

豆豆。。。你好好。。

熊熊ninaxiong Monday, March 12, 2007 12:06:07 PM

偶是CSS白痴

Tedbgchan Monday, March 12, 2007 12:47:54 PM

向豆豆致敬!!

elfox Monday, March 12, 2007 1:01:05 PM

豆豆强啊,新版OPERA 那个topbar 本来很难看,现在改得蛮舒服了。

jamjeejam Monday, March 12, 2007 1:19:44 PM

所有人起立,敬礼~`

蚁妹儿 Monday, March 12, 2007 2:17:35 PM

豆豆,我按照你重新改的css放上去,为什么还是那样啊?
呵呵,谢谢哦.

火星兔seabean Monday, March 12, 2007 2:21:54 PM

-。- 好像是忘了在body里面加入background-position:0 32px;
你加进去看看

sq1022 Monday, March 12, 2007 2:58:07 PM

豆豆是好人

蚁妹儿 Monday, March 12, 2007 3:04:21 PM

我的还是不行,豆豆能帮我吗?

蚁妹儿 Monday, March 12, 2007 3:24:03 PM

改了以后,那条黑的应该有吗?

蚁妹儿 Monday, March 12, 2007 3:48:31 PM

谢谢了哦.
还有一个问题,我发现有的页面宽一些,有的窄一些(例如我用的夏天和你现在的)
那窄的模版可以该宽吗?

icyleaf Monday, March 12, 2007 3:57:45 PM

{wap}豆豆辛苦了!


\(^o^)/

蚁妹儿 Monday, March 12, 2007 4:04:59 PM

学css从哪入手呢?

sicoii Monday, March 12, 2007 6:43:32 PM

哦哦~板子好漂亮~~~heart

Miracle86 Tuesday, March 13, 2007 6:21:04 AM

豆豆就算到了火星还是一样热情啊

mg12 Tuesday, March 13, 2007 6:50:42 AM

豆豆用心了.

火星兔seabean Tuesday, March 13, 2007 7:33:04 AM

谢谢~

LQL_Q Tuesday, March 13, 2007 10:43:10 AM

css记下了,等下次换板再弄..

Leeligao0930 Tuesday, March 13, 2007 11:43:44 AM

做个记号

twiggtyROTTEN-GLOVE Tuesday, March 13, 2007 4:55:39 PM

豆豆真好,=周末闲了改进一下子顶部

icyleaf Wednesday, March 14, 2007 8:05:37 AM

rei2613 Thursday, March 15, 2007 7:58:15 AM

豆豆大好人阿~~~~m(__)m

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies