Sign In
with your Yahoo! ID or
Join Now
Home
My Pipes
Browse
Discuss
Documentation
Create a pipe
Surround badge with div tag examples
List badge
<style> .myListClass { width:180px; height:350px; background-color:#000; } .myListClass h3.ybh a.ybt { color:#fff; } </style>
<div class="myListClass"> <script src="http://l.yimg.com/a/i/us/pps/listbadge_1.4.js"> { "pipe_id":"5bd39564344cffbc9c9fabbeecec1576", "pipe_params":{"location":"Manhattan","what":"parks","mindist":"2"}, "height" : "350px" } </script> </div>
Map badge
<style> .myMapClass { width:600px; height:600px; background-color:green; } .myMapClass h3.ybh a.ybt { color:#fff; padding-left:5px; } </style>
<div class="myMapClass"> <script src="http://l.yimg.com/a/i/us/pps/mapbadge_1.3.js"> { "pipe_id":"5bd39564344cffbc9c9fabbeecec1576", "pipe_params":{"location":"Manhattan","what":"parks","mindist":"2"}, "height" : "600px" } </script> </div>
Image badge
<style> div.myImageClass { width:500px; height:400px; background-color:#336699; } div.myImageClass h3.ybh a { color:#fff; } </style>
<div class="myImageClass"> <script src="http://l.yimg.com/a/i/us/pps/imagebadge_1.3.js"> { "pipe_id" : "FBSVd9uT3BGRhnfjGcevXg", "img_params" : {maxitems:0, autoscroll:true, autoscrolldelay:5}, "height" : "400px" } </script> </div>
Rounded corners example using
Spiffy Corners
<style type="text/css"> .spiffy{display:block} .spiffy * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#336699 } .spiffy1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #a7bdd3; border-right:1px solid #a7bdd3; background:#668cb2 } .spiffy2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #eaeff4; border-right:1px solid #eaeff4; background:#5983ac } .spiffy3 { margin-left:1px; margin-right:1px; border-left:1px solid #5983ac; border-right:1px solid #5983ac; } .spiffy4 { border-left:1px solid #a7bdd3; border-right:1px solid #a7bdd3 } .spiffy5 { border-left:1px solid #668cb2; border-right:1px solid #668cb2 } .spiffyfg { background:#336699 } </style>
<div style="width:400px"> <b class="spiffy"> <b class="spiffy1"><b></b></b> <b class="spiffy2"><b></b></b> <b class="spiffy3"></b> <b class="spiffy4"></b> <b class="spiffy5"></b></b> <div class="spiffyfg"> <script src="http://l.yimg.com/a/i/us/pps/imagebadge_1.3.js"> { "pipe_id" : "FBSVd9uT3BGRhnfjGcevXg", "img_params" : {maxitems:0, autoscroll:true, autoscrolldelay:5}, "headlineColor" : "#fff" } </script> </div> <b class="spiffy"> <b class="spiffy5"></b> <b class="spiffy4"></b> <b class="spiffy3"></b> <b class="spiffy2"><b></b></b> <b class="spiffy1"><b></b></b></b> </div>
Copyright © 2012 Yahoo! Inc. All rights reserved.
Your Privacy
Terms of Use
Copyright/IP Policy
Help
Feedback
Powered by
YQL
from
