竹貓星球

虛擬網路的真實天堂
https://phpbb-tw.com/phpbb/

logo的位置問題。

https://phpbb-tw.com/phpbb/viewtopic.php?f=140&t=51000

第 1 頁 (共 2 頁)

logo的位置問題。

發表於 : 2008-07-09 15:41
由 kamatz
主機作業系統：Localhost via UNIX socket
快速架站程式：無
免費空間鏈接：無
上網方式：ADSL
安裝的程式：PHP Version 5.2.5+MYSQL4.1.22
PHPBB版本：PHPBB3.0.1（PHPBBCHINA提供）
domain：www.kamatz.cn
PHPBB鏈接網址：www.kamatz.cn
風格：prosilver
問題地址：http://www.kamat.cn

代碼: 選擇全部

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？

Re: logo的位置問題。

發表於 : 2008-07-10 01:57
由 Artemas
kamatz 寫:

代碼: 選擇全部

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？
我不知道圖檔是否本身有多餘的邊或者有其他CSS控制住，不過會不會是0少了px

代碼: 選擇全部

padding: 10px 13px 0px 10px;

Re: logo的位置問題。

發表於 : 2008-07-10 11:05
由 kamatz
Artemas 寫:
kamatz 寫:

代碼: 選擇全部

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？
我不知道圖檔是否本身有多餘的邊或者有其他CSS控制住，不過會不會是0少了px

代碼: 選擇全部

padding: 10px 13px 0px 10px;
我試過加上PX，但是沒用的樣子。

Re: logo的位置問題。

發表於 : 2008-07-10 13:45
由 Artemas
檢查一下圖檔是否有多餘的透明邊界

Re: logo的位置問題。

發表於 : 2008-07-10 18:58
由 kamatz
我把圖檔傳上來，是個矩形，沒透明邊界。

Re: logo的位置問題。

發表於 : 2008-07-10 22:45
由 Artemas
狼的腳尖已經超出地球的底部藍線.所以藍色底線下方有白色區塊
你是希望邊界是到藍線部位嗎??
如果是的話只有就要裁掉腳尖.要不就把藍色底延伸到腳尖
(建議你把擷取網頁照片出來)

Re: logo的位置問題。

發表於 : 2008-07-11 17:15
由 心靈捕手
kamatz 寫:主機作業系統：Localhost via UNIX socket
快速架站程式：無
免費空間鏈接：無
上網方式：ADSL
安裝的程式：PHP Version 5.2.5+MYSQL4.1.22
PHPBB版本：PHPBB3.0.1（PHPBBCHINA提供）
domain：www.kamatz.cn
PHPBB鏈接網址：www.kamatz.cn
風格：prosilver
問題地址：http://www.kamat.cn

代碼: 選擇全部

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？
這個語法 (padding: 10px 13px 0 10px;) 的下籩距, 已經是 0.
但是這個區塊的邊界, 本身有高度設計, 所以您會誤以為失效.

Re: logo的位置問題。

發表於 : 2008-07-12 19:21
由 kamatz
Artemas 寫:狼的腳尖已經超出地球的底部藍線.所以藍色底線下方有白色區塊
你是希望邊界是到藍線部位嗎??
如果是的話只有就要裁掉腳尖.要不就把藍色底延伸到腳尖
(建議你把擷取網頁照片出來)
把那么一點去掉，就可以讓這個圖片完全靠底嗎？感覺下面有好大一段啊。
心靈捕手 寫:
kamatz 寫:主機作業系統：Localhost via UNIX socket
快速架站程式：無
免費空間鏈接：無
上網方式：ADSL
安裝的程式：PHP Version 5.2.5+MYSQL4.1.22
PHPBB版本：PHPBB3.0.1（PHPBBCHINA提供）
domain：www.kamatz.cn
PHPBB鏈接網址：www.kamatz.cn
風格：prosilver
問題地址：http://www.kamat.cn

代碼: 選擇全部

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？
這個語法 (padding: 10px 13px 0 10px;) 的下籩距, 已經是 0.
但是這個區塊的邊界, 本身有高度設計, 所以您會誤以為失效.
那請問，LOGO高度要如何調整了？我想要完全靠底，不知道如何實現。

Re: logo的位置問題。

發表於 : 2008-07-12 22:49
由 Artemas
基於手癢的緣故，就把圖給修飾了，狗腳修齊底部了
你的圖原本是500x343 GIF格式

下面這張是 500x334 PNG 24BIT 透明背景格式，也就是說邊緣已經有羽化效果，GIF檔案沒辦法羽化邊緣
試試看吧
圖檔

Re: logo的位置問題。

