LifeType 中文開發論壇

開發 => 模版設計 => 主題作者是: espresso 於 十二月 10, 2005, 10:03:21 下午



主題: summary页面错位
作者: espresso十二月 10, 2005, 10:03:21 下午
原来是用Appserv的,最近改为Xampp了,也很顺利就成功了。嫌summary和admin页面的字体太小,就改动了style里的summary.css和admin.css里的字体,由默认的12改为16了,刷新后发现summary页面右边的部分,也就是搜索栏所在的那右边1/3的部分整体向下平移了不少,非常不协调,该怎么办?

把16改回成12页面就正常了,但是字体太小这个问题还是要解决。试着把原来显示正常的blog系统(备份的)的summary.css替换也不能解决问题,提取官方下的plog安装包中的文件替换也是一样。

出现问题的是IE6,FF则没有问题。第一:不能强迫用户都换浏览器;第二:blog架设在内部网络,不方便放到Internet上。

使用的软件:Xampp 1.5,plog 1.0.2,IE6 sp1


主題: Re: summary页面错位
作者: markwu十二月 10, 2005, 10:16:17 下午
你有沒有 screen shots呢?這樣的描述實在是無法想像。

Mark


主題: Re: summary页面错位
作者: james十二月 10, 2005, 10:58:18 下午
原来是用Appserv的,最近改为Xampp了,也很顺利就成功了。嫌summary和admin页面的字体太小,就改动了style里的summary.css和admin.css里的字体,由默认的12改为16了,刷新后发现summary页面右边的部分,也就是搜索栏所在的那右边1/3的部分整体向下平移了不少,非常不协调,该怎么办?

把16改回成12页面就正常了,但是字体太小这个问题还是要解决。试着把原来显示正常的blog系统(备份的)的summary.css替换也不能解决问题,提取官方下的plog安装包中的文件替换也是一样。

出现问题的是IE6,FF则没有问题。第一:不能强迫用户都换浏览器;第二:blog架设在内部网络,不方便放到Internet上。

使用的软件:Xampp 1.5,plog 1.0.2,IE6 sp1

Hi espresso:
因為看不到畫面。
所以我只能試著用我的想像力還回答你的問題.
如果你將字體變大後發現版面被擠開了,比較簡單的方法是把summary的css 檔中的 content和left-coloum, main-coloum, right-coloum的寬度也跟者調大.
這樣應該可以改善版面被擠開的情形。
以上的回答純屬猜測,如果錯誤請多包涵:)

James.


主題: Re: summary页面错位
作者: espresso十二月 11, 2005, 02:09:41 下午
明天回公司再把截图帖出来。

原来的summary.css也只改过字体,页面没有问题的。现在只要改动了默认的12字体就坏了,不要说调到16,好像连13都不行。


主題: Re: summary页面错位
作者: hlps9999十二月 11, 2005, 07:31:57 下午
我猜!您那summary頁面中間的「最新發表文章」裡,是不是有文章的內容是有網址的呢?

因為有網址,放大字型後,因網址不能自動換行,在Fx底下這網址只會跨到右邊的版面去,但不影響版面,可是在IE底下卻會將右邊的版面往下擠。

