Limit a size of an add on in a website. Html -
so link twitter website. however, cannot limit size of wigget. want size of 300px 300px. tried iframe width = "300" height = "300" doesn't work. want decrease size of twitter wigget. how do it? trying create http://i.imgur.com/td214sv.png looks http://i.imgur.com/ucs7pg6.png.
the html code posted below
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt ie 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <!--[if ie 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> <!--[if ie 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if gt ie 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8" /> <!-- set viewport width device width mobile --> <meta name="viewport" content="width=device-width" /> <title> mogotxt fun, easy utilize celebrity-entertainment platform allows fans follow favorite celebs, read , hear saying, , see doing! </title> <!-- included css files (uncompressed) --> <!-- <link rel="stylesheet" href="stylesheets/foundation.min.css"> --> <!-- included css files (compressed) --> <link rel="stylesheet" href="stylesheets/foundationv0000004.css"> <link href="stylesheets/wb-main0000007.min.css" rel="stylesheet" type="text/css"> <script src="javascripts/modernizr.foundation.js"> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setaccount', 'ua-18132180-1']); _gaq.push(['_trackpageview']); (function() { var ga = document.createelement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(ga, s); })(); </script> <!-- ie prepare html5 tags --> <!--[if lt ie 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> <meta property="og:description" content="mogotxt fun, easy utilize celebrity-entertainment platform allows fans follow favorite celebs, read , hear saying, , see doing!" /> <meta name="description" content="mogotxt fun, easy utilize celebrity-entertainment platform allows fans follow favorite celebs, read , hear saying, , see doing!" /> <meta name="apple-itunes-app" content="app-id=602297014" /> </head> <body> <!-- header , nav --> <div id="logonav"> <div class="row"> <div class="four columns"> <h1><a href="http://www.mogotxt.com/"><img src="images/logo.png" alt="with buddies" width="157" height="53" /></a></h1> </div> <div class="eight columns"> <ul class="nav-bar right"> <li class="has-flyout" id="games-nav"><a>games</a> <a href="#" class="flyout-toggle"><span> </span></a> <ul class="flyout"> <li><a href="https://itunes.apple.com/app/big-fly-baseball/id602297014?mt=8" target="_blank">big fly baseball<sup>™</sup></a></li> <li><a href="http://mogoball.com/" class="flyout-toggle" target="_blank">mogoball<sup>™</sup></a></li> <li><a href="https://www.facebook.com/appcenter/mogohoops" target="_blank" class="flyout-toggle">mogo hoops<sup>™</sup></a></li> <!--<li><a href="http://www.mogotxt.com/bubblegalaxy">bubble galaxy buddies<sup>™</sup></a></li>--> </ul> </li> <li><a href="http://mogotxt.com/stores" id="support-nav" target="_blank">shop</a></li> </ul> </div> </div> </div> <div id="mobilenav"> <nav class="clearfix"> <ul class="nav-bar right clearfix"> <li><a href="http://www.mogotxt.com/">home</a></li> <li><a href="#">big fly baseball<sup>™</sup></a></li> <li><a href="http://www.mogoball.com/">mogoball<sup>™</sup></a></li> <li><a href="#">mogo hoops<sup>™</sup></a></li> <!--<li><a href="http://www.mogotxt.com/bubblegalaxy">bubble galaxy buddies<sup>™</sup></a></li>--> <li><a href="http://mogotxt.com/about">about us</a></li> <li><a href="http://mogotxt.com/mogocentral">mogo central/athletes</a></li> <li><a href="http://mogotxt.com/faq">help</a></li> </ul> <a href="http://www.mogotxt.com/" id="pull"><img src="images/logo.png" width="157" height="53"></a> </nav> </div> <!-- end header , nav --> <!-- included js files (compressed) --> <script src="javascripts/jquery.js"> </script> <script src="javascripts/foundation.min.js"> </script> <!-- initialize js plugins --> <script src="javascripts/app.js"> </script> <script src="javascripts/jquery.foundation.orbit.js"> </script> <script type="text/javascript"> $(function () { var pull = $('#pull'); menu = $('nav ul'); menuheight = menu.height(); $(pull).on('click', function (e) { e.preventdefault(); menu.slidetoggle(); }); $(window).resize(function () { var w = $(window).width(); if (w > 720 && menu.is(':hidden')) { menu.removeattr('style'); } }); }); </script> <!-- featured part -->. <center> <img src="images/big-fly-baseball.png" alt="smiley face" width="940" height="500" /> </center> <!-- three-up content blocks --> <div class="row" id="game-details"> <div class="eight columns main-content"> <h3 style='font-size:29px'>about us:</h3> <ul> <p>mogotxt san francisco based game development studio wants bring fun , excitement of sports games. sports games industry has become stale , want alter starting scratch , making games people can enjoy on , on 1 time again friends , other gamers. </p> <p>we building awesome sports games ios, android, facebook, , micro-consoles!</p> <p>we build games enjoy, allow know want see , play emailing @ info@mogotxt.com</p> </ul> <p> </p> </div> <div align="right"> <iframe width="300" height="180" src="http://www.youtube.com/embed/jlz1_0icv1k"> </iframe> <a class="twitter-timeline" href="https://twitter.com/gridironthunder" data-widget-id="369622317229301760">tweets @gridironthunder</a> <script>!function(d,s,id){var js,fjs=d.getelementsbytagname(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getelementbyid(id)){js=d.createelement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentnode.insertbefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> </div> <div class="row" id="tweet-details"> </div> </div> <div class="row" id="our-games"><img src="images/sat.png" alt="smiley face" width="650" height="300" /> <div class="four columns mini-mogo-hoops"></div> <div class="four columns mini-bubble-galaxy"> </div> <script type="text/javascript"> $(window).load(function() { $('#screenshots').orbit({ animation: 'fade', fluid: true, timer: true, resettimeronclick: false, advancespeed: 5000, pauseonhover: true, startclockonmouseout: true, startclockonmouseoutafter: 0, directionalnav: true, bullets: false, }); }); </script> </div> <script src="http://www.mogotxt.com/scripts/jquery.fitvids.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('.fitvid').fitvids(); }); </script> <div class="drop-shadow lifted"> <!-- footer --> <footer class="row"> <div class="twelve columns"> <div class="row"> <div class="four columns" id="footerlogo"> <h1><a href="http://www.mogotxt.com/"><img src="images/mogo_logo.png" alt="with buddies" width="405" height="136" /></a></h1> </div> <div class="four columns sitemap"> <ul class="link-list left"> <li class="header">games</li> <li><li><a href="https://itunes.apple.com/app/big-fly-baseball/id602297014?mt=8" target="_blank">big fly baseball<sup>™</sup></a></li> <li><a href="http://mogoball.com/" target="_blank">mogoball<sup>™</sup></a></li> <li><a href="https://www.facebook.com/appcenter/mogohoops">mogo hoops<sup>™</sup></a></li> <!--<li><a href="http://www.mogotxt.com/bubblegalaxy">bubble galaxy buddies<sup>™</sup></a></li>--> </ul> </div> <div class="two columns sitemap"> <ul class="link-list left"> <li class="header"></li> <li class="header"></li></ul> </div> <div class="two columns sitemap"> <ul class="link-list left"> <li class="header"><a href="http://mogotxt.com/contact">contact us</a></li> <li class="header support"><a href="http://mogotxt.com/privacy">privacy policy</li> <li class="header support"><a href="http://mogotxt.com/terms">terms of service</li> </ul> </div> </div> </div> <div class="twelve columns"> <div class="row" id="pp-tos"> <div class="six columns sitemap"></div> <div class="six columns sitemap"> <ul class="link-list left"> <li></li> </ul> <ul class="link-list right"> <li></li> </ul> </div> <!--<div class="six columns sitemap"> </div>--> </div> </div> </footer> </div> </body> </html>
you should edit in css via id or class,or set in iframe tag:
style="position:absolute;width:300px;height:300px;" html
No comments:
Post a Comment