網域名稱俱樂部


返回   網域名稱俱樂部 > 電腦與網路技術 > 網站製作與設計接案
論壇幫助 社區 日曆事件 今日新文章 搜尋

回覆
 
主題工具
  #1  
舊 2008-11-18, 10:18 AM
paladaok 的頭像
paladaok paladaok 目前離線
初級會員
 
註冊日期: 2008-09-11
住址: 台灣台北
文章: 25
發送 MSN 消息給 paladaok 發送 Skype™ 消息給 paladaok
預設 請問css的語法方式,如何讓圖片代超連結?

請問css的語法方式,如何讓圖片代超連結?

我要改wp的風格如右邊網址 http://seo-go.net/要讓上面那張圖代超連結

我找到程式碼,是由下面這段控制的

<?php

define('HEADER_TEXTCOLOR', '');
define('HEADER_IMAGE', '%s/img/misty.jpg'); // %s is theme dir uri
define('HEADER_IMAGE_WIDTH', 760);
define('HEADER_IMAGE_HEIGHT', 200);
define( 'NO_HEADER_TEXT', true );

function mistylook_admin_header_style() {
?>
<style type="text/css">
#headimg {
background: url(<?php header_image() ?>) no-repeat;
}
#headimg {
height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
}

#headimg h1, #headimg #desc {
display: none;
}
</style>
<?php

下方CSS的有做一些定義。
我想在這邊下一段定義,上方的大圖即可以代超連結功能
沒有下過圖片上加超連結的CSS語法,找了很多資料也找不到,煩請了解的高手解答。

肛恩啊
回覆時引用此篇文章
  #2  
舊 2008-11-18, 01:06 PM
mushroom mushroom 目前離線
進階會員
 
註冊日期: 2006-01-09
文章: 315
預設

一般的超連結,設背景即可。

<a href="....">連結</a>

font-size: 1px;
width: 圖寬px; height: 圖高px;
background: url("圖檔位置") no-repeat;
__________________
線上字典
回覆時引用此篇文章
  #3  
舊 2008-11-21, 09:16 AM
paladaok 的頭像
paladaok paladaok 目前離線
初級會員
 
註冊日期: 2008-09-11
住址: 台灣台北
文章: 25
發送 MSN 消息給 paladaok 發送 Skype™ 消息給 paladaok
預設

您好。
請問 background: url("圖檔位置") no-repeat; 這語法好像是指圖檔的位置
我是要問如何下css讓圖片代超連結到如 http://khtt.seo080.com
這樣喔

引用:
作者: mushroom 查看文章
一般的超連結,設背景即可。

<a href="....">連結</a>

font-size: 1px;
width: 圖寬px; height: 圖高px;
background: url("圖檔位置") no-repeat;
回覆時引用此篇文章
  #4  
舊 2008-12-08, 09:46 PM
wmh wmh 目前離線
進階會員
 
註冊日期: 2004-08-27
文章: 310
預設

css 沒辦法讓圖片加上超連結...

超連結是 html 內 <a> 這個 tag 的工作
css 只是負責呈現的樣式
回覆時引用此篇文章
  #5  
舊 2009-02-11, 09:30 AM
badsmaru 的頭像
badsmaru badsmaru 目前離線
進階會員
 
註冊日期: 2007-05-17
文章: 661
預設

CSS的地方,您寫成
引用:

# logo { background: url('圖片位置') no-repeat; width:寬度; height:高度;}
頁面寫這樣
引用:

<div id=logo><a href=連結位置></a></div>

範例:按我

此篇文章於 2009-02-11 09:33 AM 被 badsmaru 編輯。
回覆時引用此篇文章
回覆

標籤
css html htm php linux


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

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



所有時間均為 +8。現在的時間是 04:10 AM


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