![]() |
||
Amateur Member
![]() 加入日期: Dec 2004
文章: 40
|
想請教一個HTML的問題
最近在弄google的Blogger
後台有個新增小工具,可以把網路上開發的HTML碼新增進去 例如:新增一個幻燈片外掛, 把幻燈片的HTML碼複製貼進去,就可以在Blogger前台上看到一張張照片用幻燈片的方式播出。 想請教的是,為什麼我用一樣的HTML碼,無法直接新增一個幻燈片功能在po文裡面? 貼一樣的程式碼進去,新增的文章裡面沒有幻燈片出現阿@@ 新增文章裡面有個編輯HTML的選項阿@@? 圖->http://imgur.com/r90249Q |
|||||||
![]() |
![]() |
*停權中*
加入日期: Jul 2013
文章: 331
|
引用:
你要貼的原始碼要不要貼一下 目前只能姑且猜測,Blogger 可能根本不支援你要貼的語法 |
|||
![]() |
![]() |
Amateur Member
![]() 加入日期: Dec 2004
文章: 40
|
引用:
謝謝 我貼在下面 ------------------------------------------------------------------------------------ <style type="text/css"> /* <![CDATA[ */ #w2bSlideContainer {position: relative;display: block;} #w2bNivoSlider {position:relative;width:640px !important;height:300px !important;min-height:225px !important;background: url("http://4.bp.blogspot.com/-TBMTXcO0VxM/T7dSfCUe9dI/AAAAAAAABgY/dmbkzgOPQI0/s1600/w2bLoader.gif") no-repeat 50% 50%; margin: 20px auto 35px;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);box-shadow: 0px 1px 5px rgba(0,0,0,0.4);} #w2bNivoSlider img {position:absolute;top:0;left:0;display:none} .nivoSlider {position:relative;width:100%;height:auto;} .nivoSlider img {position:absolute;top:0;left:0} .nivo-main-image {display:block!important;position:relative!important;width:100%!important} .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none} .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden} .nivo-box img {display:block} .nivo-caption {padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .nivo-caption p {padding:5px;margin:0} .nivo-caption a {display:inline!important} .nivo-html-caption {display:none} .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor ![]() .nivo-prevNav {left:10px} .nivo-nextNav {background-position:-30px 0!important;right:10px} .nivo-controlNav {position:absolute;left:0;right:0;bottom:-35px;text-align:center} .nivo-controlNav a {position:relative;z-index:9;cursor ![]() .nivo-controlNav a.active {font-weight:bold;background-position:0 -22px} /* ]]> */ </style> <script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function($) { $('#w2bNivoSlider').nivoSlider({ effect : 'random', slices : 15, boxCols : 8, boxRows : 4, animSpeed : 500, pauseTime : 3000, startSlide : 0, directionNav : true, directionNavHide : true, controlNav : true, keyboardNav : false, pauseOnHover : true, captionOpacity : 0.8 }); }); /* ]]> */ </script> |
|
![]() |
![]() |
Basic Member
加入日期: Jul 2004 您的住址: 台北市
文章: 18
|
請問你貼上去的內容就是這些嗎?
這些只是CSS宣告和javascript的程式碼 你最少應該還要有一些HTML標記(ex:div),而且要套用CSS的宣告(ex: w2bNivoSlider) |
![]() |
![]() |
*停權中*
加入日期: Apr 2007
文章: 336
|
一碼歸一碼
前台可以用的 ( 比較新版的 ) 不代表 留言 也可以用 ( 只能舊版、簡單的 ) 例如留言可能只能 簡單貼圖 IMG 跑馬燈 marquee 或者超連結 a href 支援太多或者有人忘記收尾或者平台設計 ( 框架沒設計好 ) 會發生版面大亂的悲劇 * |
![]() |
![]() |
Major Member
![]() 加入日期: May 2013 您的住址: 全台林道
文章: 169
|
很單純就是小工具支援內崁html碼、內文則不支援啊
|
![]() |
![]() |
Basic Member
加入日期: Oct 2012
文章: 12
|
我猜你說的小工具應該就是在網頁裡增加一個 iframe 吧
另外你的 code 不完整只有 style 跟 script 沒有內容 當然跑不出啥東西
__________________
![]() |
![]() |
![]() |
Regular Member
![]() ![]() 加入日期: Mar 2009
文章: 71
|
看起來是對"w2bNivoSlider"這個element做動畫....
從code裡面看不到"w2bNivoSlider"這個element, 把你要做動畫的element的id改成w2bNivoSlider ![]() |
![]() |
![]() |
Amateur Member
![]() 加入日期: Dec 2004
文章: 40
|
引用:
是的,其實這段程式碼 原本是透過下面這個方式加入的 http://imgur.com/4QdvSVw 所以moles的意思是,上面這個方式已經內建了HTML標記且已經套用了CSS的宣告的意思了? 引用:
瞭解了 ![]() 引用:
那請教d61s,有辦法讓內文支援嘛? 引用:
新增小工具如下 http://imgur.com/4QdvSVw 我想campbells跟moles大的意思應該一樣,小工具已經有些程式碼,所以貼入不完整的程式碼可以運作,但是內文用同樣方法就不行了。 引用:
不好意思 jiahan大可以指教一下..這所謂的id是...? 給小弟一些關鍵字讓我google吧 |
|||||
![]() |
![]() |
Major Member
![]() 加入日期: May 2013 您的住址: 全台林道
文章: 169
|
引用:
這種平台多半是故意鎖住不讓你插入語法的,免得有心人寫一些怪語法讓前台網頁掛點, 平台業者頂多只開放局部區域可執行(例如iframe),或用較安全的替代式語法(例如BB Code), 在這種情況下你若自認技術夠好,雖然可用迂迴的方式拆他的招,還不見得成功, 畢竟平台是人家的,你太搞怪的話人家可以放大絕把你的帳號浸水桶。 此文章於 2014-05-03 07:05 PM 被 d61s 編輯. |
|
![]() |
![]() |