2015-05-15 45 views
-6

我已經問了一個客戶在網站上提供像這樣的飼料。HTML和CSS的推特/ Facebook的飼料

我有徽標等,因爲它是在Photoshop文檔中提供的。

會有人照顧幫忙嗎?

IT將去裏面<div class="col-lg-3">

的事情,我需要回答則是,如何我去使飼料(我猜這純粹是一個API,但我不知道該怎麼添加徽標,我也不知道它是否是一個API,它可能是一個RSS提要?再次我不知道如何添加徽標。)

以及如何添加自定義滑塊?

這就是我需要它看起來像

enter image description here

山姆

+0

編輯:我想你想進合二爲一。這可能需要更多的工作。你有什麼嘗試? – Rvervuurt

+0

通常,這裏的人們希望看到您嘗試過的所有選項。我知道每個FB和Twitter都有他們自己的帖子嵌入,但不知道這是否會幫助你。您也可以根據需要調整嵌入的樣式,除非它們都是分開的。 –

回答

0

由於滑塊用於用戶輸入,因此其他輸入標籤使用相同的語法。類型此標記雖然是「範圍」

<input type="range" /> 

以前snippt應該足以顯示滑塊,但這個標籤已經可以使用更多的屬性。我們來設置值的範圍(最大值和最小值)。

<input type="range" min="0" max="100" /> 

現在,用戶可以選擇0到100

之間的任何數量的滑塊有默認值爲零,但如果你給它一個不同的值,當瀏覽器呈現的代碼,該引腳定位在該值。接下來的代碼將把該引腳定位在該條的兩端之間。

<input type="range" min="0" max="50" value="25" /> 

如果您只是希望人們以5的間隔選擇值,該怎麼辦?這可以使用step屬性輕鬆完成。

<input type="range" min="0" max="50" value="25" step="5" /> 

用戶將如何知道他們選擇的是什麼價值?這是一個很好的問題,答案是你將不得不提出你自己的解決方案。 下面是一個簡單的JavaScript代碼,它將在您滑動滑塊時顯示滑塊的值。

<html> 
<body> 
<input type="range" min="0" max="50" value="0" step="5" onchange="showValue(this.value)" /> 
<span id="range">0</span> 
<script type="text/javascript"> 
function showValue(newValue) 
{ 
    document.getElementById("range").innerHTML=newValue; 
} 
</script> 
</body> 
</html> 

,並應使這個(如果你的瀏覽器支持的話)

0

有許多API和嵌入由Twitter和Facebook的規定,與一些知識,你可以開始工作。但是,由於您沒有任何代碼,因此我們無法分析您嘗試的內容。你有沒有試過尋找選擇?有很多!我會考慮TintUp,Juicer和我個人使用的,這看起來很像你的例子... FeederNinja