免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

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

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

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

需要修改header.htm模板,找到
  1. <h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
複製代碼
修改为
  1. <h2><a id="textlogo" href="$indexname" title="$bbname">纯文字logo演示</a></h2>
複製代碼
然后再下边加入一些css效果,如
  1. <style>
  2. #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}
  3. #textlogo:hover{text-decoration:none}
  4. </style>
複製代碼
效果如图:
QQ截图20161204162615.jpg

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

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


作者: 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# 无界


文字怎樣做才可以做成網址?
3.jpg


我將logo空白便有我的名字,點解會這樣?

文字怎樣才可以放大?

怎樣改為字呢?
4.jpg

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



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


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

回復 8# leisurema
  1.     <style>
  2. #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}
  3. #textlogo:hover{text-decoration:none}
  4. </style>
複製代碼
以上代码放在css_append模板
作者: leisurema    時間: 2017-8-9 12:25

回復 9# 无界

找不到css_append模板

5.jpg

圖片附件: 5.jpg (2017-8-9 12:25, 60.55 KB) / 下載次數 877
http://sclub.com.tw/discuz/attachment.php?aid=77896&k=06e925591595604d54ea7e8c5121ecd1&t=1714042601&sid=g6Y9rR


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

回復 9# 无界


是這裏嗎…按編輯嗎?

1.jpg

放在那裏。

2.jpg

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



圖片附件: 2.jpg (2017-8-9 12:37, 191.82 KB) / 下載次數 936
http://sclub.com.tw/discuz/attachment.php?aid=77898&k=7b02de7120754f3596fe570b72c24e4d&t=1714042601&sid=g6Y9rR


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

回復 1# 無界

怎樣可以冇咗個框框

3.jpg

圖片附件: 3.jpg (2017-8-9 13:43, 21.19 KB) / 下載次數 974
http://sclub.com.tw/discuz/attachment.php?aid=77899&k=67c6dc3f9f633821148c1b7f0a75062b&t=1714042601&sid=g6Y9rR


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

回復 12# leisurema


    你的是图片,要改为透明背景的png格式
作者: leisurema    時間: 2017-8-10 21:12

回復 13# 无界

我不會轉。




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