假如是這樣的情形,您可以參考lss的這一篇「FireFox 裡長網址不能自動換行的解決方案 (http://blog.nlhs.tyc.edu.tw/post/2/53)」



主題: Re: summary页面错位
作者: espresso十二月 12, 2005, 08:46:46 上午
多谢指教,最新发表的文章确实有网址的,网址也不长,一行还没有到头。这篇文章原来显示不出来的,只是显示...的,我后来重新编辑了一下,改成一行了,看长度没有跨过中间啊。记得原来也发表过带网址的,那个比现在的还要长都没有问题,现在咋的?

我还记得禁用这篇文章好像还是有问题,因为我曾经调整过最新发表的文章只显示一篇,这篇不是最新的,但是还是错位,我再试试看。

我昨天说过把screenshot贴上来,让大家看看的。
(http://static.flickr.com/35/72624014_92b8ee72bd_m.jpg)
大家看看怎么办?


主題: Re: summary页面错位
作者: espresso十二月 12, 2005, 09:10:32 上午
我试过了,删掉带网址的那篇文章都不行,这时summary上没有显示出来带网址的,只有系统默认的“祝贺你”两篇,可是还是错位的,每次操作我都清空tmp的。


主題: Re: summary页面错位
作者: lss十二月 12, 2005, 09:31:45 上午
那是 IE 才會有的錯誤,如果你只改 font 的大小,得相對修改一些地方,這有待你自己去研究了。
這裡有網友 copper 發表的成果可以供你參考:
http://forum.lifetype.org.tw/index.php?topic=1596.0


主題: Re: summary页面错位
作者: espresso十二月 12, 2005, 10:47:21 上午
多谢你提供的资料,现在反馈一下:
1。在未看你的回复之前,我在cnplog上找到一个解决方法了,http://www.cnplog.com/forum/viewtopic.php?t=42,他提到的!important很有道理,我把他提供的summary.css覆盖确实可以了,字体也变大了一些,虽然不是我要的16,看样子是14,不过也不错。但是我看过那个css,还没有找出改了哪些地方,里面还是12,我要好好研究一下。

2。你提供的那篇文章真的很针对我的问题,我仔细看过了,有些启发。我把字体改为16,即使把页面宽度改为800也没有用,后来把字体改为14,页面宽度只有到了796之后页面才正常,但这时候两边(尤其是topadmin.jpg的两边)都有一些阴影,或者是一些空白,很不协调。不知道这是不是文章中提到的“容易出现问题” ?

3。文章提到的是逐项逐项修改summary的字体大小,其实我要的是整体变大,而不只是导航栏的字体,所以这样还是繁琐的。不明白先前一次架设plog的时候,我只是修改了font-size那一个地方就可以了,而这次偏偏弄出来一个页面错位的问题。即使把css覆盖回去也不行。blog没有变,IE没有变,只是把Apache从1.3升到了Apache2.0,是不是这个原因?

其实期待有好一些的summary模板,除了官方的就只有那个5y6s,拿来用还有修改很多地方,图片、Flash、logo、footer都要修改,还有编码的问题,工作量很大。


主題: Re: summary页面错位
作者: markwu十二月 12, 2005, 11:09:43 上午
3。文章提到的是逐项逐项修改summary的字体大小,其实我要的是整体变大,而不只是导航栏的字体,所以这样还是繁琐的。不明白先前一次架设plog的时候,我只是修改了font-size那一个地方就可以了,而这次偏偏弄出来一个页面错位的问题。即使把css覆盖回去也不行。blog没有变,IE没有变,只是把Apache从1.3升到了Apache2.0,是不是这个原因?

Apache Server 跟 CSS 的顯示,絕對沒有關係

其实期待有好一些的summary模板,除了官方的就只有那个5y6s,拿来用还有修改很多地方,图片、Flash、logo、footer都要修改,还有编码的问题,工作量很大。

如果這是你的工作,那必須自己努力。天下沒有不勞而獲的事。你不能要求別人幫你做好,而你自己拿去用。所以你這樣的抱怨,是非常沒有 sense 的。

另外,你可以重你自己做起。當你的模版改完後,貢獻出來。

不過會這麼做的人真的不多,因為大家都抱著自私的心理,我改了就是我的。呵呵!

BTW,回到正題。你要修改 CSS,你必須要知道修改哪裡才行。我在 Wiki 已經寫明,可以用 webdeveloper 來看頁面的 CSS tag (http://wiki.lifetype.org.tw/index.php?title=Installation_Requirements#.E5.85.B6.E4.BB.96.E6.8E.A8.E8.96.A6.E8.BB.9F.E9.AB.94),就是沒人願意來看。我附上一張我用 webdeveloper 所顯示的 CSS 標籤。

你只細看,裡面有四個 CSS 標前是必須要注意的:
1. container:整個頁面的基礎標籤,用來控制頁面的寬度等等。
2. column-left:左邊的 side bar
3. maincolumn:中間的專欄顯示
4. colum-right:右邊的 side bar

所以你覺得如果右邊會掉下去,那麼我們應該來調哪裡呢?

我們來看掉下去的原因:
1. container 太小了?所以把 container 加大。(這是 copper 的作法)
2. maincolumn 太大了?所以我們可以把 main column 縮小
3. 還是 column-left 太大了,那麼我們也可以把他縮小。

我不想直接告訴你改哪裡。不是我小氣,因為我假設你會改,表示你已經懂 HTML 與 CSS,你必須自己來學習找答案。這樣你才能學會下次自己找來解決問題。

Mark


主題: Re: summary页面错位
作者: espresso十二月 12, 2005, 03:01:19 下午
多谢mark的指导,现在反馈一下:
引用
你只細看,裡面有四個 CSS 標前是必須要注意的:
1. container:整個頁面的基礎標籤,用來控制頁面的寬度等等。
2. column-left:左邊的 side bar
3. maincolumn:中間的專欄顯示
4. colum-right:右邊的 side bar
更改mailcolumn不起作用,我把默认的436改到420都没有变化,于是更改colum-right,字体设为14,由默认的160px改到150就可以了,右边的sidebar上来了,看着也很协调,把colum-left也改成150了,左右好对称,发现几乎看不出来变化。FF对比IE下稍微有点不同,就是mailcolunm往左边稍稍偏了点,不过还好,用户几乎都是用IE的。

最近在研究lifetype,如果做出了好一点的模板我会放出来的。


主題: Re: summary页面错位
作者: markwu十二月 12, 2005, 03:18:56 下午
恭喜。這樣的方向就對了....

沒有那麼好的事,網路上的人一切都幫你做好 ..... 所以,你還是必須自己來改。只是,要搞對方向才有可能改的對。

建議你去下載 webdeveloper 這個 firefox 的 plugin,沒有他,我自己也是寸步難行

Mark


主題: Re: summary页面错位
作者: espresso十二月 12, 2005, 03:33:04 下午
引用
建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5, :-(

用了好几年的Maxthon(MyIE2),都习惯了,再说,我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。


主題: Re: summary页面错位
作者: markwu十二月 12, 2005, 03:53:57 下午
引用
建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5, :-(

用了好几年的Maxthon(MyIE2),都习惯了,再说,我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。

天啊!拜託....  :-(

我沒有有要你放棄 maxthon,因為我也是用  maxthon。重點是透過 webdeveloper 你可以看到他的 CSS ID/Class 等資訊。

你就不能(會) 輪流著用嗎?如果你不裝,沒關係。你必須自己找到也能很容易辨認 CSS class/id 的方式,則沒有人可以隨時告訴你要改哪裡。這才是重點。

web developer 已經到 0.94了,可以用在 FF1.5。

Mark


主題: Re: summary页面错位
作者: resnick十二月 12, 2005, 10:59:58 下午
引用
建議你去下載 webdeveloper 這個 firefox 的 plugin

最新的webdeveloper0.9.3不支持FF1.5, :-(

用了好几年的Maxthon(MyIE2),都习惯了,再说,我确实还没有感受到FF有什么比Maxthon更强大的功能、更方便的操作而让我值得放弃它。

雖然你的回答很神奇,不過如果你真的不用FF也OK阿,那就用你的記事本跟想像力,慢慢的在你腦中把預覽的結果想出來吧,不然就用用記事本改CSS裡面的參數,一直更新頁面看結果。

當然如果你看不出tag的意思,那就一個一個調,然後更新頁面看結果變怎樣,調到滿意為止,這就是最土法煉鋼的方法。

resnick