Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, tudo beleza?
Estou aqui com um site que os acentos não funcionam quando estão entre <h2></h2> (ou 3, 4, que seja).
O site é esse:
http://tests.multitech.com.br/Eric/testes/light/
Este é o código index.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http-~~-//www.w3.org/1999/xhtml">
<head>
<!-- Title -->
<title>Multitech Informática Áudio e Vídeo</title>
<!-- Meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="css/light.css" />
<link rel="stylesheet" type="text/css" media="screen" href="fancybox/jquery.fancybox-1.2.6.css" />
<!-- JavaScript -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/cufon-core-1.09.js"></script>
<script type="text/javascript" src="js/Museo_500_400.font.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
Cufon.replace('h2', {hover: true});
Cufon.replace('h3', {hover: true});
Cufon.replace('h4', {hover: true});
Cufon.replace('#gallery #galleryHeader #galleryTitles .current a', {hover: true});
</script>
<!--[if lte IE 6]>
<script src="js/pngfix.js" type="text/javascript"></script>
<script src="js/ie6fixes.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="header" style="position:relative">
<div id="headerInner" class="wrapper">
<h1 id="logo">Multitech</h1>
<ul id="nav">
<li><a href="index.php">Principal</a></li>
<li class="current"><a href="contact.html">Contato</a></li>
</ul><!-- end nav -->
<div class="clear"></div>
</div><!-- end headerInner -->
</div><!-- end header -->
<div id="featuredTop"></div>
<div id="featured">
<div id="featuredInner" class="wrapper">
<div id="featuredText">
<h2>Seja Bem Vindo!</h2>
<h4>Nossa loja virtual fica fechada da Sexta às 18h até Sábado 18h (horário de Salvador).</h4>
</div><!-- end featuredText -->
<div id="featuredImage">
<div id="slides">
<img src="images/assets/featuredImage1.png" alt="featured image 1" width="398" height="198" />
<img src="images/assets/featuredImage2.png" alt="featured image 2" width="398" height="198" />
<img src="images/assets/featuredImage3.png" alt="featured image 3" width="398" height="198" />
<img src="images/assets/featuredImage4.png" alt="featured image 4" width="398" height="198" />
<img src="images/assets/featuredImage5.png" alt="featured image 5" width="398" height="198" />
</div><!-- end slides -->
<div id="imageFrame">
<span class="fadingButton" id="prevButton"></span>
<span class="fadingButton" id="nextButton"></span>
</div><!-- end imageFrame -->
</div><!-- end featuredImage -->
<div class="clear"></div>
</div><!-- end featuredInner -->
</div><!-- end featured -->
<div id="featuredBottom"></div>
<div id="content" class="wrapper">
<div id="main">
<h3>Mensagem...</h3>
<?php header("Content-Type: text/html; charset=ISO-8859-1",true); "Random Text 5");
srand(time());
$sizeof = count($random_text);
$random = (rand()%$sizeof);
print("$random_text[$random]");
?>
</div><!-- end main -->
<div class="clear"></div>
<div id="bottombar">
<h4 align="center">Nossa loja voltará sábado às 18h (horário de Salvador).</h4>
<div class="clear"></div>
</div><!-- end bottombar -->
</div><!-- end content -->
<div id="footerTop"></div>
<div id="footer">
<div id="footerInner" class="wrapper">
<p class="disclaimer">
Todos os direitos reservados <a href="../">Multitech Informática Áudio e Vídeo</a>.
</p>
<p class="copyright">
© 2010 · Multitech Informática.<br />
Criado por <a href="http-~~-//www.genetic2u.com" target="_blank"> Eric Cavalcanti</a>
</p>
</div><!-- end footerInner -->
</div><!-- end footer -->
</body>
</html>
O arquivo CSS é esse:
/ RESET /
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse;border-spacing: 0; }
/ --------------------------------------------------------- /
/ ---------- TYPOGRAPHY and text COLORS ----------- /
/ --------------------------------------------------------- /
body { font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #4c4c4c; font-size: 75%; line-height:1.65em; }
h1, h2, h3, h4 { font-family: Georgia, serif; margin: 0 0 0.9em 0; }
h5, h6 { margin: 0 0 0.9em 0; }
h2 { font-size: 2.50em; color: #64bde3; line-height: 1.22em; }
h3 { font-size: 2em; color: #64bde3; line-height: 1.22em; }
h4 { font-size: 1.33em; color: #404040; line-height: 1.22em; }
h5 { font-size: 1.33em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
a { text-decoration: none; color: #59a8c9; }
a:hover { color: #4b8eab; }
p { margin-bottom: 1.65em; }
em { font-style: italic; }
strong { font-weight: bold; }
big { font-size: 1.3em; }
small { font-size: 0.83em; text-transform: uppercase; color: #7b7b7b; }
#main ul, #main ol { padding: 0.35em 50px 2em; color: #848484; }
#main ul li, #main ol li { padding: 0 0 1em; }
#main ul { list-style-position: outside; list-style-type: disc; }
#main ol { list-style-position: outside; list-style-type: decimal; }
#main ul.listWithIcons { list-style-type:none; list-style: none; }
#main ul.listWithIcons li { line-height: 29px; background: transparent url(../images/light/yes.png) no-repeat left top; padding: 0 0 1em 50px; }
#main ul.listWithIcons li.no { background: transparent url(../images/light/no.png) no-repeat left top; }
blockquote { padding: 0.35em 50px 2em; color: #848484; }
h1 a, h2 a, h3 a, h5 a, h6 a { text-decoration: none; color: #64bde3; }
h1 a:hover, h2 a:hover, h3 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: #59a8c9; }
h4 a { color: #404040; text-decoration: none; }
h4 a:hover { color: #5e5e5e; }
#header h1#logo { margin: 0; }
#featuredText h2, #pageHeaderText h2 { margin: 0 0 0.5em 0; }
#featuredText h4, #pageHeaderText h4 { line-height: 1.65em; margin-bottom: 0; }
#sidebar h5, #sidebar h6 { margin: 0; }
#header #headerInner ul#nav { font-weight: bold; text-transform: uppercase; letter-spacing:0.03em; }
#header #headerInner ul#nav li ul { text-transform: none; }
#header #headerInner ul#nav li a { color: #404040; text-decoration: none; }
#header #headerInner ul#nav li.current a { color: #64bde3; text-decoration: none; }
#header #headerInner ul#nav li a:hover { color: #64bde3; }
#header #headerInner ul#nav li ul li a { color: #404040; font-size: 0.83em; }
#header #headerInner ul#nav li.current ul li a { color: #404040; font-size: 0.83em; }
#header #headerInner ul#nav li.current ul li.current a { color: #64bde3; font-size: 0.83em; }
#header #headerInner ul#nav li ul li a:hover { color: #64bde3; }
#header #headerInner ul#nav li:hover a { color: #64bde3; }
#header #headerInner ul#nav li:hover ul li a { color: #404040; }
#header #headerInner ul#nav li:hover ul li a:hover { color: #64bde3; }
#content #main .tagline { font-weight: bold; color: #404040; }
#content #main .blogPost .tagline { font-size: 0.83em; line-height: 1em; vertical-align: top; }
#content #main .blogPost .metaData { color: #848484; font-size: 0.83em; }
#content #main .blogPost.singlePostHeadNoimg .metaData, #content #main .blogPost.singlePostHead .metaData { font-size: 1em; }
#content #main .blogPost .metaData a { text-decoration: none; color: #404040; }
#content #main .blogPost .metaData a:hover { color: #848484; }
#content #main #pagination a { text-transform: uppercase; font-weight: bold; color: #4c4c4c; }
#content #main #pagination a:hover { color: #678a99; }
#comments .commentlist { color: #404040; }
#comments .commentlist .children { color: #404040; }
#comments .commentlist .comment .comment-body .commentmetadata { font-size: 0.83em; color: #848484; }
#comments .commentlist .comment .comment-body .commentmetadata a { color: #4c4c4c; text-decoration: none; }
#comments .commentlist .comment .comment-body .commentmetadata a:hover { color: #848484; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor { font-size: 0.83em; color: #848484; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn { font-size: 1.2em; font-weight: bold; font-style: normal; color: #64bde3; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn a { text-decoration: none; color: #64bde3; }
#comments .commentlist .comment .comment-body .vcard .commentAuthor .fn a:hover { color: #59a8c9; }
#gallery #galleryHeader #galleryTitles { color: #666666; }
#gallery #galleryHeader #galleryTitles a { text-decoration: none; color: #666666; }
#gallery #galleryHeader #galleryTitles a:hover { color: #848484; }
#gallery #galleryHeader #galleryTitles .current { color: #c6c6c6; font-size: 1.33em; }
#gallery #galleryHeader #galleryTitles .current a { text-decoration: none; color: #404040; }
#gallery #galleryHeader #galleryTitles .current a:hover { color: #5e5e5e; }
#gallery #galleryHeader #galleryTitles .middot { font-size: 1.4em; }
#gallery #galleryHeader .button .highlight { color: #262626; }
#sidebar { color: #848484; }
#sidebar .sidebarWidget .postList .metaData { font-size: 0.83em; }
#sidebar .sidebarWidget .postList .metaData a { text-decoration: none; color: #4c4c4c; }
#sidebar .sidebarWidget .postList .metaData a:hover { color: #848484; }
#bottombar .minipost { color: #848484; font-style: italic; }
#bottombar .tagline { color: #666666; font-style: normal; font-weight: bold; font-size: 0.83em; }
#footer { font-size: 0.83em; color: #5c5c5c; }
#footer a { text-decoration: none; color: #8f8f8f; }
#footer a:hover { color: #5c5c5c; }
#footer #footerInner .disclaimer { color: #8f8f8f; }
#footer #footerInner .disclaimer a { text-decoration: none; color: #5c5c5c; }
#footer #footerInner .disclaimer a:hover { color: #8f8f8f; }
/ --------------------------------------------------------- /
/ --------------------- MAIN styles --------------------- /
/ --------------------------------------------------------- /
body { background: #f9f9f9 url(../images/light/backgroundTile.png) repeat 50% 0; }
.wrapper{ width: 900px; padding: 0 50px; margin:0 auto; }
.clear{ clear:both;height:0;font-size:0;margin:0;padding:0;visibility:hidden; }
.alignleft{ float:left; }
.alignright{ float:right; }
.aligncenter{ display:block;margin:0 auto; }
#main img.alignleft { margin: 0 20px 20px 0; }
#main img.alignright { margin: 0 0 20px 20px; }
/ --------------------------------------------------------- /
/ ----------------------- HEADER ----------------------- /
/ --------------------------------------------------------- /
#header { width: 100%; }
#header #headerInner h1#logo { background: transparent url(../images/light/Logo2.png) no-repeat right top; float: right; display: block; letter-spacing: -1000em; overflow: hidden; text-indent: -9999em; width: 254px; height: 52px; }
#header #headerInner{ background: transparent url(../images/light/headerBg.png) no-repeat left bottom; padding: 50px 50px 36px; }
#header #headerInner ul#nav { float: left; margin: 24px 0 0; position: relative; }
#header #headerInner ul#nav li { float: left; margin: 0 30px 0 0; }
#header #headerInner ul#nav li ul { position: absolute; display: none; left: 0; top: -28px; width: 550px; padding: 0 0 10px; }
#header #headerInner ul#nav li ul li { display: block; float: left; margin: 0 25px 0 0; }
#header #headerInner ul#nav li:hover ul { display: block; }
/ --------------------------------------------------------- /
/ ----------- FEATURED and PAGE HEADER ----------- /
/ --------------------------------------------------------- /
#featuredTop { width: 100%; height: 13px; margin: -12px 0 0; background: transparent url(../images/light/featuredBgTopTile.png) repeat-x; position: relative; }
#featuredBottom { width: 100%; height: 13px; margin: 0 0 -12px; background: transparent url(../images/light/featuredBgBottomTile.png) repeat-x; position: relative; z-index: 2; }
#featured { width: 100%; background: #e8e8e8; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#featured #featuredInner { padding: 37px 50px; background: transparent url(../images/light/featuredBgShine.png) no-repeat left top; margin: -1px auto; }
#featured #featuredInner #featuredText { width: 420px; float: left; margin-top: 28px; }
#featured #featuredInner #pageHeaderText { width: 100%; margin: 14px 0; }
#featured #featuredInner #featuredImage { width: 420px; height: 220px; float: right; overflow: hidden; position: relative; }
#featured #featuredInner #featuredImage #imageFrame { width: 420px; height: 220px; position: absolute; top: 0; left: 0; background: transparent url(../images/light/featuredImgFrame.png) no-repeat top left; z-index: 99; }
#featured #featuredInner #featuredImage #imageFrame #prevButton { display: block; width: 29px; height: 38px; position: absolute; left: 0; top: 92px; background: transparent url(../images/light/featuredPrevBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #imageFrame #nextButton { display: block; width: 29px; height: 38px; position: absolute; right: 0; top: 92px; background: transparent url(../images/light/featuredNextBtn.png) no-repeat; cursor: pointer; z-index: 100; }
#featured #featuredInner #featuredImage #slides { width: 398px; height: 198px; margin: 11px; }
/ --------------------------------------------------------- /
/ ----------------------- CONTENT ---------------------- /
/ --------------------------------------------------------- /
#content { padding: 46px 50px 6px 50px; background: transparent url(../images/light/contentBg.png) no-repeat left top; position: relative; z-index: 1; }
#content #main { width: 580px; float: left; margin: 0 60px 0 0; padding: 0 0 35px; }
#content #main .blogPost { border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; margin-bottom: 25px; }
#content #main .blogPost .postTitle { margin: -6px 0 5px 0; }
#content #main .blogPost .metaData { margin: 0 0 18px 0; display: inline-block; }
#content #main .postHead { padding-left: 175px; position: relative; min-height: 140px; }
html #content #main .postHead { height: 140px; } / IE6 hack */
#content #main .postHead .postImage { position: absolute; left: 0; }
#content #main .singlePostHead { padding-left: 220px; position: relative; min-height: 195px; }
#content #main .singlePostHead { height: 195px; } / IE6 hack */
#content #main .singlePostHead .postImage { position: absolute; left: 0; }
#content #main .singlePost { border-bottom: 1px solid #d9d9d9; }
#content #main #pagination { margin: -5px 0 12px; }
#content #main #pagination a { display: block; float: left; margin: 0 12px 0 0; width: 23px; height: 26px; line-height: 26px; text-align: center; }
#content #main #pagination a.current { background: transparent url(../images/light/paginationLinkBackground.png) no-repeat; }
#content #main #pagination a.paginationLastLink { margin: 0; width: auto; }
#content.fullWidth #main { float: none; width: 100%; }
/ --------------------------------------------------------- /
/ ----------------------- GALLERY ---------------------- /
/ --------------------------------------------------------- /
#gallery { width: 100%; margin: 0 0 12px 0; }
#gallery #galleryHeader { margin: 0 0 30px; text-align: center; background: transparent url(../images/light/galleryHeaderBgTile.png) repeat-x center top; }
#gallery #galleryHeader .button { display: block; width: 78px; height: 34px; background: transparent url(../images/light/button.png) no-repeat; line-height: 34px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#gallery #galleryHeader .button .highlight { display: block; width: 78px; height: 34px; position: absolute; top: 0; left: 0; background: transparent url(../images/light/buttonHighlight.png) no-repeat; }
#gallery #galleryHeader #prevButton { float: left; }
#gallery #galleryHeader #nextButton { float: right; }
#gallery #galleryHeader #galleryTitles { line-height: 34px; text-align: center; }
#gallery #galleryHeader .galleryTitle { margin: 0 18px; }
#gallery #slideContainer { width: 900px; }
#gallery #slideContainer .slide { width: 900px; }
#gallery #slideContainer .slide .galleryImage { float: left; margin: 0 40px 25px 0; position: relative; overflow: hidden; }
#gallery #slideContainer .slide .alt { float: left; margin: 0 0 25px 0; }
#gallery #slideContainer .slide .galleryImage .zoomButton { width: 97px; height: 95px; display: block; position: absolute; left: 0; top: 50px; background: transparent url(../images/light/galleryButtonLeft.png) no-repeat; }
#gallery #slideContainer .slide .galleryImage .descriptionButton { width: 98px; height: 95px; display: block; position: absolute; right: 0; top: 50px; background: transparent url(../images/light/galleryButtonRight.png) no-repeat; }
#description { background: #0a0a0a url(../images/light/backgroundTile.png) repeat 50% 0; width: 580px; margin: 0 auto; padding: 45px 45px 30px; }
#description img.alignleft { margin: 0 25px 25px 0; }
#description img.alignright { margin: 0 0 25px 25px; }
/ --------------------------------------------------------- /
/ ----------------------- SIDEBAR ---------------------- /
/ --------------------------------------------------------- /
#sidebar { width: 260px; float:right; padding: 0 0 5px 0; }
#sidebar .sidebarWidget { margin: 0 0 37px; }
#sidebar .sidebarWidget .widgetTitle { margin: 0 0 21px 0; }
#sidebar ul li { margin: 0 0 8px; }
/ --------------------------------------------------------- /
/ --------------------- BOTTOMBAR -------------------- /
/ --------------------------------------------------------- /
#bottombar { background: transparent url(../images/light/bottombarBg.png) no-repeat center top; overflow:hidden; padding: 38px 0 0; }
#bottombar .minipost { float: left; width: 260px; margin: 0 60px 0 0; }
#bottombar .lastChild { margin: 0; }
* html #bottombar .lastChild { margin-right: 0 !important; width: 250px !important; }
#bottombar .minipost .minipostIcon { margin: 0 10px 3px 0; }
#bottombar .minipost .minipostTitle { margin: 0 0 11px 0; }
#bottombar .minipost p { clear: both; }
/ --------------------------------------------------------- /
/ ------------------------ FOOTER ----------------------- /
/ --------------------------------------------------------- /
#footerTop { width: 100%; height: 13px; background: transparent url(../images/light/featuredBgTopTile.png) repeat-x; }
#footer { width: 100%; background: #e8e8e8; line-height: 1.4em; border-top: 1px solid #ffffff; }
#footer #footerInner { padding: 35px 50px 24px; text-align: center; }
#footer #social { margin: 0 0 24px 0; }
#footer #social li { display: inline; }
#footer #social a { margin: 0 0 0 33px; display: inline-block; position: relative; }
#footer #social li:first-child a { margin: 0; }
#footer #footerInner #social a .tooltip { position: absolute; top: -58px; left: -57px; display: none; width: 146px; height: 39px; line-height: 26px; background: transparent url(../images/light/tooltipBg.png) no-repeat; }
#footer #footerInner .disclaimer, #footer #footerInner .copyright { padding: 0 180px; }
/ --------------------------------------------------------- /
/ ------------------------ COMMENTS ----------------------- /
/ --------------------------------------------------------- /
#comments, #respond { margin: 40px 0 0; }
#comments .commentlist { list-style-type: none; padding: 0; }
#comments .commentlist .comment { border-bottom: 1px solid #d9d9d9; padding: 25px 0; }
#comments .commentlist .comment .comment-body { position: relative; padding: 0 0 0 100px; }
#comments .commentlist .comment .comment-body .avatar { position: absolute; left: 0; top: 0; }
html #comments .commentlist .comment .comment-body .avatar { left: -100px; } / IE6 hack */
#comments .commentlist .comment .children { padding: 0 0 0 60px; list-style-type: none; }
#comments .commentlist .comment .children .comment { border-top: 1px solid #d9d9d9; border-bottom: none; padding: 25px 0 0; margin: 25px 0 0;}
/ --------------------------------------------------------- /
/ -------------------- FORMS AND BUTTONS ------------------- /
/ --------------------------------------------------------- /
form .button { display: block; width: 78px; height: 34px; background: transparent url(../images/light/button.png) no-repeat; line-height: 34px; font-size: 0.83em; text-transform: uppercase; text-align: center; cursor: pointer; position: relative; }
#sidebar form .button { float: right; }
form .button input.highlight { display: block; width: 78px; height: 34px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; background: transparent url(../images/light/buttonHighlight.png) no-repeat; outline: none; border: none; text-transform: uppercase; font-size: 1em; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #262626; cursor: pointer; }
input { width: 244px; background: transparent url(../images/light/inputBg.png) no-repeat; border: none; outline: none; padding: 9px 8px; color: #7B7B7B; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 12px; line-height: 12px; }
input#s { width: 166px; float: left; margin: 2px 0 0; }
textarea { width: 564px; height: 126px; padding: 12px 8px; background: transparent url(../images/light/textareaBg.png) no-repeat; border: none; outline: none; color: #7B7B7B; font-family: Lucida Sans, "Ludica Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 1em; line-height: 1.65em; }
#main input { margin: 0 15px 0 0; }
#contactForm { margin: 35px 0 0; }
#ajaxResponse { padding: 20px 0 0; position: relative; }
#ajaxResponse #loaderIcon { visibility: hidden; background: transparent url(../images/light/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse #loaderIcon2 { position: absolute; top: -26px; left: 90px; background: transparent url(../images/light/ajax-loader.gif) no-repeat; display:block; width: 16px; height: 16px; }
#ajaxResponse span.error { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(../images/light/no.png) no-repeat left top; font-size: 0.83em; }
#ajaxResponse span.success { display: block; height: 30px; line-height: 30px; padding: 0 0 0 40px; background: transparent url(../images/light/yes.png) no-repeat left top; font-size: 0.83em; }
O que estou fazendo de errado?
Os acentos não aparecem.
Se eu tiro de dentro do <h> ele funciona.
Se tiro isso:
<script type="text/javascript">
Cufon.replace('h2', {hover: true});
Cufon.replace('h3', {hover: true});
Cufon.replace('h4', {hover: true});
Cufon.replace('#gallery #galleryHeader #galleryTitles .current a', {hover: true});
</script>
Também funciona.
Mas preciso ele com um visual legal.
Valeu.
Carregando comentários...