網域名稱俱樂部


返回   網域名稱俱樂部 > 電腦與網路技術 > 網站製作與設計接案

回覆
 
主題工具
  #1  
舊 2007-12-17, 11:55 PM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設 請教一段圓弧度導角背景色的html語法?

之前看過,用html語法完成如下圖紅色圓弧度導角背景色,非圖片。

有人知道該html語法?謝謝。

回覆時引用此篇文章
  #2  
舊 2007-12-18, 12:10 AM
polin 的頭像
polin polin 目前離線
進階會員
 
註冊日期: 2005-10-26
文章: 588
預設

可以試試這個
http://www.roundedcornr.com/
回覆時引用此篇文章
  #3  
舊 2007-12-18, 01:18 AM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設

怪了~剛使用php標籤,無法寫入。




此篇文章於 2007-12-18 01:27 AM 被 cool 編輯。
回覆時引用此篇文章
  #4  
舊 2007-12-18, 01:21 AM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設

引用:
作者: polin 查看文章
可以試試這個
http://www.roundedcornr.com/
剛試了一下,它輸出的語法中,也還包含著圖片。

需求在譬如:<div id="background" style="BACKGROUND-COLOR: $user_bgcolor">
$user_bgcolor 留給user自定,實現該圓角背景色。

曾看過的那段語法很簡短,無需用到圖檔。

此篇文章於 2007-12-18 01:36 AM 被 cool 編輯。
回覆時引用此篇文章
  #5  
舊 2007-12-18, 07:05 AM
alextung alextung 目前離線
進階會員
 
註冊日期: 2004-04-26
文章: 652
預設

你說的是類似
-moz-border-radius: 10px;
這樣的嗎?

我記得這個css style好像IE不支援的樣子~
firefox有支援!
回覆時引用此篇文章
  #6  
舊 2007-12-18, 07:22 PM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設

引用:
作者: alextung 查看文章
你說的是類似
-moz-border-radius: 10px;
這樣的嗎?

我記得這個css style好像IE不支援的樣子~
firefox有支援!
對,印象類似。

未留意到ie & firefox是否皆可正常顯示,手上有這語法範例嗎,讓我試試看。謝謝
回覆時引用此篇文章
  #7  
舊 2007-12-18, 08:50 PM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設

打算制作的樣本
http://asiaz.com/video/

撥放器上下目前是圖檔,亦是想克服的地方。
整個會結合PHP+MySql+RSS,給user去自訂喜好的影音撥放器,利用色彩值達到無限制樣式。

還是;另有其他方式可以克服?
回覆時引用此篇文章
  #8  
舊 2007-12-20, 03:19 AM
some some 目前離線
進階會員
 
註冊日期: 2003-09-23
住址: 屏東
文章: 3,608
預設

引用:
作者: cool 查看文章
打算制作的樣本
http://asiaz.com/video/

撥放器上下目前是圖檔,亦是想克服的地方。
整個會結合PHP+MySql+RSS,給user去自訂喜好的影音撥放器,利用色彩值達到無限制樣式。

還是;另有其他方式可以克服?
您可以切四個角的 "gif" 圖檔,



切一個 9x9 的表格, 將四個角放在1,3,7,9的位置, 當改便表格的顏色, 目前紅色的部份就會變成您要的顏色, 不知道是不是您要的效果?

目前沒有單純用HTML可達成您說的效果. 實作上都利用圖檔在做.
__________________
nice to meet you                   flickr
回覆時引用此篇文章
  #9  
舊 2007-12-20, 04:02 AM
青狼 青狼 目前離線
進階會員
 
註冊日期: 2004-07-01
住址: 同福客棧後院
文章: 605
發送 ICQ 消息給 青狼 發送 MSN 消息給 青狼
預設

