PCDVD數位科技討論區
PCDVD數位科技討論區   註冊 常見問題 標記討論區為已讀

回到   PCDVD數位科技討論區 > 其他群組 > 七嘴八舌異言堂
帳戶
密碼
 

  回應
 
主題工具
Red System
Amateur Member
 
Red System的大頭照
 

加入日期: Dec 2004
文章: 40
想請教一個HTML的問題

最近在弄google的Blogger

後台有個新增小工具,可以把網路上開發的HTML碼新增進去

例如:新增一個幻燈片外掛,

把幻燈片的HTML碼複製貼進去,就可以在Blogger前台上看到一張張照片用幻燈片的方式播出。

想請教的是,為什麼我用一樣的HTML碼,無法直接新增一個幻燈片功能在po文裡面?

貼一樣的程式碼進去,新增的文章裡面沒有幻燈片出現阿@@


新增文章裡面有個編輯HTML的選項阿@@?

圖->http://imgur.com/r90249Q
     
      
舊 2014-05-01, 09:41 PM #1
回應時引用此文章
Red System離線中  
micall.lee
*停權中*
 
micall.lee的大頭照
 

加入日期: Jul 2013
文章: 331
引用:
作者Red System
最近在弄google的Blogger

後台有個新增小工具,可以把網路上開發的HTML碼新增進去

例如:新增一個幻燈片外掛,

把幻燈片的HTML碼複製貼進去,就可以在Blogger前台上看到一張張照片用幻燈片的方式播出。

想請教的是,為什麼我用一樣的HTML碼,無法直接新增一個幻燈片功能在po文裡面?

貼一樣的程式碼進去,新增的文章裡面沒有幻燈片出現阿@@


新增文章裡面有個編輯HTML的選項阿@@?

圖->http://imgur.com/r90249Q

你要貼的原始碼要不要貼一下

目前只能姑且猜測,Blogger 可能根本不支援你要貼的語法
 
舊 2014-05-01, 09:43 PM #2
回應時引用此文章
micall.lee離線中  
Red System
Amateur Member
 
Red System的大頭照
 

加入日期: Dec 2004
文章: 40
引用:
作者micall.lee
你要貼的原始碼要不要貼一下

目前只能姑且猜測,Blogger 可能根本不支援你要貼的語法


謝謝 我貼在下面

------------------------------------------------------------------------------------


