2015-05-15 48 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