看看這個是不是你要的
代碼:
<DIV id=Rounded_Corners2_by_Gene align=center>
<DIV id=t1 style="OVERFLOW: hidden; WIDTH: 238px;(t1); HEIGHT: 1px; BACKGROUND-COLOR: #666666"></DIV>
<DIV id=t2 style="OVERFLOW: hidden; WIDTH: 244px;(t2=t1+6); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c2 style="OVERFLOW: hidden; WIDTH: 238px;(c2=t1); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t3 style="OVERFLOW: hidden; WIDTH: 248px;(t3=t2+4); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c3 style="OVERFLOW: hidden; WIDTH: 244px;(c3=t2); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t4 style="OVERFLOW: hidden; WIDTH: 250px;(t4=t3+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c4 style="OVERFLOW: hidden; WIDTH: 248px;(c4=t3); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t5 style="OVERFLOW: hidden; WIDTH: 252px;(t5=t4+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c5 style="OVERFLOW: hidden; WIDTH: 250px;(c5=t4); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t6 style="OVERFLOW: hidden; WIDTH: 254px;(t6=t5+2); HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c6 style="OVERFLOW: hidden; WIDTH: 252px;(c6=t5); HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t7 style="OVERFLOW: hidden; WIDTH: 256px;(t7=t6+2); HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c7 style="OVERFLOW: hidden; WIDTH: 254px;(c7=t6); HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t8 style="OVERFLOW: hidden; WIDTH: 258px;(t8=t7+2); HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c8 style="OVERFLOW: hidden; WIDTH: 256px;(c8=t7); HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=main style="OVERFLOW: hidden; WIDTH: 260px; HEIGHT: 100px; BACKGROUND-COLOR: #666666">
<DIV id=main style="OVERFLOW: hidden; WIDTH: 258px; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff"><BR><FONT face=Verdana color=#333330>測試</FONT></DIV></DIV>
<DIV id=t8 style="OVERFLOW: hidden; WIDTH: 258px; HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c8 style="OVERFLOW: hidden; WIDTH: 256px; HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t7 style="OVERFLOW: hidden; WIDTH: 256px; HEIGHT: 2px; BACKGROUND-COLOR: #666666"><DIV id=c7 style="OVERFLOW: hidden; WIDTH: 254px; HEIGHT: 2px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t6 style="OVERFLOW: hidden; WIDTH: 254px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c6 style="OVERFLOW: hidden; WIDTH: 252px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t5 style="OVERFLOW: hidden; WIDTH: 252px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c5 style="OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t4 style="OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c4 style="OVERFLOW: hidden; WIDTH: 248px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t3 style="OVERFLOW: hidden; WIDTH: 248px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c3 style="OVERFLOW: hidden; WIDTH: 244px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t2 style="OVERFLOW: hidden; WIDTH: 244px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"><DIV id=c2 style="OVERFLOW: hidden; WIDTH: 238px; HEIGHT: 1px; BACKGROUND-COLOR: #ffffff"></DIV></DIV>
<DIV id=t1 style="OVERFLOW: hidden; WIDTH: 238px; HEIGHT: 1px; BACKGROUND-COLOR: #666666"></DIV></DIV>
__________________
世界如果是公平的.那勇氣就沒有存在的必要
網路賺錢 | 小遊戲 | 免費遊戲 | 襪子
回覆時引用此篇文章
  #10  
舊 2007-12-20, 05:26 PM
cool 的頭像
cool cool 目前離線
進階會員
 
註冊日期: 2002-10-01
文章: 2,763
預設

先感謝諸位,最後再擇一方式。
回覆時引用此篇文章
回覆

主題工具

發文規則
不可以發表新主題
不可以發表回覆
不可以上傳附件
不可以編輯自己的文章

啟用 BB 代碼
論壇啟用 表情符號
論壇啟用 [IMG] 代碼
論壇禁用 HTML 代碼



所有時間均為 +8。現在的時間是 05:12 PM


本站主機由網易虛擬主機代管
Powered by vBulletin® 版本 3.8.4
版權所有 ©2000 - 2024,Jelsoft Enterprises Ltd.