<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;cursorointer;display:block;width:30px;height:30px;background:url("http://3.bp.blogspot.com/-bJzN66mSNNc/T7dSdjkzf3I/AAAAAAAABgI/PlGK0Q8OYeU/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
.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;cursorointer;display:inline-block;width:22px;height:22px;background:url("http://4.bp.blogspot.com/-DEGRTSA4m6A/T7dSenBUBpI/AAAAAAAABgM/EB-Q2htVToI/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
.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>
舊 2014-05-02, 09:41 PM #3
回應時引用此文章
Red System離線中  
moles
Basic Member
 
moles的大頭照
 

加入日期: Jul 2004
您的住址: 台北市
文章: 18
請問你貼上去的內容就是這些嗎?

這些只是CSS宣告和javascript的程式碼

你最少應該還要有一些HTML標記(ex:div),而且要套用CSS的宣告(ex: w2bNivoSlider)
舊 2014-05-02, 10:33 PM #4
回應時引用此文章
moles離線中  
sd640801
*停權中*
 
sd640801的大頭照
 

加入日期: Apr 2007
文章: 336
一碼歸一碼


前台可以用的 ( 比較新版的 ) 不代表 留言 也可以用 ( 只能舊版、簡單的 )


例如留言可能只能
簡單貼圖 IMG
跑馬燈 marquee
或者超連結 a href


支援太多或者有人忘記收尾或者平台設計 ( 框架沒設計好 )
會發生版面大亂的悲劇

*
舊 2014-05-03, 08:56 AM #5
回應時引用此文章
sd640801離線中  
d61s
Major Member
 
d61s的大頭照
 

加入日期: May 2013
您的住址: 全台林道
文章: 169
很單純就是小工具支援內崁html碼、內文則不支援啊
舊 2014-05-03, 09:02 AM #6
回應時引用此文章
d61s離線中  
campbells
Basic Member
 
campbells的大頭照
 

加入日期: Oct 2012
文章: 12
我猜你說的小工具應該就是在網頁裡增加一個 iframe 吧

另外你的 code 不完整只有 style 跟 script 沒有內容
當然跑不出啥東西
__________________
舊 2014-05-03, 09:15 AM #7
回應時引用此文章
campbells離線中  
jiahan
Regular Member
 

加入日期: Mar 2009
文章: 71
看起來是對"w2bNivoSlider"這個element做動畫....

從code裡面看不到"w2bNivoSlider"這個element,

把你要做動畫的element的id改成w2bNivoSlider
舊 2014-05-03, 11:35 AM #8
回應時引用此文章
jiahan離線中  
Red System
Amateur Member
 
Red System的大頭照
 

加入日期: Dec 2004
文章: 40
引用:
作者moles
請問你貼上去的內容就是這些嗎?

這些只是CSS宣告和javascript的程式碼

你最少應該還要有一些HTML標記(ex:div),而且要套用CSS的宣告(ex: w2bNivoSlider)


是的,其實這段程式碼 原本是透過下面這個方式加入的

http://imgur.com/4QdvSVw

所以moles的意思是,上面這個方式已經內建了HTML標記且已經套用了CSS的宣告的意思了?

引用:
作者sd640801
一碼歸一碼
前台可以用的 ( 比較新版的 ) 不代表 留言 也可以用 ( 只能舊版、簡單的 )
例如留言可能只能
簡單貼圖 IMG
跑馬燈 marquee
或者超連結 a href
支援太多或者有人忘記收尾或者平台設計 ( 框架沒設計好 )
會發生版面大亂的悲劇
*


瞭解了

引用:
作者d61s
很單純就是小工具支援內崁html碼、內文則不支援啊


那請教d61s,有辦法讓內文支援嘛?

引用:
作者campbells
我猜你說的小工具應該就是在網頁裡增加一個 iframe 吧
另外你的 code 不完整只有 style 跟 script 沒有內容
當然跑不出啥東西


新增小工具如下
http://imgur.com/4QdvSVw

我想campbells跟moles大的意思應該一樣,小工具已經有些程式碼,所以貼入不完整的程式碼可以運作,但是內文用同樣方法就不行了。

引用:
作者jiahan
看起來是對"w2bNivoSlider"這個element做動畫....

從code裡面看不到"w2bNivoSlider"這個element,

把你要做動畫的element的id改成w2bNivoSlider


不好意思 jiahan大可以指教一下..這所謂的id是...?

給小弟一些關鍵字讓我google吧
舊 2014-05-03, 05:42 PM #9
回應時引用此文章
Red System離線中  
d61s
Major Member
 
d61s的大頭照
 

加入日期: May 2013
您的住址: 全台林道
文章: 169
引用:
作者Red System
那請教d61s,有辦法讓內文支援嘛?


這種平台多半是故意鎖住不讓你插入語法的,免得有心人寫一些怪語法讓前台網頁掛點,
平台業者頂多只開放局部區域可執行(例如iframe),或用較安全的替代式語法(例如BB Code),
在這種情況下你若自認技術夠好,雖然可用迂迴的方式拆他的招,還不見得成功,
畢竟平台是人家的,你太搞怪的話人家可以放大絕把你的帳號浸水桶。

此文章於 2014-05-03 07:05 PM 被 d61s 編輯.
舊 2014-05-03, 06:57 PM #10
回應時引用此文章
d61s離線中  


    回應


POPIN
主題工具

發表文章規則
不可以發起新主題
不可以回應主題
不可以上傳附加檔案
不可以編輯您的文章

vB 代碼打開
[IMG]代碼打開
HTML代碼關閉



所有的時間均為GMT +8。 現在的時間是05:59 AM.


vBulletin Version 3.0.1
powered_by_vbulletin 2025。