Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
188 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 183 Visitantes :: 2 Motores de busca

CesarWatsom2, cheephard, juleic1123, Luks_Ponte, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Habbo Imager (Página HTML)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Habbo Imager (Página HTML)

Mensagem por AlexG em 15/03/17, 12:55 pm

Detalhes da questão


Endereço do fórum: http://dophabbo.forumeiros.com
Versão do fórum: ModernBB

Descrição


Boa tarde, caro Convidado !

Bom, ando a exprimentar a nova verão da forumeiros (e é ótima, recomendo a todos). Como o fórum é destinado a uma dependência do jogo Habbo Hotel, gostaria de criar uma página HTML com um Habbo Imager (gerador de avatares do Habbo).

Realmente, fi-lo, copiando os códigos do primeiro modelo deste site: http://arquivosecretohabbo.blogspot.pt/p/imager.html

Porém, ao colocar os códigos, o conteúdo ficou desformatado. Em baixo vai um print do meu problema e em conjunto, a formatação da página HTML.





O link da página HTML é: http://dophabbo.forumeiros.com/h1-habbo-imager

Os códigos que eu coloquei são exatamente iguais aos da página do primeiro link.
Agradeço a todos que me ajudem!
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 227
Pontos Ativos : 385

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Habbo Imager (Página HTML)

Mensagem por while em 15/03/17, 01:37 pm

Olá autor, boa tarde.

Troque o conteúdo da sua pagina HTML por este:

Código:

