SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [版型教學] 纯文字logo应用 [打印本頁]

作者: 无界 時間: 2016-12-4 16:26 標題: 纯文字logo应用

本帖最後由无界於 2016-12-4 16:31 編輯

需要修改header.htm模板，找到

<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>

複製代碼

修改为

<h2><a id="textlogo" href="$indexname" title="$bbname">纯文字logo演示</a></h2>

複製代碼

然后再下边加入一些css效果，如

<style>
#textlogo{font-size: 40px;color: #fafafa;letter-spacing: 0;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135}
#textlogo:hover{text-decoration:none}
</style>

複製代碼

效果如图：

演示论坛：http://moto.xclub.tw/

圖片附件: QQ截图20161204162615.jpg (2016-12-4 16:26, 5.29 KB) / 下載次數 2344
http://sclub.com.tw/discuz/attachment.php?aid=76540&k=92aac5347c0862d3fc08fafb132c1ca0&t=1732251070&sid=xMUxFu

作者: gun1111 時間: 2016-12-4 20:24

謝謝分享

作者: happyman2355 時間: 2016-12-4 20:35

謝謝樓主的熱心分享

作者: 4rphotoclub 時間: 2016-12-4 23:16

这个教程看来很实用，要来支持楼主啊！

作者: tommy850924 時間: 2016-12-7 07:54

感謝版主熱心提供此教學OWO

作者: mcxhcn 時間: 2016-12-9 14:20

无解老师很给力啊

作者: leisurema 時間: 2017-8-8 21:26

回復 1# 无界

這個不錯，但不明白修改什麼？

是模版裡什麽位置(是頭部還是其它位置)

可否說明…謝謝。

作者: leisurema 時間: 2017-8-9 11:29

本帖最後由 leisurema 於 2017-8-9 11:37 編輯

回復 1# 无界

文字怎樣做才可以做成網址？

我將logo空白便有我的名字，點解會這樣？

文字怎樣才可以放大？

怎樣改為字呢？

圖片附件: 3.jpg (2017-8-9 11:29, 22.32 KB) / 下載次數 2333
http://sclub.com.tw/discuz/attachment.php?aid=77894&k=bcd67907f1644f3d0c8143920879d121&t=1732251070&sid=xMUxFu

圖片附件: 4.jpg (2017-8-9 11:36, 19.36 KB) / 下載次數 2321
http://sclub.com.tw/discuz/attachment.php?aid=77895&k=cac3f83b8bf51192cc93968e5d4ded77&t=1732251070&sid=xMUxFu

作者: 无界 時間: 2017-8-9 12:15

回復 8# leisurema

<style>
#textlogo{font-size: 40px;color: #fafafa;letter-spacing: 0;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135}
#textlogo:hover{text-decoration:none}
</style>

複製代碼

以上代码放在css_append模板

作者: leisurema 時間: 2017-8-9 12:25

回復 9# 无界

找不到css_append模板

圖片附件: 5.jpg (2017-8-9 12:25, 60.55 KB) / 下載次數 2304
http://sclub.com.tw/discuz/attachment.php?aid=77896&k=02ea9a1db1c0b12ac6eb46036257a37d&t=1732251070&sid=xMUxFu

作者: leisurema 時間: 2017-8-9 12:37

回復 9# 无界

是這裏嗎…按編輯嗎？

放在那裏。

圖片附件: 1.jpg (2017-8-9 12:37, 67.07 KB) / 下載次數 2075
http://sclub.com.tw/discuz/attachment.php?aid=77897&k=aeec2604396f0841d8f497981bcb2901&t=1732251070&sid=xMUxFu

圖片附件: 2.jpg (2017-8-9 12:37, 191.82 KB) / 下載次數 2112
http://sclub.com.tw/discuz/attachment.php?aid=77898&k=66b33b07def940eebea2efbcabf4a911&t=1732251070&sid=xMUxFu

作者: leisurema 時間: 2017-8-9 13:43

回復 1# 無界

怎樣可以冇咗個框框

圖片附件: 3.jpg (2017-8-9 13:43, 21.19 KB) / 下載次數 2113
http://sclub.com.tw/discuz/attachment.php?aid=77899&k=309384a2e47d111d530e340dd75b2967&t=1732251070&sid=xMUxFu

作者: 无界 時間: 2017-8-10 21:09

回復 12# leisurema

你的是图片，要改为透明背景的png格式

作者: leisurema 時間: 2017-8-10 21:12

回復 13# 无界

我不會轉。

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/)