免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
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) / 下載次數 2348
http://xclub.tw/discuz/attachment.php?aid=76540&k=1b65bbb31031ef475f5b19c72d8ef294&t=1732325871&sid=3D4Wo2

作者: 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) / 下載次數 2337
http://xclub.tw/discuz/attachment.php?aid=77894&k=c3e0eb5a6ae279eb53da68cbb1170721&t=1732325871&sid=3D4Wo2



圖片附件: 4.jpg (2017-8-9 11:36, 19.36 KB) / 下載次數 2324
http://xclub.tw/discuz/attachment.php?aid=77895&k=71f5a1b684898a0e04585c4ac762f27a&t=1732325871&sid=3D4Wo2

作者: 无界    時間: 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) / 下載次數 2308
http://xclub.tw/discuz/attachment.php?aid=77896&k=84dcff93c55e6e43e615150f7462475e&t=1732325871&sid=3D4Wo2

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

回復 9# 无界


是這裏嗎…按編輯嗎？

1.jpg

放在那裏。

2.jpg

圖片附件: 1.jpg (2017-8-9 12:37, 67.07 KB) / 下載次數 2076
http://xclub.tw/discuz/attachment.php?aid=77897&k=89ebf56c99d2a6ec71adf3d1409abf34&t=1732325871&sid=3D4Wo2



圖片附件: 2.jpg (2017-8-9 12:37, 191.82 KB) / 下載次數 2113
http://xclub.tw/discuz/attachment.php?aid=77898&k=2e0d3a76bc76483d521e7c47a6750886&t=1732325871&sid=3D4Wo2

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

回復 1# 無界

怎樣可以冇咗個框框

3.jpg

圖片附件: 3.jpg (2017-8-9 13:43, 21.19 KB) / 下載次數 2114
http://xclub.tw/discuz/attachment.php?aid=77899&k=9d216df7969112e4a1ea606fbda18c08&t=1732325871&sid=3D4Wo2

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

回復 12# leisurema


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

回復 13# 无界

我不會轉。



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