<!DOCTYPE html>
<html class='v2' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=1100' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='http://arquivosecretohabbo.blogspot.com.br/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://arquivosecretohabbo.blogspot.com/p/imager.html' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Arquivo Secreto - Atom" href="http://arquivosecretohabbo.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Arquivo Secreto - RSS" href="http://arquivosecretohabbo.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Arquivo Secreto - Atom" href="https://www.blogger.com/feeds/7876480379888302692/posts/default" />
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3357874291-ieretrofit.js"></script>
<![endif]-->
<meta content='http://arquivosecretohabbo.blogspot.com/p/imager.html' property='og:url'/>
<meta content='Habbo Imager' property='og:title'/>
<meta content='templates habbo' property='og:description'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>Arquivo Secreto: Habbo Imager</title>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'></script>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<meta content='MarcoCuel' property='fb:admins'/>
<meta content='370170209815335' property='fb:app_id'/>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='http://2.bp.blogspot.com/-eZFaJepTdeY/VFeuWnltfMI/AAAAAAAABJI/Fx57QGzQDOY/s1600/touch-icon-iphone.png' rel='apple-touch-icon'/>
<link href='http://4.bp.blogspot.com/-SO1EaV5zdpM/VFeuWGoGjdI/AAAAAAAABJE/8JEp-yooCbk/s1600/touch-icon-ipad.png' rel='apple-touch-icon' sizes='76x76'/>
<link href='http://1.bp.blogspot.com/-a9hf2YA4xE4/VFeuWE4Z5tI/AAAAAAAABJA/WhN6cJkM_KQ/s1600/touch-icon-iphone-retina.png' rel='apple-touch-icon' sizes='120x120'/>
<link href='http://4.bp.blogspot.com/-MOYO9EHZn4o/VFeuWBW3DhI/AAAAAAAABI8/Sxme1ysutOs/s1600/touch-icon-ipad-retina.png' rel='apple-touch-icon' sizes='152x152'/>
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1691512649-css_bundle_v2.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7876480379888302692&amp;zx=8b56ebd2-7249-4fa1-b92e-3e33d0629d47' />
<style id='page-skin-1' type='text/css'><!--
/*
/* Content
----------------------------------------------- */
body {
font-family: 'Lato', sans-serif;
color: #555;
background: #222 url(http://2.bp.blogspot.com/-CxOH5viPS7Y/VE0bQAct99I/AAAAAAAABCI/O-EBH4eUkhY/s1600/fundo.png);
padding: 0;
margin: 0;
font-weight: 300;
}
*::-moz-selection {
background: rgba(238,72,65,0.5);
}
*::selection {
background: rgba(238,72,65,0.5);
}
a {
color: inherit;
text-decoration: none;
transition: color 0.25s ease;
}
html body {
min-width: 0;
max-width: 100%;
width: 100%;
}
.content-outer {
margin-bottom: 10px;
}
.content-inner {
padding: 0;
margin: 0;
}
/* Header
----------------------------------------------- */
#header {
background: url(http://1.bp.blogspot.com/-P0fMvZjpSkk/VE0kzld_cQI/AAAAAAAABCg/iOyJMl5RWxo/s1600/header.png);
width: 758px;
height: 400px;
margin: 0 auto;
}
@-moz-keyframes logo { 0% { -moz-transform: translate3d(0,-16em,0); -webkit-transform: translate3d(0,-16em,0); -o-transform: translate3d(0,-16em,0); -ms-transform: translate3d(0,-16em,0); transform: translate3d(0,-16em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
@-webkit-keyframes logo { 0% { -moz-transform: translate3d(0,-16em,0); -webkit-transform: translate3d(0,-16em,0); -o-transform: translate3d(0,-16em,0); -ms-transform: translate3d(0,-16em,0); transform: translate3d(0,-16em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
@-o-keyframes logo { 0% { -moz-transform: translate3d(0,-16em,0); -webkit-transform: translate3d(0,-16em,0); -o-transform: translate3d(0,-16em,0); -ms-transform: translate3d(0,-16em,0); transform: translate3d(0,-16em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
@-ms-keyframes logo { 0% { -moz-transform: translate3d(0,-16em,0); -webkit-transform: translate3d(0,-16em,0); -o-transform: translate3d(0,-16em,0); -ms-transform: translate3d(0,-16em,0); transform: translate3d(0,-16em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
@keyframes logo { 0% { -moz-transform: translate3d(0,-16em,0); -webkit-transform: translate3d(0,-16em,0); -o-transform: translate3d(0,-16em,0); -ms-transform: translate3d(0,-16em,0); transform: translate3d(0,-16em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
#logo {
background: url(http://2.bp.blogspot.com/-iftLIB7xouM/VF72qmyssnI/AAAAAAAABNA/MtIScYjiu4M/s1600/logo.png);
width: 627px;
height: 197px;
margin: 0 auto;
-moz-animation: logo 2s 0s forwards;
-webkit-animation: logo 2s 0s forwards;
-o-animation: logo 2s 0s forwards;
-ms-animation: logo 2s 0s forwards;
animation: logo 2s 0s forwards;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 0;
}
#space {
height: 100px;
}
.animate
{
transition: all 0.1s;
-webkit-transition: all 0.1s;
}
.action-button {
background: url(http://3.bp.blogspot.com/-dyo95zpHEbs/VE0bQArWNuI/AAAAAAAABCM/nNXkTuHPv4E/s1600/colors.png);
width: 230px;
height: 58px;
float: left;
margin: 0px 10px 10px 0px;
font-family: 'Roboto Slab', serif;
text-transform: uppercase;
text-align: center;
font-size: 38px;
padding-top: 2px;
color: #FFF;
cursor:pointer;
}
.action-button:link {
color: #FFF;
}
.black {
background: url(http://3.bp.blogspot.com/-dyo95zpHEbs/VE0bQArWNuI/AAAAAAAABCM/nNXkTuHPv4E/s1600/colors.png) top;
box-shadow: inset 0px -4px 0px rgba(0,0,0,0.2), 0px 4px 0px rgba(0,0,0,0.2);
text-shadow: 0px 4px 0px rgba(0,0,0,0.2);
}
.red {
background: url(http://3.bp.blogspot.com/-dyo95zpHEbs/VE0bQArWNuI/AAAAAAAABCM/nNXkTuHPv4E/s1600/colors.png);
background-position: 0px 60px;
box-shadow: inset 0px -4px 0px rgba(0,0,0,0.2), 0px 4px 0px rgba(0,0,0,0.2);
text-shadow: 0px 4px 0px rgba(0,0,0,0.2);
}
.action-button:hover {
opacity: 0.9;
transition: opacity 0.25s ease;
}
/* Menu
----------------------------------------------- */
nav {
width: 100%;
height: 60px;
background: #222 url(http://3.bp.blogspot.com/-dyo95zpHEbs/VE0bQArWNuI/AAAAAAAABCM/nNXkTuHPv4E/s1600/colors.png);
box-shadow: 0px 5px 0px rgba(0,0,0,0.15);
font-weight: 300;
font-size: 20px;
margin-top: -20px;
margin-bottom: 10px;
}
ul {
text-align: left;
}
ul li {
-webkit-transition: padding .05s linear;
-moz-transition: padding .05s linear;
-ms-transition: padding .05s linear;
-o-transition: padding .05s linear;
transition: padding .05s linear;
}
ul li.drop {
position: relative;
}
ul > li {
display: inline-block;
text-transform: uppercase;
}
ul li a {
color: #888;
height: 60px;
line-height: 60px;
padding: 0 20px;
text-decoration: none;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
ul li a:hover {
color: #eee;
text-decoration: none;
}
.dropOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid white;
top: -8px;
left: 50%;
margin-left: -8px;
}
.dropdownContain {
width: 160px;
position: absolute;
z-index: 200;
left: 50%;
margin-top: -10px;
margin-left: -80px;
top: -400px;
}
.dropOut {
width: 160px;
background: white;
float: left;
position: relative;
margin-top: 100px;
opacity: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
box-shadow: 0 1px 6px rgba(0,0,0,.15);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
.dropOut a:link {color: #888; line-height: 0; padding: 0;}
.dropOut ul {
float: left;
padding: 10px 0;
}
.dropOut ul li {
text-align: left;
float: left;
width: 125px;
padding: 12px 0 10px 15px;
margin: 0px 10px;
color: #777;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background .1s ease-out;
-moz-transition: background .1s ease-out;
-ms-transition: background .1s ease-out;
-o-transition: background .1s ease-out;
transition: background .1s ease-out;
line-heigt: 4;
}
.dropOut ul li:hover {
background: rgba(0,0,0,0.04);
}
ul li:hover a { color: #FFF; }
ul li:hover .dropdownContain { top: 65px;}
ul li:hover .underline { color: }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }
ul li:hover .dropOut a { color: #777; text-shadow: 0 2px 0 #FFF;}
/* Columns
----------------------------------------------- */
.main-outer {
}
/* Widgets
----------------------------------------------- */
.widget .zippy {
color: $(widget.alternate.text.color);
text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}
.widget .popular-posts ul {
list-style: none;
}
/* Posts
----------------------------------------------- */
.date-header span {
}
.main-inner {
padding: 0;
}
.main-inner .column-center-inner {
padding: 0;
}
.main-inner .column-center-inner .section {
margin: 0px;
}
.post {
background-image: radial-gradient(rgb(255, 255, 255) 30%, rgb(225, 225, 225) 100%);
border-radius: 8px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
margin-bottom: 10px;
}
h3.post-title a:link {
text-decoration: none;
color: #444;
}
h3.post-title a:visited {
text-decoration: none;
color: #444;
}
h3.post-title a:hover {
text-decoration: none;
color: rgb(238,72,65);
}
h3.post-title, .comments h4 {
width: 800px;
font-size: 30px;
text-transform: uppercase;
color: #444;
font-weight: 100;
padding: 7px 0px 0px 10px
}
.post-body {
position: relative;
padding: 10px;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
background: rgba(0,0,0,0.1);
width: 240px;
height: 130px;
float: left;
border-radius: 4px;
box-shadow: 0px 4px 0px rgba(0,0,0,0.2), inset 0px 4px 0px rgba(255,255,255,0.05);
margin: 0px 10px 0px 0px;
}
.post-body img, .post-body .tr-caption-container {
padding: 0;
opacity: 0.8;
transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
}
.post-body img:hover {
padding: 0;
opacity: 1;
}
.post-body .tr-caption-container {
color: #333;
}
.post-body .tr-caption-container img {
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
.post-header {
margin: 0px;
}
.post-footer {
height: 0px;
}
.feed-links{
display: none;
}
.jump-link {
background: rgba(0,0,0,0.1);
padding: 5px 15px 5px 15px;
float: right;
margin-top: -39px;
margin-right: 10px;
border-radius: 4px;
box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
}
.jump-link:hover {
box-shadow: inset 0px -2px 0px rgba(0,0,0,0.1), 0px 0px 15px white;
}
.jump-link a:link {
text-decoration: none;
color: #444;
}
.jump-link a:visited {
text-decoration: none;
color: #444;
}
.jump-link a:hover {
text-decoration: none;
color: rgb(238,72,65);
}
.edit-post {
background: rgba(0,0,0,0.1);
padding: 7px 15px 7px 19px;
float: right;
margin-top: -39px;
margin-right: 10px;
border-radius: 4px;
box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
z-index: 999999999999;
}
.status-msg-wrap{display: none;}
/* Facebook Comments
----------------------------------------------- */
#comments {
background: #FFF;
box-shadow: 4px 0px 10px rgba(0,0,0,0.5);
}
/* Page Nav
----------------------------------------------- */
.showpageArea {
color: #FFF;
font-size: 30px;
margin:10px;
text-decoration: none;
}
.showpageArea a {
text-decoration: none;
color:#FFF;
}
.showpageArea a:hover {
color: rgb(238,72,65);
}
.showpageNum a {
text-decoration: none;
padding: 10px;
}
.showpageOf{
display: none;
}
.showpagePoint {
text-decoration: none;
color: rgb(238,72,65);
}
.sidebar h2 {
display: none;
}
/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-$startSide: 1px solid #EEE;
}
.blog-pager {
background: $(paging.background);
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
.footer-outer {
border-top: $(footer.bevel) dashed #bbbbbb;
}
/* Preloader */
#preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: #EEE;
background-image: radial-gradient(rgb(255, 255, 255) 20%, rgb(225, 225, 225) 100%);
background-attachment: auto;
background-repeat: repeat;
background-position: center center;
z-index:9999;
}
#status {
width:627px;
height:197px;
position:absolute;
left:50%;
top:50%;
background-image:url("http://2.bp.blogspot.com/-iftLIB7xouM/VF72qmyssnI/AAAAAAAABNA/MtIScYjiu4M/s1600/logo.png");
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -313px;
}
pre {
padding: 10px;
margin: 0;
background: rgba(0,0,0,0.1);
color: #777;
overflow: auto;
width: 960px;
box-shadow: inset 0px -2px 0px rgba(0,0,0,0.1);
border-radius: 4px;
}
pre br{
display:none;
}
code {
font:1em/1.2em 'courier new', courier, monospace;
}
input,textarea,select
{
font-family: 'Lato', sans-serif;
font-weight: 100;
font-size: 16pt;
color: #888;
-webkit-text-stroke: 0.1px;
}
input[type="text"], input[type="email"], input[type="password"], select, .select, textarea {
display: block;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
background: rgba(0,0,0,0.02);
width: 420px;
border-radius: 0.25em; border: 0;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
padding: 0.85em 1em 0.85em 1em;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
float: left;
margin: 10px;
}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form .select.focus, form textarea:focus {
outline: 0;
box-shadow: inset 0 0 0 1px rgba(238,72,65,0.5);
background: #fcfcfc;
padding: 0.85em 1em 0.85em 1em;
}
textarea {
width: 905px;
}
input[type="button"], input[type="submit"], .button {
-webkit-appearance: none;
position: relative;
display: inline-block;
background: #444;
padding: 0.85em 3em 0.85em 3em; border-radius: 0.25em;
cursor: pointer; border: 0; color: #fff;
text-align: center; text-decoration: none;
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
margin: 10px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
background: rgb(238,72,65);
}
input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, .button.alt {
color: inherit;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
background: none;
}
input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, .button.alt:hover {
background: rgba(0,0,0,0.025);
}

--></style>
<style id='template-skin-1' type='text/css'><!--
body {
min-width: 1000px;
margin: 0;
}
#centro {
width: 1000px;
margin: 0 auto;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1000px;
max-width: 1000px;
_width: 1000px;
}
.main-inner .columns {
padding: 0;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
--></style>
</head>
<body>
<nav><div id='centro'>
<ul>
<li><a href='/'>Início</a></li>
<li class='drop'>
<a>Arquivo</a>
<div class='dropdownContain'>
<div class='dropOut'>
<div class='triangle'></div>
<ul>
<li><a href='/p/sobre.html'>Sobre</a></li>
<li><a href='/p/equipe.html'>Equipe</a></li>
</ul>
</div>
</div>
</li>
<li><a href='/p/contato.html'>Contato</a></li>
<li><a href='/p/chat.html'>Chat</a></li>
<li class='drop'>
<a>Extras</a>
<div class='dropdownContain'>
<div class='dropOut'>
<div class='triangle'></div>
<ul>
<li><a href='/p/imager.html'>Habbo Imager</a></li>
</ul>
</div>
</div>
</li>
<div style='float: right; padding: 20px; '>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FArquivoSecretoX&width&layout=button_count&action=like&show_faces=false&share=false&height=21&appId=370170209815335' style='border:none; overflow:hidden; height:21px; width: 100px;'></iframe>
</div>
</ul>
</div></nav>
<div class='content'>
<div class='content-outer'>
<div class='fauxborder-left content-fauxborder-left'>
<div class='content-inner'>
<div class='main-outer'>
<div class='fauxborder-left main-fauxborder-left'>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<div class='main section' id='main'><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>

          <div class="date-outer">
       

          <div class="date-posts">
       
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='7876480379888302692' itemprop='blogId'/>
<meta content='6792067144826093869' itemprop='postId'/>
<a name='6792067144826093869'></a>
<h3 class='post-title entry-title' itemprop='name'>
Habbo Imager
</h3>
<div class='post-header'>
<span class='item-control blog-admin'>
<div class='edit-post'>
<span class='item-control blog-admin pid-941638838'>
<a href='https://www.blogger.com/page-edit.g?blogID=7876480379888302692&pageID=6792067144826093869&from=pencil' title='Editar página'>
<i class='fa fa-pencil-square-o' style='color: #444; padding: 4px 0;'></i>
</a>
</span>
</div>
</span>
<div class='post-header-line-1'>
</div>
</div>
<div class='post-body entry-content' id='post-body-6792067144826093869' itemprop='description articleBody'>
Os scripts abaixo são código é aberto. Ou seja... você pode editar, alterar, fazer oque quiser.<br>
Mas por favor mantenha os créditos de seus autores (Eles estão localizados na parte no código, nem aparecem).
<br/><br/>
<iframe height='430' scrolling='no' src='http://codepen.io/MarcoCuel/embed/VaOzxe/?height=430&theme-id=0&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 95%;'>See the Pen <a href='http://codepen.io/MarcoCuel/pen/VaOzxe/'>Habbo Imager (Habbo PT/BR)</a> by Marco Cuel (<a href='http://codepen.io/MarcoCuel'>@MarcoCuel</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
<br/><br/>
<iframe height='500' scrolling='no' src='http://codepen.io/MarcoCuel/embed/GZaxxb/?height=500&theme-id=0&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 95%;'>See the Pen <a href='http://codepen.io/MarcoCuel/pen/GZaxxb/'>Imager </a> by Marco Cuel (<a href='http://codepen.io/MarcoCuel'>@MarcoCuel</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
<br/>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-icons'>
</span>
<div class='post-share-buttons goog-inline-block'>
</div>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
<div id='comments'>
<div class='comments-page' id='fb-comments-page'>
</div>
<div class='comments comments-page' id='blogger-comments-page'></div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>

        </div></div>
     
</div>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' href='http://arquivosecretohabbo.blogspot.com.br/'></a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Assinar:
<a class='feed-link' href='http://arquivosecretohabbo.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postagens (Atom)</a>
</div>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'pt_BR'};</script>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget ContactForm' data-version='1' id='ContactForm1'>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7876480379888302692&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));' target='configContactForm1' title='Editar'>
<img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
</div>
<!-- content -->
</div>
</div>
</div>
</div>
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
<script style='text/javascript'> var pageCount=7;var displayPageNum=7;var upPageWord="Anterior";var downPageWord="Próxima";</script>
<script src='http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js' style='text/javascript'> </script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
      //<![CDATA[
         $(window).load(function() { // makes sure the whole site is loaded
            $('#status').fadeOut(); // will first fade out the loading animation
            $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
            $('body').delay(350).css({'overflow':'visible'});
         })
      //]]>
   </script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3896972790-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6u04B2MbNGr93boVuCWy7fRQgBMw:1489595503094';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7876480379888302692','http://arquivosecretohabbo.blogspot.com.br/p/imager.html','7876480379888302692');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7876480379888302692', 'bloggerUrl': 'https://www.blogger.com', 'title': 'Arquivo Secreto', 'pageType': 'static_page', 'pageId': '6792067144826093869', 'url': 'http://arquivosecretohabbo.blogspot.com.br/p/imager.html', 'canonicalUrl': 'http://arquivosecretohabbo.blogspot.com/p/imager.html', 'homepageUrl': 'http://arquivosecretohabbo.blogspot.com.br/', 'searchUrl': 'http://arquivosecretohabbo.blogspot.com.br/search', 'canonicalHomepageUrl': 'http://arquivosecretohabbo.blogspot.com/', 'blogspotFaviconUrl': 'http://arquivosecretohabbo.blogspot.com.br/favicon.ico', 'hasCustomDomain': false, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'useUniversalAnalytics': false, 'pageName': 'Habbo Imager', 'pageTitle': 'Arquivo Secreto: Habbo Imager', 'metaDescription': '', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Arquivo Secreto - Atom\x22 href\x3d\x22http://arquivosecretohabbo.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Arquivo Secreto - RSS\x22 href\x3d\x22http://arquivosecretohabbo.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Arquivo Secreto - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7876480379888302692/posts/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '', 'mobileHeadScript': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'ieCssRetrofitLinks': '\x3c!--[if IE]\x3e\x3cscript type\x3d\x22text/javascript\x22 src\x3d\x22https://www.blogger.com/static/v1/jsbin/3357874291-ieretrofit.js\x22\x3e\x3c/script\x3e\n\x3c![endif]--\x3e', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a742fb502c68b628', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartilhar no Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Compartilhar no Google+', 'target': 'googleplus'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'jumpLinkMessage': 'INFORMAÇÕES'}}, {'name': 'features', 'data': {'enhancedSourcesets': 'true', 'unsupported_browser_message': 'false'}}, {'name': 'messages', 'data': {'linkCopiedToClipboard': 'Link copiado para a área de transferência.', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizar', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Habbo Imager', 'description': 'templates habbo', 'url': 'http://arquivosecretohabbo.blogspot.com.br/p/imager.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 6792067144826093869}}]);
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3301811140-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar-right-1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Enviando...', 'contactFormMessageSentMsg': 'Sua mensagem foi enviada.', 'contactFormMessageNotSentMsg': 'Não foi possível enviar a mensagem. Tente novamente mais tarde.', 'contactFormInvalidEmailMsg': 'Um endereço de e-mail válido é necessário.', 'contactFormEmptyMessageMsg': 'O campo de mensagem não pode ficar vazio.', 'title': 'Contato', 'blogId': '7876480379888302692', 'contactFormNameMsg': 'Nome', 'contactFormEmailMsg': 'E-mail', 'contactFormMessageMsg': 'Mensagem', 'contactFormSendMsg': 'Enviar', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>
</html>

Falta editar... mas, você faz isto né?

OBS: Deixe assim a configuração da pagina HTML:
- Você deseja utilizar o início e o final da página do seu fórum ? Assinalado em não.
- Usar esta página como página inicial? Assinale a opção desejada, se for sim, coloque no final da pagina ajuda.forumeiros.com

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Habbo Imager (Página HTML)

Mensagem por AlexG em 15/03/17, 01:41 pm

Sim, sim. Muito obrigado!
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 227
Pontos Ativos : 385

Ver perfil do usuário https://mundogoph.org/

Resolvido Re: Habbo Imager (Página HTML)

Mensagem por while em 15/03/17, 01:47 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum