logo的位置問題。

phpBB 3 Style Support
討論的範圍包含版面排列、樣式、配置;外掛問題,請到相關版面依發問格式發表!
(發表文章請按照公告格式發表,違者砍文)

版主: 版主管理群譯文組

版面規則
請注意!您的提問必須遵守發問格式,違者砍文。
kamatz
星球普通子民
星球普通子民
文章: 26
註冊時間: 2008-06-06 18:28

logo的位置問題。

文章 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,請問要如何修改?
●主機作業系統:Linux
●快速架站程式:
●免費空間連結:
●您的上網方式:ADSL
●您安裝的程式:Apache 2.2.13 (Unix) + php 5.2.9 + MySql 5.0.81-community-
log
●phpBB 版本:phpBB 3.0.10
●domain (網域名稱) : furstart.com
●phpBB 連結網址: http://furstart.com
Artemas
竹貓忠實會員
竹貓忠實會員
文章: 489
註冊時間: 2003-08-23 03:18
來自: NorthBlue
聯繫:

Re: logo的位置問題。

文章 Artemas »

kamatz 寫:

代碼: 選擇全部

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

代碼: 選擇全部

padding: 10px 13px 0px 10px;
圖檔
Os: Windows 2003
Constitute: IIS.6 + php4 + MySql 4 + ODBC + phpMyAdmin2.6.0 + phpBB 2.0.23
url: http://oops.cafepark.com
kamatz
星球普通子民
星球普通子民
文章: 26
註冊時間: 2008-06-06 18:28

Re: logo的位置問題。

文章 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,但是沒用的樣子。
●主機作業系統:Linux
●快速架站程式:
●免費空間連結:
●您的上網方式:ADSL
●您安裝的程式:Apache 2.2.13 (Unix) + php 5.2.9 + MySql 5.0.81-community-
log
●phpBB 版本:phpBB 3.0.10
●domain (網域名稱) : furstart.com
●phpBB 連結網址: http://furstart.com
Artemas
竹貓忠實會員
竹貓忠實會員
文章: 489
註冊時間: 2003-08-23 03:18
來自: NorthBlue
聯繫:

Re: logo的位置問題。

文章 Artemas »

檢查一下圖檔是否有多餘的透明邊界
圖檔
Os: Windows 2003
Constitute: IIS.6 + php4 + MySql 4 + ODBC + phpMyAdmin2.6.0 + phpBB 2.0.23
url: http://oops.cafepark.com
kamatz
星球普通子民
星球普通子民
文章: 26
註冊時間: 2008-06-06 18:28

Re: logo的位置問題。

文章 kamatz »

我把圖檔傳上來,是個矩形,沒透明邊界。
附加檔案
1234.gif
1234.gif (19.91 KiB) 已瀏覽 15219 次
●主機作業系統:Linux
●快速架站程式:
●免費空間連結:
●您的上網方式:ADSL
●您安裝的程式:Apache 2.2.13 (Unix) + php 5.2.9 + MySql 5.0.81-community-
log
●phpBB 版本:phpBB 3.0.10
●domain (網域名稱) : furstart.com
●phpBB 連結網址: http://furstart.com
Artemas
竹貓忠實會員
竹貓忠實會員
文章: 489
註冊時間: 2003-08-23 03:18
來自: NorthBlue
聯繫:

Re: logo的位置問題。

文章 Artemas »

狼的腳尖已經超出地球的底部藍線.所以藍色底線下方有白色區塊
你是希望邊界是到藍線部位嗎??
如果是的話只有就要裁掉腳尖.要不就把藍色底延伸到腳尖
(建議你把擷取網頁照片出來)
圖檔
Os: Windows 2003
Constitute: IIS.6 + php4 + MySql 4 + ODBC + phpMyAdmin2.6.0 + phpBB 2.0.23
url: http://oops.cafepark.com
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8536
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: logo的位置問題。

文章 心靈捕手 »

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.
但是這個區塊的邊界, 本身有高度設計, 所以您會誤以為失效.
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
kamatz
星球普通子民
星球普通子民
文章: 26
註冊時間: 2008-06-06 18:28

Re: logo的位置問題。

文章 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高度要如何調整了?我想要完全靠底,不知道如何實現。
●主機作業系統:Linux
●快速架站程式:
●免費空間連結:
●您的上網方式:ADSL
●您安裝的程式:Apache 2.2.13 (Unix) + php 5.2.9 + MySql 5.0.81-community-
log
●phpBB 版本:phpBB 3.0.10
●domain (網域名稱) : furstart.com
●phpBB 連結網址: http://furstart.com
Artemas
竹貓忠實會員
竹貓忠實會員
文章: 489
註冊時間: 2003-08-23 03:18
來自: NorthBlue
聯繫:

Re: logo的位置問題。

文章 Artemas »

基於手癢的緣故,就把圖給修飾了,狗腳修齊底部了
你的圖原本是500x343 GIF格式

下面這張是 500x334 PNG 24BIT 透明背景格式,也就是說邊緣已經有羽化效果,GIF檔案沒辦法羽化邊緣
試試看吧
圖檔
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8536
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: logo的位置問題。

文章 心靈捕手 »

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 瀏覽的話, 則下面邊距仍稍嫌過大.
附加檔案
20080713_131037.png
20080713_131037.png (77.55 KiB) 已瀏覽 15068 次
20080713_130921.png
20080713_130921.png (59.45 KiB) 已瀏覽 15068 次
20080713_130443.png
20080713_130443.png (59.96 KiB) 已瀏覽 15064 次
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
頭像
SCR
竹貓忠實會員
竹貓忠實會員
文章: 330
註冊時間: 2006-03-11 23:21
來自: 網路的小角落

Re: logo的位置問題。

文章 SCR »

心靈捕手 寫:
kamatz 寫: 那請問,LOGO高度要如何調整了?我想要完全靠底,不知道如何實現。
在 prosilver 風格中 '要完全靠底' 是不可能的.

事實上, 完全靠底, 也不見得美觀.
老師的上一段話有些言之過早...
而下一句話我深表認同:
完全靠底,只是不美觀而已.
然而不管在任何風格中,logo 圖片要"完全靠底"並非不可能!!
如果把 index_body.html 檔案裡面的前半段及屬於 logo 的部份,強制改掉 css 屬性,我個人認為是應該絕對可以完全靠底的.
只是...............不美觀而已!!
(純打屁,不想口水!)
知難非行易,知易反行難~~
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
文章: 8536
註冊時間: 2004-04-30 01:54
來自: Taiwan

Re: logo的位置問題。

文章 心靈捕手 »

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

當然, 您要 '強制改掉 css 屬性' , 實現完全靠底, 是沒有問題;
不過, 最大的問題是, 它會破壞整個風格的完整, 而且不美觀.
施比受有福,祝福您好運! ^_^
歡迎光臨★★心靈捕手★★ :: 討論區
https://wang5555.dnsfor.me/phpBB3/
kamatz
星球普通子民
星球普通子民
文章: 26
註冊時間: 2008-06-06 18:28

Re: logo的位置問題。

文章 kamatz »

Artemas 寫:基於手癢的緣故,就把圖給修飾了,狗腳修齊底部了
你的圖原本是500x343 GIF格式

下面這張是 500x334 PNG 24BIT 透明背景格式,也就是說邊緣已經有羽化效果,GIF檔案沒辦法羽化邊緣
試試看吧
圖檔
试过啦~~还是一样的说。心灵大大说的是,完全靠底确实不美观,先用着好了^^b感谢各位这么热心的解答
●主機作業系統:Linux
●快速架站程式:
●免費空間連結:
●您的上網方式:ADSL
●您安裝的程式:Apache 2.2.13 (Unix) + php 5.2.9 + MySql 5.0.81-community-
log
●phpBB 版本:phpBB 3.0.10
●domain (網域名稱) : furstart.com
●phpBB 連結網址: http://furstart.com
頭像
SCR
竹貓忠實會員
竹貓忠實會員
文章: 330
註冊時間: 2006-03-11 23:21
來自: 網路的小角落

Re: logo的位置問題。

文章 SCR »

關於這個 logo 完全置底的方法..
如果使用圖片(抓四個斜角,以及漸層背景圖)的方式再加以 <table> 標籤來排版(完全刻意擺脫 css),這種方法倒是可以輕而易舉地達成目的(完全靠底又美觀)!!
雖然 prosilver 風格裡面的 *.html 檔已大部分不用 <table> 標籤來排版,但我還是會拿它來使用,以達成我的風格目的.
知難非行易,知易反行難~~
Artemas
竹貓忠實會員
竹貓忠實會員
文章: 489
註冊時間: 2003-08-23 03:18
來自: NorthBlue
聯繫:

Re: logo的位置問題。

文章 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檔案裡面,看你們怎用啦
圖檔
Os: Windows 2003
Constitute: IIS.6 + php4 + MySql 4 + ODBC + phpMyAdmin2.6.0 + phpBB 2.0.23
url: http://oops.cafepark.com
主題已鎖定

回到「[3.0.x] 風格問題討論」