發表於 : 2008-07-13 13:14
由 心靈捕手
kamatz 寫:
Artemas 寫:狼的腳尖已經超出地球的底部藍線.所以藍色底線下方有白色區塊
你是希望邊界是到藍線部位嗎??
如果是的話只有就要裁掉腳尖.要不就把藍色底延伸到腳尖
(建議你把擷取網頁照片出來)
把那么一點去掉，就可以讓這個圖片完全靠底嗎？感覺下面有好大一段啊。
心靈捕手 寫:
kamatz 寫:主機作業系統：Localhost via UNIX socket
快速架站程式：無
免費空間鏈接：無
上網方式：ADSL
安裝的程式：PHP Version 5.2.5+MYSQL4.1.22
PHPBB版本：PHPBB3.0.1（PHPBBCHINA提供）
domain：www.kamatz.cn
PHPBB鏈接網址：www.kamatz.cn
風格：prosilver
問題地址：http://www.kamat.cn

代碼: 選擇全部

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
通過竹貓的一些文章我知道這個是可以控制LOGO邊距的語句，可是我怎么改都不能讓LOGO下邊距為0，請問要如何修改？
這個語法 (padding: 10px 13px 0 10px;) 的下籩距, 已經是 0.
但是這個區塊的邊界, 本身有高度設計, 所以您會誤以為失效.
那請問，LOGO高度要如何調整了？我想要完全靠底，不知道如何實現。
在 prosilver 風格中 '要完全靠底' 是不可能的.

事實上, 完全靠底, 也不見得美觀.

若依您的論壇, 目前使用的 LOGO 而言, 則還算是理想;
但是, 這僅限於用 Firefox 或 Opera 瀏覽;
若由 IE 瀏覽的話, 則下面邊距仍稍嫌過大.

Re: logo的位置問題。

發表於 : 2008-07-13 14:53
由 SCR
心靈捕手 寫:
kamatz 寫: 那請問，LOGO高度要如何調整了？我想要完全靠底，不知道如何實現。
在 prosilver 風格中 '要完全靠底' 是不可能的.

事實上, 完全靠底, 也不見得美觀.
老師的上一段話有些言之過早...
而下一句話我深表認同:
完全靠底,只是不美觀而已.
然而不管在任何風格中,logo 圖片要"完全靠底"並非不可能!!
如果把 index_body.html 檔案裡面的前半段及屬於 logo 的部份,強制改掉 css 屬性,我個人認為是應該絕對可以完全靠底的.
只是...............不美觀而已!!
(純打屁,不想口水!)

Re: logo的位置問題。

發表於 : 2008-07-13 15:08
由 心靈捕手
SCR 寫: 老師的上一段話有些言之過早...
而下一句話我深表認同:
完全靠底,只是不美觀而已.
然而不管在任何風格中,logo 圖片要"完全靠底"並非不可能!!
如果把 index_body.html 檔案裡面的前半段及屬於 logo 的部份,強制改掉 css 屬性,我個人認為是應該絕對可以完全靠底的.
只是...............不美觀而已!!
(純打屁,不想口水!)
因為 prosiilver 風格中的區塊, 上, 下有斜角 (高度 5 px) 設計,
所以我的意思是: 如果您要保留此風格, 完全靠底是不可能的.

當然, 您要 '強制改掉 css 屬性' , 實現完全靠底, 是沒有問題;
不過, 最大的問題是, 它會破壞整個風格的完整, 而且不美觀.

Re: logo的位置問題。

發表於 : 2008-07-13 20:58
由 kamatz
Artemas 寫:基於手癢的緣故，就把圖給修飾了，狗腳修齊底部了
你的圖原本是500x343 GIF格式

下面這張是 500x334 PNG 24BIT 透明背景格式，也就是說邊緣已經有羽化效果，GIF檔案沒辦法羽化邊緣
試試看吧
圖檔
试过啦~~还是一样的说。心灵大大说的是，完全靠底确实不美观，先用着好了^^b感谢各位这么热心的解答

Re: logo的位置問題。

發表於 : 2008-07-13 21:53
由 SCR
關於這個 logo 完全置底的方法..
如果使用圖片(抓四個斜角,以及漸層背景圖)的方式再加以 <table> 標籤來排版(完全刻意擺脫 css),這種方法倒是可以輕而易舉地達成目的(完全靠底又美觀)!!
雖然 prosilver 風格裡面的 *.html 檔已大部分不用 <table> 標籤來排版,但我還是會拿它來使用,以達成我的風格目的.

Re: logo的位置問題。

發表於 : 2008-07-14 12:47
由 Artemas
好啦！偶教你們相對位置內的絕對位置乾坤大挪移法！
愛怎移就怎移，保證直呼過癮的簡單大法
<style type="text/css">
<!--
#fixed {position:relative;}
#goto {position:absolute; left:100px; top:50px; z-index:1;}
-->
</style>
<div id="fixed">
<div id="goto"><img src="你的圖檔網址"></div>
</div>
意思就是說，你可以在你原本放圖的地方為相對位置，然後就以這定位點再去移動到哪去的絕對定位
left:100px; top:50px; 參數你可以自己改，我只是示範誇張的移位

你也可以把這CSS定義給放入原風格CSS檔案裡面，看你們怎用啦
所有顯示的時間為 UTC+08:00
第 1 頁 (共 2 頁)

Powered by phpBB® Forum Software © phpBB Limited

正體中文語系由 竹貓星球 維護製作