Super Baixador > Como Colocar Uma Caixa De Texto No Site

Como Colocar Uma Caixa De Texto No Site

24/10/2011 15:23

As caixas de texto são utilizadas para muitos fins dentro de um site ou blog, uma das formas mais utilizadas são para colocar políticas de privacidade, termos de uso, para escrever textos em lugares pequenos, ou para colocar um código HTML, como por exemplo um código de divulgação de banner como você pode ver em minha página de parceiros. E por essa caixa ser tão útil, vou mostrar como colocá-la em seu blog ou site.

Copie o codigo que está dentro da propria caixa de texto e insira em seu site:

*<textarea rows="5″ cols="50″ style="background-color: #ffffff; color: rgb(0, 0, 0);" wrap="soft">TROQUE ESSE TEXTO PELO SEU<br /> <p> <a data-cke-saved-href="http://cinemadanet.webnode.com/" href="http://cinemadanet.webnode.com/" target="_blank"><img border="0" data-cke-saved-src="https://img509.imageshack.us/img509/2826/bannertelaquentepaian8.gif" src="https://img509.imageshack.us/img509/2826/bannertelaquentepaian8.gif" /></a></p> <p></p>  </div>  <div class="rbcTags"> <h4><a href="https://superbaixador.webnode.com.br/tags/">Palavras-chave</a>:</h4> <p class="tags"> <a href="/tags/caixa/" rel="tag">caixa</a> <span>|</span> <a href="/tags/texto/" rel="tag">texto</a> <span>|</span> <a href="/tags/site/" rel="tag">site</a> </p> </div> <div class="rbcBookmarks"><div id="rbcBookmarks200000075"></div></div> <script type="text/javascript"> /* <![CDATA[ */ Event.observe(window, 'load', function(){ var bookmarks = '<div style=\"float:left;\"><div style=\"float:left;\"><iframe src=\"//www.facebook.com/plugins/like.php?href=https://superbaixador.webnode.com.br/news/como-colocar-uma-caixa-de-texto-no-site/&send=false&layout=button_count&width=135&show_faces=false&action=like&colorscheme=light&font&height=21&appId=397846014145828&locale=pt_BR\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:135px; height:21px; position:relative; top:1px;\" allowtransparency=\"true\"></iframe></div><div style=\"float:left;\"><a href=\"https://twitter.com/share\" class=\"twitter-share-button\" data-count=\"horizontal\" data-via=\"webnode\" data-lang=\"en\">Tweet</a></div><script type=\"text/javascript\">(function() {var po = document.createElement(\'script\'); po.type = \'text/javascript\'; po.async = true;po.src = \'//platform.twitter.com/widgets.js\';var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(po, s);})();'+'<'+'/scr'+'ipt></div> <div class=\"addthis_toolbox addthis_default_style\" style=\"float:left;\"><a class=\"addthis_counter addthis_pill_style\"></a></div> <script type=\"text/javascript\">(function() {var po = document.createElement(\'script\'); po.type = \'text/javascript\'; po.async = true;po.src = \'https://s7.addthis.com/js/250/addthis_widget.js#pubid=webnode\';var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(po, s);})();'+'<'+'/scr'+'ipt><div style=\"clear:both;\"></div>'; $('rbcBookmarks200000075').innerHTML = bookmarks; bookmarks.evalScripts(); }); /* ]]> */ </script> <div class="linkBlock"> <p class="hidden">———</p> <a class="back" href="archive/news/">Voltar</a> </div>  <div class="cleaner"></div> </div>  </div>  </div>   <hr class="hidden"> </div>   </div>   <div class="colD sidebar">  <div class="box contact"> <div class="contOut"> <div class="contIn"> <h2 class="boxHeading">Contato</h2> <address> <strong class="contactName">Super Baixador</strong> <br class="hidden"> <span class="email"> <span class="text"> <a href="mailto:superbaixe@hotmail.com"><span id="rbcContactEmail">superbaixe@hotmail.com</span></a> </span> </span>  <br class="hidden"> <span class="phone"> <span class="icon"></span> <span class="text"> Duvidas, Sujestões e Parcerias </span> <span class="cleaner"></span> </span>  </address> <div class="cleaner"></div> </div>  </div>  </div>   <hr class="hidden"> <span class="arcTop"></span> </div>   <div class="cleaner"></div> </div>    <div id="topSearch">  <div id="topSearchIn"> <form action="/search/" method="get" id="fulltextSearch"> <h3 class="forBlind">Pesquisar no site</h3> <label for="fulltextSearchText">Pesquisar:</label> <input type="text" id="fulltextSearchText" name="text" value=""> <button type="submit" onmouseover="this.className='hoverButton';" onmouseout="this.className='';">Pesquisar</button> </form> </div>   <hr class="hidden"> </div>   <hr class="hidden">  <div id="footerBlock"> <div id="footerTop"> <ul id="footerTopRgt"> <li class="sitemap"><a href="/sitemap/" title="Ir para o mapa do site.">Mapa do site</a></li> <li class="rss"><a href="/rss/" title="RSS - Seções Disponíveis">RSS</a></li> <li class="print"><a href="javascript:window.print();" title="Imprimir a página">Imprimir</a></li> </ul> <p id="footerTopLft"><span id="rbcFooterText" class="rbcNoStyleSpan">sprintrade network</span></p> <div class="cleaner"></div> </div>  <hr class="hidden"> <div id="footerDwn"><p><span class="rbcSignatureText"><a rel="nofollow" href="https://www.webnode.com.br?utm_source=text&utm_medium=footer&utm_campaign=free1">Crie um site grátis</a><a id="epmoeld" rel="nofollow" href="https://www.webnode.com.br?utm_source=button&utm_medium=footer&utm_campaign=free1"><span id="ubbes26">Webnode</span></a></span></p></div>  </div>   </div>  <script type="text/javascript"> /* <![CDATA[ */ RubicusFrontendIns.addObserver ({ onContentChange: function () { logoCentering(); }, onStartSlideshow: function() { $('slideshowControl').innerHTML = '<span>Pausar<'+'/span>'; $('slideshowControl').title = 'Pausar apresentação de slides'; $('slideshowControl').onclick = RubicusFrontendIns.stopSlideshow.bind(RubicusFrontendIns); }, onStopSlideshow: function() { $('slideshowControl').innerHTML = '<span>Apresentação de slides<'+'/span>'; $('slideshowControl').title = 'Iniciar a apresentação de slides'; $('slideshowControl').onclick = RubicusFrontendIns.startSlideshow.bind(RubicusFrontendIns); }, onShowImage: function() { if (RubicusFrontendIns.isSlideshowMode()) { $('slideshowControl').innerHTML = '<span>Pausar<'+'/span>'; $('slideshowControl').title = 'Pausar apresentação de slides'; $('slideshowControl').onclick = RubicusFrontendIns.stopSlideshow.bind(RubicusFrontendIns); } } }); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/loading.gif'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/loading-poll.gif'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-ll-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-l-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-r-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-rr-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-sb-ll-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-sb-l-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-sb-r-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-sb-rr-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/arr-prod-h.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/hover-a.png'); RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/_system/skins/v9/50000040/img/hover-b.png'); /* ]]> */ </script> <div id="rbcFooterHtml"></div><div style="display: none;" id="dyads318m"><span id="f7gef7a4ykfjg"> </span></div><div id="f25g03698d1" style="display: none;"><a href="https://www.webnode.com.br?utm_source=window&utm_medium=footer&utm_campaign=free1" rel="nofollow"><div id="f7i2k1810"></div><div id="fcq17048j4hc8"><div><strong id="iga69e79qe6io">Voce gostou deste site?</strong><br /><span id="b5iin4ch">Crie o seu próprio site gratuito em 5 minutos!</span></div><span id="abdili53k"><span id="f90bhhqge5hci"></span><span id="if5h3j5k3">Experimente!</span></span></div></a></div><script type="text/javascript">/* <![CDATA[ */var hnl44584c = {sig: $('dyads318m'),prefix: $('f7gef7a4ykfjg'),btn : $('epmoeld'),win : $('f25g03698d1'),winLeft : $('f7i2k1810'),winLeftT : $('a879bjdb3'),winLeftB : $('hkfck4piqdg'),winRght : $('fcq17048j4hc8'),winRghtT : $('gjro4i5jur8r'),winRghtB : $('dc6b7c6675f'),tryBtn : $('abdili53k'),tryLeft : $('f90bhhqge5hci'),tryRght : $('if5h3j5k3'),text : $('b5iin4ch'),title : $('iga69e79qe6io')};hnl44584c.sig.appendChild(hnl44584c.btn);var jce4e30a9p=0,c10b6ad8f1=0,b86cs4d1=0,fm8o7e54o569a,ibgg5081r4oig=$$('.rbcSignatureText')[0],ca9dcfgh8fhcd=false,e1678di9369dc9;function ljn3ii195(){if (!ca9dcfgh8fhcd && pageTrackerAllTrackEvent){pageTrackerAllTrackEvent('Signature','Window show - web',hnl44584c.sig.getElementsByTagName('a')[0].innerHTML);ca9dcfgh8fhcd=true;}hnl44584c.win.show();b86cs4d1=hnl44584c.tryLeft.offsetWidth+hnl44584c.tryRght.offsetWidth+1;hnl44584c.tryBtn.style.width=parseInt(b86cs4d1)+'px';hnl44584c.text.parentNode.style.width = '';hnl44584c.winRght.style.width=parseInt(20+b86cs4d1+Math.max(hnl44584c.text.offsetWidth,hnl44584c.title.offsetWidth))+'px';hnl44584c.win.style.width=parseInt(hnl44584c.winLeft.offsetWidth+hnl44584c.winRght.offsetWidth)+'px';var wl=hnl44584c.sig.offsetLeft+hnl44584c.btn.offsetLeft+hnl44584c.btn.offsetWidth-hnl44584c.win.offsetWidth+12;if (wl<10){wl=10;}hnl44584c.win.style.left=parseInt(wl)+'px';hnl44584c.win.style.top=parseInt(c10b6ad8f1-hnl44584c.win.offsetHeight)+'px';clearTimeout(fm8o7e54o569a);}function f69jee21327ne5(){fm8o7e54o569a=setTimeout('hnl44584c.win.hide()',1000);}function bn1bsbn1l426l(){var ph = RubicusFrontendIns.photoDetailHandler.lightboxFixed?document.getElementsByTagName('body')[0].offsetHeight/2:RubicusFrontendIns.getPageSize().pageHeight;hnl44584c.sig.show();jce4e30a9p=0;c10b6ad8f1=0;if (ibgg5081r4oig&&ibgg5081r4oig.offsetParent){var obj=ibgg5081r4oig;do{jce4e30a9p+=obj.offsetLeft;c10b6ad8f1+=obj.offsetTop;} while (obj = obj.offsetParent);}if ($('rbcFooterText')){hnl44584c.sig.style.color = $('rbcFooterText').getStyle('color');hnl44584c.sig.getElementsByTagName('a')[0].style.color = $('rbcFooterText').getStyle('color');}hnl44584c.sig.style.width=parseInt(hnl44584c.prefix.offsetWidth+hnl44584c.btn.offsetWidth)+'px';if (jce4e30a9p<0||jce4e30a9p>document.body.offsetWidth){jce4e30a9p=(document.body.offsetWidth-hnl44584c.sig.offsetWidth)/2;}if (jce4e30a9p>(document.body.offsetWidth*0.55)){hnl44584c.sig.style.left=parseInt(jce4e30a9p+(ibgg5081r4oig?ibgg5081r4oig.offsetWidth:0)-hnl44584c.sig.offsetWidth)+'px';}else{hnl44584c.sig.style.left=parseInt(jce4e30a9p)+'px';}if (c10b6ad8f1<=0 || RubicusFrontendIns.photoDetailHandler.lightboxFixed){c10b6ad8f1=ph-5-hnl44584c.sig.offsetHeight;}hnl44584c.sig.style.top=parseInt(c10b6ad8f1-5)+'px';}function hc1fh3esu(){if (e1678di9369dc9){clearTimeout(e1678di9369dc9);}e1678di9369dc9 = setTimeout('bn1bsbn1l426l()', 10);}Event.observe(window,'load',function(){if (hnl44584c.win&&hnl44584c.btn){if (ibgg5081r4oig){if (ibgg5081r4oig.getElementsByTagName("a").length > 0){hnl44584c.prefix.innerHTML = ibgg5081r4oig.innerHTML + ' ';}else{hnl44584c.prefix.innerHTML = '<a href="https://www.webnode.com.br?utm_source=text&utm_medium=footer&utm_content=pt-br-web-0&utm_campaign=signature" rel="nofollow">'+ibgg5081r4oig.innerHTML + '</a> ';}ibgg5081r4oig.style.visibility='hidden';}else{if (pageTrackerAllTrackEvent){pageTrackerAllTrackEvent('Signature','Missing rbcSignatureText','superbaixador.webnode.com.br');}}bn1bsbn1l426l();setTimeout(bn1bsbn1l426l, 500);setTimeout(bn1bsbn1l426l, 1000);setTimeout(bn1bsbn1l426l, 5000);Event.observe(hnl44584c.btn,'mouseover',ljn3ii195);Event.observe(hnl44584c.win,'mouseover',ljn3ii195);Event.observe(hnl44584c.btn,'mouseout',f69jee21327ne5);Event.observe(hnl44584c.win,'mouseout',f69jee21327ne5);Event.observe(hnl44584c.win,'click',function(){if (pageTrackerAllTrackEvent){pageTrackerAllTrackEvent('Signature','Window click - web','Voce gostou deste site?',0);}document/*idpg37i8i39*/.location.href='https://www.webnode.com.br?utm_source=window&utm_medium=footer&utm_content=pt-br-web-0&utm_campaign=signature';});Event.observe(window, 'resize', hc1fh3esu);Event.observe(document.body, 'resize', hc1fh3esu);RubicusFrontendIns.addObserver({onResize: hc1fh3esu});RubicusFrontendIns.addObserver({onContentChange: hc1fh3esu});RubicusFrontendIns.addObserver({onLightboxUpdate: bn1bsbn1l426l});Event.observe(hnl44584c.btn, 'click', function(){if (pageTrackerAllTrackEvent){pageTrackerAllTrackEvent('Signature','Button click - web',hnl44584c.sig.getElementsByTagName('a')[0].innerHTML);}});Event.observe(hnl44584c.tryBtn, 'click', function(){if (pageTrackerAllTrackEvent){pageTrackerAllTrackEvent('Signature','Try Button click - web','Voce gostou deste site?',0);}});}});RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerButtonWebnode.png?ph=538aa0ca1b');RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerButton.png?ph=538aa0ca1b');RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerButtonHover.png?ph=538aa0ca1b');RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerBubble.png?ph=538aa0ca1b');if (Prototype.Browser.IE){RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerBubbleIE6.png?ph=538aa0ca1b');RubicusFrontendIns.addFileToPreload('https://d11bh4d8fhuq47.cloudfront.net/img/footer/footerButtonHoverIE6.png?ph=538aa0ca1b');}RubicusFrontendIns.copyLink = 'https://www.webnode.com.br';RS_CFG['labels']['copyPasteBackLink'] = 'Crie seu site grátis:';/* ]]> */</script><script type="text/javascript">var keenTrackerCmsTrackEvent=function(id){if(typeof _jsTracker=="undefined" || !_jsTracker){return false;};try{var name=_keenEvents[id];var keenEvent={user:{u:_keenData.u,p:_keenData.p,lc:_keenData.lc,t:_keenData.t},action:{identifier:id,name:name,category:'cms',platform:'WND1',version:'2.1.157'},browser:{url:location.href,ua:navigator.userAgent,referer_url:document.referrer,resolution:screen.width+'x'+screen.height,ip:'3.14.80.45'}};_jsTracker.jsonpSubmit('PROD',keenEvent,function(err,res){});}catch(err){console.log(err)};};</script></body> </html>