tag:blogger.com,1999:blog-8596053384636689442.post6538328450872819418..comments2023-08-24T21:11:18.322+08:00Comments on Abin's Tech Note: 在版面格式中放入小圖示Abinhttp://www.blogger.com/profile/11723161715531068787noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-8596053384636689442.post-84380733022546719972010-01-11T02:15:37.479+08:002010-01-11T02:15:37.479+08:00我想請問,怎麼在語法裡決定哪裡可以加入框架?就是可以在網頁元素那新增HTML的框架,因為現有的模板那...我想請問,怎麼在語法裡決定哪裡可以加入框架?就是可以在網頁元素那新增HTML的框架,因為現有的模板那位置不能加。謝謝。小千https://www.blogger.com/profile/11345803949066407556noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-80015478936681181522009-10-19T17:59:43.659+08:002009-10-19T17:59:43.659+08:00To iLYuSha:
那些字樣都是 Blogger 的系統變數字串,建議你別去動它。至於那些圖示,...To iLYuSha:<br />那些字樣都是 Blogger 的系統變數字串,建議你別去動它。至於那些圖示,也建議你放在這些字串變數的前後,因為那些字串會不會出現,系統樣板都有判斷的條件式(像開啟文章進入全文模式就是一個條件,不用另外用程式去隱藏什麼東西),放錯位置就會發生你說的問題,不是字串出不來、就是空留圖示。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-25360048038531875662009-10-16T20:26:44.761+08:002009-10-16T20:26:44.761+08:00請問哦~~~我試著根據文章修改了post footer的圖示
不過有個問題無法解决
就是在首頁能顯...請問哦~~~我試著根據文章修改了post footer的圖示<br />不過有個問題無法解决<br /><br />就是在首頁能顯示出所有定義的小圖示以及『回應的數量』、還有『張貼意見』~<br />就是《span class='post-comment-link'》底下的(程式碼貌似不能打出來...)<br />exist-comments與post-comments這兩個東西<br /><br />不過如果我開啓文章之後,這兩個東西會消失不見,只留下圖示,就是張貼意見的字樣與回應數量的數字會不見該怎麽辦?<br /><br />同時我發現這個部落格在開啓文章之後,這兩個圖示與功能已經消失,只剩下『時間』、『標簽』與『相關文章』是怎樣讓他隱藏起來的?<br /><br />http://ilyusha-sdfdsf.blogspot.com/2009/10/blog-post.html<br />http://ilyusha-sdfdsf.blogspot.com/<br /><br />我測試用的部落格iLYuShahttps://www.blogger.com/profile/05960313352313928660noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-81168191492218788872009-08-17T12:00:26.837+08:002009-08-17T12:00:26.837+08:00To 黃企鵝:
用 span 是比較好的作法,你可以看 WWW 的文件標籤定義,span 是用來做文...To 黃企鵝:<br />用 span 是比較好的作法,你可以看 WWW 的文件標籤定義,span 是用來做文內句子中的樣式變化,也因此很多的工具在一句話的樣式變化(像改顏色、插圖示),都儘量用 span 標籤。div 通常都是來定義段落、區塊,當然要混著交換用是沒問題,沒硬性規定,但如果你用 span 不行但 div 可以,應該是你的樣板內某些 span 標籤會衝突到(和我的範例沒關係),把它找出來解決才是根本之道。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-41686644155961948622009-08-13T02:14:46.223+08:002009-08-13T02:14:46.223+08:00已解決,改用div id="xxx"包起來,CSS從#xxx開頭,如此就可以和平...已解決,改用div id="xxx"包起來,CSS從#xxx開頭,如此就可以和平的放上icon了。<br />不知道為何我用span class=""包起來會出問題。Orz<br /><br />(抱歉因此佔了3樓)黃企鵝https://www.blogger.com/profile/14514441149538652565noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-13285794110819006392009-08-13T02:03:46.986+08:002009-08-13T02:03:46.986+08:00可是我卻眼睜睜看到Abin分別用exist-comments與post-comments把回應數與張...可是我卻眼睜睜看到Abin分別用exist-comments與post-comments把回應數與張貼回應包起來。(?)黃企鵝https://www.blogger.com/profile/14514441149538652565noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-40896203908494440892009-08-13T01:54:30.664+08:002009-08-13T01:54:30.664+08:00我注意到為了加入icon而特地用span class"..."把任意段文字包起來...我注意到為了加入icon而特地用span class"..."把任意段文字包起來,再由此文章的技巧弄icon,如此反而會失效,甚至造成整個版型無法完整載入。黃企鵝https://www.blogger.com/profile/14514441149538652565noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-48364161253591844382009-07-29T17:05:10.315+08:002009-07-29T17:05:10.315+08:00To bluesky:
在完整樣板的原始碼裡,有一段 <b:includable id='n...To bluesky:<br />在完整樣板的原始碼裡,有一段 <b:includable id='nextprev'> .... </b:includable>,一般來說是放在 Blog 網誌文章的下面,因此在顯示上會在文章末端。<br />如果你想搬到文章前面,那就是把上面那一段的內容複製一份放到網誌文章的前面,這樣應該就行了(我沒力氣去試,如果那一段裡的語法和網誌文章沒有先後關係的話,應該就沒問題,不過改之前記得先備份原始碼)。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-88058911395905294042009-07-29T00:09:49.416+08:002009-07-29T00:09:49.416+08:00請教版主,blogspot的「較新的文章」、「首頁」、「較舊的文章」一般都是在文章末端,但我若想拷貝...請教版主,blogspot的「較新的文章」、「首頁」、「較舊的文章」一般都是在文章末端,但我若想拷貝一組到文章的頂端,不知該如何改CSS?感謝版主!jessietesthttps://www.blogger.com/profile/13100693960209779827noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-40698975862733205292009-06-16T11:45:54.331+08:002009-06-16T11:45:54.331+08:00To dickson:
在樣板原始碼裡(打開小裝置範本),有一段 <div class='b...To dickson:<br />在樣板原始碼裡(打開小裝置範本),有一段 <div class='blog-pager' id='blog-pager'>,這段 DIV 標籤裡就是在顯示文章下面那個「較新的文章」(blog-pager-newer-link)、「首頁」(home-link) 和「較舊的文章」(blog-pager-older-link),我是套自訂的 CSS 來改的。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-14471023731068120752009-06-14T20:12:37.795+08:002009-06-14T20:12:37.795+08:00我想問一下,如果想把文章下面的[較新的文章]、[首頁]和[較舊的文章]改成圖案或其他文字,應該去哪裡...我想問一下,如果想把文章下面的[較新的文章]、[首頁]和[較舊的文章]改成圖案或其他文字,應該去哪裡改和要怎麼改呢?我看了上面的教學,好像沒有提到要怎麼改,還是我領悟力低,看不明白。請指點一下吧!<br />麻煩你了!<br /><br />在此致上,十萬分 感激和謝謝。Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-87100246573087708992008-10-31T18:18:00.000+08:002008-10-31T18:18:00.000+08:00To JhaoHeng:那個小圖示也是 Blogger 系統變數新增的,如果動過樣板的人該變數就會沒...To JhaoHeng:<BR/>那個小圖示也是 Blogger 系統變數新增的,如果動過樣板的人該變數就會沒被加進去。基本上那是顯示留言者的「樣式」,在留言者的「連結」 <a expr:name='data:comment.anchorName'/> 這一行前面,有定義一個 CSS 樣式 class 叫 comment-author,只要在樣式裡加入要顯示「身份」的 class,小圖示就會出來了。<BR/>本來是 expr:class='&quot;comment-author&quot;',變成 expr:class='&quot;comment-author &quot; + data:comment.authorClass' 就好了。(加了一個 class = data:comment.authorClass)Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-75784897303472495242008-10-31T17:27:00.000+08:002008-10-31T17:27:00.000+08:00請問要怎麼找到"留言者名稱左邊圖示"的語法位置呢@@?找了半天~頭都快昏了~只找到張貼意見 和 回應...請問要怎麼找到"留言者名稱左邊圖示"的語法位置呢@@?<BR/><BR/>找了半天~頭都快昏了~只找到張貼意見 和 回應的位置<BR/><BR/>找不到"每個留言者留言後,就有小圖示出現在留言者名子左邊"的語法位置<BR/><BR/>請板大提示感激0rz...Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-65669116407841553482008-08-07T12:02:00.000+08:002008-08-07T12:02:00.000+08:00不好意思, 再請問, '較舊的文章'、 '較新的文章'、'首頁'這些頁尾的文字要怎麼改成像站長一樣用...不好意思, 再請問, '較舊的文章'、 '較新的文章'、'首頁'<BR/>這些頁尾的文字要怎麼改成像站長一樣用圖示或是其他文字表現呢??KEEPhttps://www.blogger.com/profile/04539489657383763332noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-53937396736035678242008-08-07T11:00:00.000+08:002008-08-07T11:00:00.000+08:00請問站長...我要貼入小圖, 但是如果網頁是有底色的, 像站長是黑色的, 圖就會跑出邊邊白色的, 但...請問站長...我要貼入小圖, 但是如果網頁是有底色的, 像站長是黑色的, 圖就會跑出邊邊白色的, 但我看站長你的圖示都沒有白邊, 請問要怎麼解決呢?KEEPhttps://www.blogger.com/profile/04539489657383763332noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-22566015681688849482008-04-21T17:49:00.000+08:002008-04-21T17:49:00.000+08:00To ned:background: url("圖片位置") 這個 CSS 宣告,後面只能帶「重複」...To ned:<BR/>background: url("圖片位置") 這個 CSS 宣告,後面只能帶「重複」的參數,像是 no-repeat (不重複), repeat-y (y軸重複) 和 repeat-x (x軸重複),或是指定對齊的方法 (top, center, bottom, left, center, right) 和位置 (position),他不是「桌面圖片」,還可以讓你動態「延伸填滿」。<BR/>唯一的作法,只有你算好那塊區域的大小、貼入一張剛剛好大小的圖才能解決。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-2167993591605955882008-04-17T01:13:00.000+08:002008-04-17T01:13:00.000+08:00background: url("圖片位置") ; 我想利用這程式碼,更改標題背景圖但不知該下什麼參...background: url("圖片位置") ; <BR/>我想利用這程式碼,更改標題背景圖<BR/>但不知該下什麼參數可以延伸填滿呢?Anonymoushttps://www.blogger.com/profile/07908762122259343847noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-43290238888838634962008-04-11T16:37:00.000+08:002008-04-11T16:37:00.000+08:00To Ned:經由你的提醒,我發現,原來我的也不正常、不會動啊!我查了一下我的程式碼,因為這些個功能...To Ned:<BR/>經由你的提醒,我發現,原來我的也不正常、不會動啊!<BR/>我查了一下我的程式碼,因為這些個功能,預設都是由 Blogger 提供,該功能的顯示與否,也都是用系統預設的樣式和定義,該功能失效的原因只有一個:Blogger 自己的 Bug!<BR/>像「快速編輯」、「電子郵件發佈連結」,對應到程式碼,是使用樣式:class='quick-edit-icon' 和 class='email-post-icon' (ADSense 我沒在用),我怎麼看程式碼都沒錯,但是該 CSS 樣式定義的「圖示」卻沒有顯示出來,我只能假設那段樣式定義可能被誰不小心在 Blogger 的預設 CSS 樣式表裡弄掉了,解決方法有兩種,第一種,等 Blogger 自己找到 Bug 並解決(我很懶,所以我選這一種),第二種,自己定義那個小筆或是郵件圖示的 CSS 樣式,更改樣板,這樣該功能就正常了。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-65176615240997802882008-04-11T10:31:00.000+08:002008-04-11T10:31:00.000+08:00請問一下,我在blogger的版面設置--網頁元素--blog文章--編輯--顯示快速編輯中,打勾,...請問一下,我在blogger的版面設置--網頁元素--blog文章--編輯--顯示快速編輯中,打勾,結果快速編輯的筆圖示沒有出現,測試一下,下方的顯示電子郵件發佈連結及在文章中顯示廣告,也都沒有出現,請教您,我該如何著手讓這些功能正常display<BR/><BR/>armaniboy.blogspot.comAnonymoushttps://www.blogger.com/profile/07908762122259343847noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-14632821788025531092008-04-11T10:30:00.000+08:002008-04-11T10:30:00.000+08:00作者已經移除這則留言。Anonymoushttps://www.blogger.com/profile/07908762122259343847noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-33133527527022667322008-02-29T16:20:00.000+08:002008-02-29T16:20:00.000+08:00To 凱蒂薑:你的問題,除非你挑更適合的樣板去套用,不然就只好自己去修改樣板的程式碼。日期小圖,你可...To 凱蒂薑:<BR/><BR/>你的問題,除非你挑更適合的樣板去套用,不然就只好自己去修改樣板的程式碼。<BR/>日期小圖,你可以用繪圖軟體把圖示改小 (縮圖到 8),排在日期前才會不影響大小,否則,你就要去改日期的字型大小(改成 14,在樣板原始碼裡應該是像 h2.date-header 之類的樣式宣告),看起來才不會奇怪。<BR/>而時間、回應不想在同一行,你要找樣板原始碼裡(展開小裝置樣板)、關於 data:post.timestamp 和 data:post.numComments (這兩個變數就是顯示時間和回應),你可以用 html 標籤去分段和換行 (中間加個 <br> 或是 <p>),就不會排在同一行了。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-19461739634807705262008-02-24T13:39:00.000+08:002008-02-24T13:39:00.000+08:00我想請問 如果說我現在加入了小圖示在日期旁邊可是日期的字樣就跟著變大了(可能本來大約是8,但加了圖是...我想請問 如果說我現在加入了小圖示在日期旁邊<BR/>可是日期的字樣就跟著變大了(可能本來大約是8,但加了圖是就變成14 orz)<BR/>到了字型那邊就改不掉了...那有什麼方法可以改嗎?:)<BR/>另外想請問的就是,如何把文章的時間和回應改成一行一行分段排好,而不是完全排在同一行的呢?^^謝謝你喔Anonymoushttps://www.blogger.com/profile/09010097552061595069noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-40187095350171795112007-09-28T00:19:00.000+08:002007-09-28T00:19:00.000+08:00To owen: 請展開你完整的的樣版程式碼,在以下標籤前加入小圖連結即可:1. 發表於 ->...To owen: 請展開你完整的的樣版程式碼,在以下標籤前加入小圖連結即可:<BR/>1. 發表於 -> <data:top.timestampLabel/><BR/>2. 分類標籤 -> <data:postLabelsLabel/><BR/>3. 相關文章 -> 顯示相關文章的程式碼前<BR/>進階一點,我是利用 CSS 自己定義區段,將要顯示小圖的文字用 span 標籤括起來,詳細的 CSS 用法可以參考我<A HREF="http://abintech.azhai.org/2006/12/blog-post_14.html" REL="nofollow">這篇文章</A>。Abinhttps://www.blogger.com/profile/11723161715531068787noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-69841018522690810442007-09-27T12:58:00.000+08:002007-09-27T12:58:00.000+08:00hi~另外我想請問如何加小圖在文章末這幾個文字前1.發表於2.分類標籤3.相關文..謝謝你喔!!你的...hi~<BR/>另外我想請問如何加小圖在文章末這幾個文字前1.發表於2.分類標籤3.相關文..<BR/>謝謝你喔!!你的blog幫助我很大!OWenhttps://www.blogger.com/profile/16497854197242001880noreply@blogger.comtag:blogger.com,1999:blog-8596053384636689442.post-29693851811269840012007-09-02T10:15:00.000+08:002007-09-02T10:15:00.000+08:00我借用了~~~sidebar小圖~~~謝謝!我借用了~~~sidebar小圖~~~謝謝!讀書人https://www.blogger.com/profile/08661309082183141410noreply@blogger.com