html - ios tab bar with bartender.css How do I set icons? -
i attempting use bartender.css in project making fun. desire replace default icons own icons, yet can't seem find how so. there unresolved stackoverflow here also: jquerymobile , bartender tabbar - individual icons feel should asked again many things plugin seem have changed in past year or so. in example, shows 5 different icons. yet can't find in css need changed. believe icon urls go somewhere in part of css:
/* ============= seperate css-sprites ======================= */ /* 7b. seperate */ /* regular */ .solosprite li .ui-btn-inner { display: inline-block; position: static; height: 30px; width: 30px; background-color: none; background: url("sprite_lo-res.png") no-repeat; background-size: 300px 44px; -o-background-size: 300px 44px; -webkit-background-size: 300px 44px; -moz-background-size: 300px 44px; -ms-background-size: 300px 44px; } .solosprite li a[data-icon="features"] span:only-child { background-position: 0px 0px } .solosprite li a[data-icon="brands"] span:only-child { background-position: -60px 0px } .solosprite li a[data-icon="fees"] span:only-child { background-position: -30px 0px } .solosprite li a[data-icon="contact"] span:only-child { background-position: -90px 0px } .solosprite li a[data-icon="about"] span:only-child { background-position: -120px 0px } .solosprite .ui-icon::before { filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#40ffffff,endcolorstr=#12ffffff); zoom: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), to(rgba(255,255,255,.0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% ); background-image: -ms-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% ); background-image: -moz-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% ); background-image: -o-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% ); background-image: linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% ); }
update: have set jsfiddle. appreciated. http://jsfiddle.net/excuq/
Comments
Post a Comment