Site does not load layout [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Hello everyone I have a bug that my site does not want to load its layout, I do not know where it comes from, so I left PHP, it's CSS, if you can help me please I appreciate it, I'm a beginner in it
The error that appears is in the photo below.
Screenshot
/*!
* Style ColorTip.
* http://jquery.com - http://fwdesign.com.br
*
* Copyright 2013, Jquery.com
* Editado por: Gabriel Lopes (https://www.facebook.com/gabrielopes1);
*
* All rights reserved to this website.
*/
.colorTip {
display: none;
position: absolute;
left: 50%;
bottom: 63px;
font-family:Segoe UI;
font-size: 12px;
font-style: normal;
font-weight:normal;
text-decoration: none;
text-align: center;
text-shadow: 0 0 1px white;
white-space: nowrap;
border-radius: 4px;
margin-top: 30px;
padding:0px 5px;
z-index:9999999999;
}
.colorTipContainer {
position: relative;
text-decoration: none !important;
}
.pointyTip,.pointyTipShadow {
border:6px solid transparent;
bottom:-10px;
height:0;
left:50%;
margin-left:-6px;
position:absolute;
width:0;
}
.pointyTipShadow {
border-width:7px;
bottom:-14px;
margin-left:-7px;
}
.colorTipContainer {
position:relative;
text-decoration:none !important;
}
.yellow .pointyTip {
border-top-color:#000;
}
.yellow .pointyTipShadow {
border-top-color:#000;
}
.yellow .colorTip {
background-color:#000;
border:1px solid #000;
color:#fff;
opacity:0.9;
font-family:Segoe UI;
font-size: 12px;
padding:5px 8px;
text-shadow:#000 0px 1px;
}
.none .pointyTip {
border-top-color:rgba(0,0,0,0.0);
}
.none .pointyTipShadow {
border-top-color:rgba(0,0,0,0.0);
}
.none .colorTip {
background-color:rgba(0,0,0,0.0);
border:1px solid rgba(0,0,0,0.0);
text-shadow:rgba(0,0,0,0.0);
box-shadow: 0px 0px 5px rgba(0,0,0,0.0);
padding:0px;
}
<?php
header('Content-Type: text/html; charset=iso-8859-1');
session_start();
date_default_timezone_set('America/Sao_Paulo');
/* CONEXAO */
include('site_vibe/install/config.php');
/* INSTALAR */
include('site_vibe/install/install.php');
/* MODULOS */
$caminhoModulo = 'site_vibe/modulos/';
include('site_vibe/modulos/Functions.php');
include('site_vibe/modulos/Extras.php');
if(!class_exists('Main')) {
include('site_vibe/modulos/Main.php');
$Main = new Main();
}
if(!class_exists('Site')) {
include('site_vibe/modulos/Site.php');
$Site = new Site();
}
if(!class_exists('Vibe')) {
include('site_vibe/modulos/Vibe.php');
$Vibe = new Vibe();
}
if(!class_exists('Usuario')) {
include('site_vibe/modulos/Usuario.php');
$Usuario = new Usuario();
}
$deleteUsersOn = mysql_query(sprintf("DELETE FROM online WHERE tempo < '%u'", time()));
if(isset($_SESSION['usuario'])){
$onlines_users = mysql_query(sprintf("SELECT * FROM online WHERE usuario='%s'", $_SESSION['usuario']));
$online_users_row = mysql_num_rows($onlines_users);
}else{
$online_users_row = true;
}
$online_visit = mysql_query(sprintf("SELECT * FROM online WHERE ip='%s' AND usuario='visitante'", $_SERVER['REMOTE_ADDR']));
$online_visit_row = mysql_num_rows($online_visit);
if(!$online_visit_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(ip, tempo, usuario) VALUES ('%s', '%s', '%s')", $_SERVER['REMOTE_ADDR'], strtotime('+1 minutes'), 'visitante'));
}
if(!$online_users_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(tempo, usuario) VALUES ('%s', '%s')", strtotime('+1 minutes'), $_SESSION['usuario']));
}
if(Usuario::Logado()):
if(Usuario::Dados('banido') == 'sim'){
session_start();ob_start();session_unset();session_destroy();
}
endif;
$notificacao_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND modo='1'"));
$notificacao_seguidor_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND tipo='seguindo' AND modo='2'"));
/* PRESENCA */
$sql_presenca = db::Query("SELECT * FROM presenca WHERE ativo='s' ORDER BY id DESC");
while($ver_presenca = db::FetchArray($sql_presenca)){
$data_presenca = $ver_presenca['data'];
$id_presenca = $ver_presenca['id'];
if($data_presenca > time() - 300){
echo('');
}else{
db::Query("UPDATE presenca SET ativo='n' WHERE id='$id_presenca' ");
}
}
?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vibe Habbo ~ A vibe dos seus pixels!</title>
<base href="/<?php echo $install['diretorio']; ?>">
<meta http-equiv="content-language" content="pt-br">
<meta name="author" content="Gabriel Lopes">
<meta name="reply-to" content="biellopes1#hotmail.com">
<meta name="description" content="A vibe dos seus pixels!">
<meta name="keywords" content="vibehabbo, fã-site, rádio, música, noticias, habbo, top, forúm, topico, pixel, tirinha, valores, pixel, ducket, cambios, moedas, rico, pobre, divulgue, button, player, parceiros, mobis, mobs, mobilias, raros, gabriel lopes, fwdesign, administradores, locutor, jornalista, moderador, fã-center, pagina inicial, rede socias, facebook, twitter, fw, fwdesign">
<meta name="url" content="http://vibehabbo.com.br"/>
<meta name="Robots" content="index,follow">
<meta name="language" content="pt_BR">
<link rel="shortcut icon" href="imagens/favicon.png" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="VibeHabbo.Com.Br - Feed RRS" href="http://vibehabbo.com.br/feed" />
<!-- Styles -->
<link type="text/css" rel="stylesheet" href="css/fwcss.css"/>
<link type="text/css" rel="stylesheet" href="css/shadowbox.css"/>
<link type="text/css" rel="stylesheet" href="css/colortips.css"/>
<!-- Jquery -->
<script type="text/javascript" src="scripts/jquery.js"</script>
<script type="text/javascript" src="scripts/jquery-nav.js"></script>
<script type="text/javascript" src="scripts/colortip.js"</script>
<script type="text/javascript" src="scripts/jquery.cycle.all.min.js"</script>
<script type="text/javascript" src="scripts/shadowbox.js"</script>
<script type="text/javascript" src="scripts/principal.js"</script>
<!-- HTML 5 -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<style>
#modal { background:#19140D; position:fixed; left:0; right:0; top:0; bottom:0 ;z-index:99999999999999999999999999999999999999999999999;}
#modal #alerta { width:387px; position:fixed; cursor:move; }
</style>
<script>
var Site = '/<?php echo $install['diretorio']; ?>';
</script>
<body>
<div id="content_topo">
<div id="content_player_canto">
<div id="avatar-player" style="width:60px; height:65px; float:left; margin:6px 0 0 1px; background:url(imagens/avatar.png) 1px -13px; cursor:pointer;" onClick="player.atualizar('avatar');">
<div id="botao_mais_locutor_player_canto"></div>
</div>
<div id="content_botao_base_play_pause">
<div id="content_botao_play_pause"><div id="icone_pause_player"></div></div>
</div>
<div id="content_ouvintes">
<div id="total_ouvintes" class="text_total_ouvintes_player ver-ouvintes-player" style="cursor:pointer;" onClick="player.atualizar('ouvintes');">...</div>
<div id="title_ouv_player" class="text_title_ouvintes_player">ouv.</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-locutor-player" style="cursor:pointer;" onClick="player.atualizar('locutor');">carregando</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-programa-player" style="cursor:pointer;" onClick="player.atualizar('programa');"><marquee height="19" scrollamount="4" scrolldelay="4" direction="left">carregando</marquee></div>
</div>
<div id="botao_pedido_player">
<div id="botao_pedido_player_cima"></div>
<div id="insert_botao_text_pedido_player" class="text_botao_pedido_player">Fazer pedido</div>
</div>
</div>
<?php if(!Usuario::Logado()): ?>
<form action="javascript:;" id="form-login">
<div id="content_conta_canto_esq" style="z-index:999999999;">
<div id="content_notificacao_login">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_login">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_login" class="text_titulo_insert_notificacao">login</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Crie sua conta</div>
</div>
<div id="content_insert_notificacao_login">
<div id="insert_titulo_box_login" class="text_titulo_box_lados">E-mail ou nick:</div>
<input type="text" id="username-login" style="width:246px;"/>
<div id="insert_titulo_box_login" class="text_titulo_box_lados">
<div id="botao_esqueceu_senha" class="text_botao_esqueceu_senha">Esqueceu a senha?</div>
Senha:</div>
<input id="password-login"type="password" style="width:246px;"/>
</div>
</div>
<div id="botao_content_notificacao">
<div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao logar-submit">fazer login</div>
</div>
</div>
<div id="insert_conta_canto_esq">
<div id="icone_conta_canto_esq"></div>
</div>
</div>
<?php else: ?>
<!-- inicia logado -->
<div id="content_logado_canto">
<div style="width:60px; height:46px; float:left; margin:3px 0 0 0; background:url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $_SESSION['usuario']; ?>&action=std&direction=2&head_direction=2&gesture=sml&size=b) 1px -13px;">
<div id="botao_editar_dados_logado_canto">
<div id="icone_editar_dados_logado_canto"></div>
</div>
</div>
<div id="content_logado_canto_opcoes">
<!-- inicia notificacao -->
<div id="content_notificacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="icone_insert_notificacao"></div>
<div id="content_title_notificacao" class="text_titulo_insert_notificacao">notificações</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-notificacao-total">
<?php include('Notificacao.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todas notificações</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao seguidores -->
<div id="content_notificacao_solicitacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_solicitacao" class="text_titulo_insert_notificacao">seguidores</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-seguidores-total">
<?php include('Seguidor.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos seguidores</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao marcar presensa -->
<div id="content_notificacao_presenca">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_presenca">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_marcar_presenca" class="text_titulo_insert_notificacao">código de presença</div>
<div id="botao_codigos_hoje_notificacao" class="text_botao_codigos_hoje">Códigos de Hoje</div>
</div>
<div style="height:189px; overflow-x:hidden; overflow-y:auto; clear:both;">
<div id="content_insert_presenca_notificacao">
<div id="insert_title_presenca_notificacao" class="text_insert_title_presenca_notificacao">Digite o Código de presença abaixo</div>
<div id="content_input_botao_codigo_presenca">
<style>
#input_insert_codigo_presenca {width:113px; height:28px; float:left; padding:0px; margin:6px 0 0 16px; background:#D9D9D9; border:none; font-family:Segoe UI; font-size:15px; color:#333; font-weight:bold;}
#input_insert_codigo_presenca:focus, #input_insert_codigo_presenca:hover {border:0px; box-shadow:0px 0px 0px; margin:6px 0 0 16px;}
</style>
<form id="gerar-presenca" action="javascript:;">
<div id="base_input_codigo_presenca"><input id="input_insert_codigo_presenca" type="text"/></div>
<div id="botao_codigo_presenca_gerar">
<div id="insert_botao_codigo_presenca_gerar_title" class="text_insert_botao_presenca_gerar">Gerar código</div>
</div>
</form>
<!--
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
-->
</div>
</div>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos códigos gerados</div></div>
</div>
<!-- encerra notificacao marcar presenca -->
<div id="icone_notificacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-tudo"><?php echo $notificacao_nao_lida; ?></div></div>
<div id="icone_solicitacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-seguidor"><?php echo $notificacao_seguidor_nao_lida; ?></div></div>
<div id="icone_creditos_logado"></div>
<div id="icone_marcar_presenca_logado"></div>
<div id="icone_configuracao_logado"></div>
<div id="icone_home_logado"></div>
<div id="icone_galeria_logado"></div>
<div id="icone_topico_logado"></div>
</div>
<div id="botao_sair_logado_canto" onClick="usuario.deslogar();">
<div id="insert_botao_sair_logado_canto" class="text_sair_logado_canto">sair</div>
</div>
</div>
<!-- encerra logado -->
<?php endif; ?>
<!-- inicia pesquisar -->
<div id="content_pesquisar_canto_esq">
<!-- caixa lado pesquisa -->
<div id="content_pesquisa_canto_esq_lado">
<div id="icone_flecha_content_pesquisa_canto_esq"></div>
<div id="content_insert_pesquisa_principal_canto_esq">
<style>
#input_pesquisar_canto_lado_esq {width:140px; height:20px; padding:0px; float:left; margin:11px 0 0 19px; background:#558EC0; border:none; font-family:Segoe UI; font-size:13px; color:#FFF; line-height:1.0em;}
#input_pesquisar_canto_lado_esq:focus, #input_pesquisar_canto_lado_esq:hover {border:0px; box-shadow:0px 0px 0px; margin:11px 0 0 19px;}</style>
<form action="javascript:;" id="pesquisar-canto">
<input id="input_pesquisar_canto_lado_esq" type="text" value="Pesquisar usuário"/>
</form>
<div id="icone_pesquisa_canto_esq_small"></div>
</div>
</div>
<!-- caixa lado pesquisa -->
<div id="insert_content_pesquisar_canto_esq">
<div id="icone_pesquisar_canto_esq"></div>
</div>
</div>
<!-- encerra pesquisar -->
<div id="insert_content_topo">
<style>
#content_paginacao_slide a {width:13px; height:13px; float:left; margin:0 7px 0 0; background:rgba(500,500,500,0.7); border-radius:100%; cursor:pointer; transition:0.3s;}
#content_paginacao_slide a.activeSlide {width:13px; height:13px; float:left; margin:0 7px 0 0; background:#FF0033; border-radius:100%; cursor:pointer;}
</style>
<div id="content_paginacao_slide" style="position:absolute; z-index:100;">
</div>
<div id="recebe-slide" style="width:552px; height:310px; float:left;">
<div id="imagem_principal_slide" style="background:url(http://imgur.com/Pyp3XCI.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Bem-vindo a versão 3!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">Cadastre-se em nosso site !</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
<div id="imagem_principal_slide" style="background:url(http://i.imgur.com/8pkjwwb.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Facebook da VibeHabbo!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">fica ligando em nosso facebook</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
</div>
<div id="logo_site_principal"></div>
<div id="content_palcos_mobilias_recentes">
<div id="palco_mobilias_recentes_1"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/1.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_2"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/9.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_3"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/8.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_4"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/2.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_5"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/3.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_6"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/6.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_9"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/7.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_7"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/5.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_8"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/4.png) no-repeat center;"></div></div>
</div>
</div>
</div>
<div id="content_base_corpo_site">
<div id="info_barra_corpo_site">
<div id="content_insert_info_barra_corpo_site">
<div id="icone_insert_info_barra_corpo_site"></div>
<div id="insert_text_info_barra_corpo_site" class="text_insert_info_barra_corpo_site">Olá <b>usuários</b>, gostariamos de saber oque acharam do nosso novo site?</div>
</div>
</div>
<div id="corpo_site">
<?php
Site::Paginas('Paginas');
?>
</div>
<div id="content_rodape">
<div id="content_text_creditos_rodape" class="text_creditos_rodape">Copyrights © 2013 - 2014 | Vibe Habbo. Todos os direitos reservados a este site da web. Este site não é de propriedade ou operado pela Sulake Corporation e não é parte do Habbo Hotel®.</div>
<div id="logo_vibe_rodape"></div>
<div id="base_logo_fw_rodape"><div id="logo_fw_rodape"></div></div>
</div>
</div>
</body>
</html>

Here's what your script header tags should look like. Notice how there is a > symbol after each src element. This denotes the closing of the tag.
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery-nav.js"></script>
<script type="text/javascript" src="scripts/colortip.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="scripts/shadowbox.js"></script>
<script type="text/javascript" src="scripts/principal.js"></script>
It's also recommended to use _ instead of spaces in your folder name to help reduce errors. So http://habbomania.esy.es/vibe v3/index.php should be http://habbomania.esy.es/vibe_v3/index.php.

Related

Jquery code to switch navigation tabs not working

I am creating a website, using html, bootstrap css and jquery.
This is the html code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Exo&display=swap">
<link rel="stylesheet" href="styles.css">
<title>TimeGuard</title>
</head>
<body>
<div class="main">
<div>
<nav class="navbar">
<ul id="firstul" class="nav nav-tabs nav-justified">
<li class="nav-item active" style="width:200px"><a class="nav-link"
href="#dashboard">DASHBOARD</a></li>
<li class="nav-item inactive" style="width:200px;"><a class="nav-link"
href="#reports">REPORTS</a></li>
<li class="nav-item inactive" style="width:500px;"><a class="nav-link"
href="#addict">ADDICT SETTINGS</a></li>
</ul>
</nav>
</div>
<div class="tab-content" style="padding:20px;">
<div class="tab-pane fade show active" role="tab-panel" id="dashboard">
<div>
<h1>OVERVIEW</h1>
<div class="container-fluid box">
<div class="row justify-content-around">
<div class="overview col-3">
<div style="font-size:79px;">
00:00:00
</div>
</div>
<div class="overview col-3">
<div style="font-size:79px;">
00
</div>
</div>
</div>
<div class="row justify-content-center" style="margin-top:50px;">
<div class="overview col-3">
<div style="font-size:79px;">
00:00:00
</div>
</div>
</div>
</div>
</div>
<div>
<h1>TARGET WEBSITES</h1>
<div class="box container-fluid">
<div class="row justify-content-center">
<div class="tarweb col-7">
TARGET WEBSITES
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" role="tab-panel" id="reports">
<div class="box">
</div>
</div>
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>
Following is the jquery code, with a purpose to switch the between the navigation tabs (DASHBOARD, REPORTS and ADDICT SETTINGS). But the action does not take place on all the tabs.
$(document).ready(function(){
$("#firstul li.inactive").on("click",function(){
$("#firstul li.active").removeClass("active").addClass("inactive");
$(this).removeClass("inactive").addClass("active");
});
});
I will be glad if someone could help me out.
Also this is the CSS code if required:
body{
font-family: 'Exo', sans-serif;
}
.main{
background-color:rgb(4, 209, 4);
margin:30px;
border-radius:10px;
padding-top: 0px;
padding-bottom:20px;
}
.navbar{
background-color:white;
padding-left:0px;
padding-right:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
.nav-link{
color:black;
}
li{
font-size:25px;
text-align:center;
}
li.active{
background-color: rgb(4, 209, 4);
color:black;
border:5px double;
border-bottom:none;
}
li.inactive{
background-color: green;
}
.box{
border:1px solid rgb(92, 86, 86);
border-radius:10px;
padding:20px;
}
.overview{
background-color: white;
padding:5px;
justify-content:center;
border-radius:50px;
text-align:center;
}
.tarweb{
background-color: white;
padding:5px;
justify-content:center;
border-radius:50px;
}
Try to have look at this entry
I don't think that removing and adding classes is the way to go.
Or is this what you want?
Try:
$(document).ready(function(){
$("#firstul li").on("click",function(){
$("#firstul li").removeClass("active").addClass("inactive");
$(this).removeClass("inactive").addClass("active");
});
});
The problem in your solution is that you do not add the click handler to the active tab item. In the solution above we:
Add the handler to all tab items
On click, inactivate all tab items
Activate only the clicked item

Difficulty with CSS

This is my current plan: making the button with the white circle around, does not even need the WhatsApp icon.
But after so much hitting my head and looking for a solution, I could not find the solution and came for help.
It's coming out like this:
Someone can help me?
The HTML code:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="keywords" content="piauí fábio abreu segurança eleições">
<title>Fábio Abreu</title>
<meta property="og:title" content="Fábio Abreu">
<meta name="twitter:title" content="Fábio Abreu">
<meta name="description" content="Site do deputado federal e secretário de segurança do estado do Piauí, Fábio Abreu.">
<meta property="og:description" content="Site do deputado federal e secretário de segurança do estado do Piauí, Fábio Abreu.">
<meta name="twitter:description" content="Site do deputado federal e secretário de segurança do estado do Piauí, Fábio Abreu.">
<meta property="og:image" content="https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_caecb618-6523-409d-8af6-d31dbd7351b0.png">
<meta name="twitter:image" content="https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_caecb618-6523-409d-8af6-d31dbd7351b0.png">
<meta property="og:image:secure_url" content="https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_caecb618-6523-409d-8af6-d31dbd7351b0.png">
<meta property="og:image:width" content="600">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Fábio Abreu">
<meta property="og:url" content="http://www.fabioabreupi.com.br/">
<meta property="og:type" content="website">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="smUoPpsSNtD2udIYqosIhQyHKaWY5tK49rUhJBLTElTKMCyIgbxE3BAqVwLvADny/9UZ+J6IGf29QvjPM72Fvw==" />
<link rel="stylesheet" media="all" href="/assets/site-dc393f9cdad26bd31342ace6c0e567e3893492c1ec06c16976bea61958ce06ad.css" />
<link rel="stylesheet" media="all" href="/assets/default/css/main-5c3e617fe669fbfd1915fd6ba42ddae97daaf842e3037fde45d55bfdd0f7b4aa.css" />
<link rel="canonical" href="http://www.fabioabreupi.com.br/">
<link rel='shortcut icon' type='image/x-icon' href='https://inovaweb-production.s3.amazonaws.com/attachment/image/original_95e76849-329a-449b-8e1b-f118083035a4.png' /> <link href='https://fonts.googleapis.com/css?family=Roboto Condensed:400,400i,700,700i' rel='stylesheet'> <style>
#TopMenu ul#menu-main li a,#TopMenu ul#menu-main li a span.caret{font-size:14px !important;text-transform:uppercase !important}
#MainHeader{background-color:rgba(0, 0, 0, 0) !important}
h3{font-size:15px !important;font-family:'Roboto Condensed' !important;font-weight:bold !important}
footer#MainFooter{background-color:rgba(255, 255, 255, 1) !important;border-color:rgba(255, 255, 255, 1) !important}
</style>
<style>#TopMenu{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2722ad+28,ff3b21+100 */
background: #2722ad; /* Old browsers */
background: -moz-linear-gradient(left, #2722ad 28%, #ff3b21 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2722ad 28%,#ff3b21 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2722ad 28%,#ff3b21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2722ad', endColorstr='#ff3b21',GradientType=1 ); /* IE6-9 */
}
#menu-main{
padding: 0px 20px 0px 9px;
margin: 0px 20px 0px 9px;
word-spacing: 0px;
}
#menu-main li:last-child{
padding-left: 178px;
}
#menu-main li:last-child{
-moz-box-shadow: 0px 0px 0px 0px #ffffff;
-webkit-box-shadow: 0px -0px 0px 0px #ffffff;
box-shadow: 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #bfb9bf) );
background:-moz-linear-gradient( center top, #f9f9f9 5%, #bfb9bf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#bfb9bf');
background-color:#f9f9f9;
border-radius: 42px;
display:inline-block;
color:#000000;
height:35px;
line-height:26px;
width:178px
text-decoration:none;
text-shadow:0px 0px 6px #ffffff;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bfb9bf), color-stop(1, #f9f9f9) );
background:-moz-linear-gradient( center top, #bfb9bf 5%, #f9f9f9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb9bf', endColorstr='#f9f9f9');
background-color:#bfb9bf;
}.classname:active {
position:relative;
top:44px;
}
}
#menu-main li:nth-last-child(2){
padding-left: 20px;
}
#menu-main li:nth-last-child(3){
padding-left: 20px;
}
#menu-main li:nth-last-child(4){
padding-left: 20px;
}
#menu-main li:nth-last-child(5){
padding-left: 20px;
}
#MainHeader{
padding: 0px 0px 0px 5px;
}
#MainFooter{
background-color: #00004d
}
#GroupList1{
background-color: #ffffff;
box-shadow: none;
}
#lws-homesection-title{
text-align: center;
}
#GroupList2{
display: none;
}</style>
</head>
<body class="palette-red">
<div id="fb-root"></div>
<header id="MainHeader">
<div class="container">
<div class="row vertical-align">
<div class="col-xs-12 col-sm-3">
<div class="LogoArea">
<a href="/" id="BrandImage">
<img src="https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_caecb618-6523-409d-8af6-d31dbd7351b0.png" alt="Fábio Abreu" class="img-responsive center-block">
</a>
</div>
</div>
<div class="col-xs-12 col-sm-9">
<div id="ContactsTop">
</div>
</div>
</div>
</div>
</header>
<nav id="TopMenu" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul id="menu-main" class="nav navbar-nav" data-hover="dropdown" data-animations="zoomIn">
<li>Início</li>
<li>NOTÍCIAS</li>
<li>FOTOS</li>
<li>PROJETOS</li>
<li>BIOGRAFIA</li>
<li>ENTRE EM CONTATO</li>
</ul>
</div>
</div>
</nav>
<div id="mySlide">
<div style="width:100%;" id="bf494d0c-d537-4f36-bdf2-4754dbee0839" class="inner-content-slide carousel slide" data-ride="carousel" data-interval="5000" data-pause="hover"><ol class="carousel-indicators"><li data-target="#bf494d0c-d537-4f36-bdf2-4754dbee0839" data-slide-to="0" class="active"></li><li data-target="#bf494d0c-d537-4f36-bdf2-4754dbee0839" data-slide-to="1" class=""></li><li data-target="#bf494d0c-d537-4f36-bdf2-4754dbee0839" data-slide-to="2" class=""></li></ol><div class="carousel-inner" role="listbox"><div class="item active"><div data-img-height="481" data-img-width="1000" class="item-img" role="img" aria-label="" style="height:500px;background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_f5a4a97f-204c-4538-bc79-d4bed4be75f3.jpeg);background-size:cover"></div></div><div class="item "><div data-img-height="480" data-img-width="1000" class="item-img" role="img" aria-label="" style="height:500px;background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_06fa6929-4e05-4d40-aebd-99233e3852d6.JPG);background-size:cover"></div></div><div class="item "><div data-img-height="488" data-img-width="1000" class="item-img" role="img" aria-label="" style="height:500px;background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_471118d4-7857-496c-b0db-21d5479de784.jpg);background-size:cover"></div></div></div><a class="left carousel-control" href="#bf494d0c-d537-4f36-bdf2-4754dbee0839" role="button" data-slide="prev"><i class="icon-prev"></i><span class="sr-only">Anterior</span></a><a class="right carousel-control" href="#bf494d0c-d537-4f36-bdf2-4754dbee0839" role="button" data-slide="next"><i class="icon-next"></i><span class="sr-only">Próximo</span></a></div>
</div>
<div class="marketing">
<div class="container"><section data-section-area='V10'><div data-section='home-section' data-area='V10' data-section-id='c60fb099-5b76-4835-a254-f7ead8bde197'><div class='lws-homesection-text-image'><div class='row'><div class='col-xs-12 col-sm-12 col-md-6'><img src='https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_edab1478-6055-4a29-aa01-1fe4426e6ff2.png' class='img-responsive'></div><div class='col-xs-12 col-sm-12 col-md-6'><div class='lws-homesection-body'>Ingressou na Polícia Militar do Piauí em 1993 e possui especialização em Segurança Pública pela Universidade Estadual do Piauí em 2013. Ao tempo de sua eleição como deputado federal pelo PTB em 2014, ostentava a patente de capitão. Licenciou-se do mandato no terceiro governo Wellington Dias para assumir a Secretaria de Segurança Pública sendo convocado o suplente Silas Freire. Ingressou na Polícia Militar do Piauí em 1993 e possui especialização em Segurança Pública pela Universidade Estadual do Piauí em 2013. Ao tempo de sua eleição como deputado federal pelo PTB em 2014, ostentava a patente de capitão. Licenciou-se do mandato no terceiro governo Wellington Dias para assumir a Secretaria de Segurança Pública sendo convocado o suplente Silas Freire.
Ingressou na Polícia Militar do Piauí em 1993 e possui especialização em Segurança Pública pela Universidade Estadual do Piauíem 2013. Ao tempo de sua eleição como deputado federal pelo PTB em 2014, ostentava a patente de capitão. Licenciou-se do mandato no terceiro governo Wellington Dias para assumir a Secretaria de Segurança Pública sendo convocado o suplente Silas Freire.
Ingressou na Polícia Militar do Piauí em 1993 e possui especialização em Segurança Pública pela Universidade Estadual do Piauíem 2013. Ao tempo de sua eleição como deputado federal pelo PTB em 2014, ostentava a patente de capitão. Licenciou-se do mandato no terceiro governo Wellington Dias para assumir a Secretaria de Segurança Pública sendo convocado o suplente Silas Freire.</div></div></div></div></div></section></div>
<div id="GroupList1">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div data-iw-group="group1">
<div role="img" aria-label="" style="background-image: url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_6310756a-7f23-4ba3-bedb-2b317c786ed3.png); background-size: cover" data-iw-bg="https://inovaweb-production.s3.amazonaws.com/attachment/image/large_6310756a-7f23-4ba3-bedb-2b317c786ed3.png" data-iw-image="image_group1" data-iw-version="medium" class="area-img"> </div>
<h2 data-iw-line="title_group1">Projetos</h2>
<p data-iw-multiline="body_group1"></p>
<a data-iw-link="link_group1" class=" btn btn-primary" href="categories/projetos" role="button">Saiba mais</a>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div data-iw-group="group2">
<div role="img" aria-label="" style="background-image: url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_b665fc4e-f95d-4b91-9dea-138d5b287022.png); background-size: cover" data-iw-bg="https://inovaweb-production.s3.amazonaws.com/attachment/image/large_b665fc4e-f95d-4b91-9dea-138d5b287022.png" data-iw-image="image_group2" data-iw-version="medium" class="area-img"> </div>
<h2 data-iw-line="title_group2">Biografia</h2>
<p data-iw-multiline="body_group2"></p>
<a data-iw-link="link_group2" class=" btn btn-primary" href="biografia" role="button">Saiba mais</a>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div data-iw-group="group3">
<div role="img" aria-label="" style="background-image: url(https://inovaweb-production.s3.amazonaws.com/attachment/image/large_08c91774-9593-498f-b984-e4ac21991226.png); background-size: cover" data-iw-bg="https://inovaweb-production.s3.amazonaws.com/attachment/image/large_08c91774-9593-498f-b984-e4ac21991226.png" data-iw-image="image_group3" data-iw-version="medium" class="area-img"> </div>
<h2 data-iw-line="title_group3">Fotos</h2>
<p data-iw-multiline="body_group3"></p>
<a data-iw-link="link_group3" class=" btn btn-primary" href="categories/fotos" role="button">Saiba mais</a>
</div>
</div>
</div>
</div>
</div>
<div class="container"><section data-section-area='V20'><div data-section='home-section' data-area='V20' data-section-id='a40ab6b2-e909-4021-99b5-ac1ebde763d7'><h2 class='lws-homesection-title'>Notícias destaque</h2><div class='lws-homesection-resource-list'><div class='row'><div class='col-xs-12 col-sm-6 col-md-4'><div class='lws-homesection-wrapper-item'><div role='img' aria-label='' class='resource-list-post-thumbnail' style='background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_dc88125b-b8f3-4455-bcbc-de7d9d0720ca.jpg);background-size:cover'></div><h4 class='resource-list-title'>Fábio Abreu troca PTB pelo PR e tenta reeleição a deputado federal</h4><div class='resource-list-excerpt'>No evento de filiação ao PR, Fábio Abreu anunciou sua pré-candidatura a deputado federal e afirmou que está preparado para disputar a reeleição. O ...</div><a href='/posts/fabio-abreu-troca-ptb-pelo-pr-e-tenta-reeleicao-a-deputado-federal' class='btn btn-primary'>Veja mais</a></div></div><div class='col-xs-12 col-sm-6 col-md-4'><div class='lws-homesection-wrapper-item'><div role='img' aria-label='' class='resource-list-post-thumbnail' style='background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_d445acdc-1a7f-4b75-a96c-76f3e0cf67d3.jpg);background-size:cover'></div><h4 class='resource-list-title'>Antes de entregar cargo, Fábio Abreu apresenta Plano de Segurança</h4><div class='resource-list-excerpt'>
O documento traça uma linha de trabalho para o setor pelos próximoa s20 anos e prevê investimentos que começam com um empréstimo junto ao BNDES p...</div><a href='/posts/antes-de-entregar-cargo-fabio-abreu-apresenta-plano-de-seguranca' class='btn btn-primary'>Veja mais</a></div></div><div class="hidden-xs col-sm-12 hidden-md hidden-lg"></div><div class='col-xs-12 col-sm-6 col-md-4'><div class='lws-homesection-wrapper-item'><div role='img' aria-label='' class='resource-list-post-thumbnail' style='background-image:url(https://inovaweb-production.s3.amazonaws.com/attachment/image/medium_56e67980-ecd2-444e-a0d9-e2c8a8735420.jpg);background-size:cover'></div><h4 class='resource-list-title'>Fábio Abreu destaca falta de atenção a segurança pública</h4><div class='resource-list-excerpt'>
Em entrevista ao Acorda Piauí, o deputado federal Fábio Abreu (PR), destacou que, enquanto a falta de segurança pública é um dos problemas mais a...</div><a href='/posts/fabio-abreu-destaca-falta-de-atencao-a-seguranca-publica' class='btn btn-primary'>Veja mais</a></div></div><div class="hidden-xs hidden-sm col-md-12 col-lg-12"></div></div></div></div></section></div>
<div id="GroupList2">
<div class="container">
<div class="GL2-item" data-iw-group="group4">
<div class="row">
<div class="col-md-7">
<h2 data-iw-line="title_group4" class="featurette-heading"></h2>
<p data-iw-multiline="body_group4" class="lead"></p>
<a data-iw-link="link_group4" class="hidden btn btn-primary btn-lg" href="" role="button"></a>
</div>
<div class="col-md-5">
<div role="img" aria-label="" style="background-image: url(/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif); background-size: cover" data-iw-image="image_group4" data-iw-version="medium"data-iw-bg="/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif" class="imagem-topicos"></div>
</div>
</div>
</div>
<div class="GL2-item" data-iw-group="group5">
<div class="row">
<div class="col-md-7">
<h2 data-iw-line="title_group5" class="featurette-heading"></h2>
<p data-iw-multiline="body_group5" class="lead"></p>
<a data-iw-link="link_group5" class="hidden btn btn-primary btn-lg" href="" role="button"></a>
</div>
<div class="col-md-5">
<div role="img" aria-label="" style="background-image: url(/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif); background-size: cover" data-iw-image="image_group5" data-iw-version="medium"data-iw-bg="/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif" class="imagem-topicos"></div>
</div>
</div>
</div>
<div class="GL2-item" data-iw-group="group6">
<div class="row">
<div class="col-md-7">
<h2 data-iw-line="title_group6" class="featurette-heading"></h2>
<p data-iw-multiline="body_group6" class="lead"></p>
<a data-iw-link="link_group6" class="hidden btn btn-primary btn-lg" href="" role="button"></a>
</div>
<div class="col-md-5">
<div role="img" aria-label="" style="background-image: url(/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif); background-size: cover" data-iw-image="image_group6" data-iw-version="medium"data-iw-bg="/assets/no-pixel-d69f97510d506fdff62059b955a572bfebc93e9c0a243ec79beaf245e737b59a.gif" class="imagem-topicos"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container"><section data-section-area='V30'></section></div>
</div>
<footer id="MainFooter">
<div class="container">
<div class="lws-home-sections-footer">
<div class="lws-1-col-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12"><section data-section-area='F10'><div data-section='home-section' data-area='F10' data-section-id='f97be27b-c0e9-4229-b584-64ee920ef08a'><img src='https://inovaweb-production.s3.amazonaws.com/attachment/image/original_3939ae3f-43d1-4f63-a724-741c5ae11f47.png' class='img-responsive'></div></section></div>
</div>
</div>
<div class="lws-2-cols-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12 col-sm-6"><section data-section-area='F20'></section></div>
<div class="col-xs-12 col-sm-6"><section data-section-area='F30'></section></div>
</div>
</div>
<div class="lws-4-cols-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F40'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F50'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F60'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F70'></section></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<ul class="contacts_footer list-inline">
<li></li>
<li></li>
<li></li>
</ul>
<p>© 2018 - Fábio Abreu</p>
</div>
<div class="col-xs-12 col-sm-6">
</div>
</div>
<div class="lws-home-sections-footer">
<div class="lws-1-col-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12"><section data-section-area='F80'><div data-section='home-section' data-area='F80' data-section-id='76c13c4e-249f-4cac-b9ae-e2a56220e80c'><div class='lws-homesection-body'>Todos os direitos reservados.
</div></div></section></div>
</div>
</div>
<div class="lws-2-cols-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12 col-sm-6"><section data-section-area='F90'></section></div>
<div class="col-xs-12 col-sm-6"><section data-section-area='F100'></section></div>
</div>
</div>
<div class="lws-4-cols-footer lws-cols-footer-hs">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F110'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F120'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F130'></section></div>
<div class="col-xs-12 col-sm-6 col-md-3"><section data-section-area='F140'></section></div>
</div>
</div>
</div>
</div>
</footer>
<script src="/assets/site-fd70af901fb20b8029f75be40e0f5ff5848d5415b704279fd88ad5bc9c0ec4ec.js"></script>
<script src="/assets/default/js/main-efff309d3722bafb3f5fa5a2092f366e799cac0d724996ca31c7e52b408475ec.js"></script>
<div id="side-social-networks-loguei" role="group" class="list-unstyled btn-group-vertical">
</div>
<aside id="AVS-ContactButtons" class="">
<ul class="list-unstyled">
</ul>
</aside>
<script>
setTimeout(function(){
$('#AVS-ContactButtons ul li a span').css({
right: '-200px'
});
}, 4000);
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1982872918652221',
xfbml : true,
version : 'v2.11'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.onload = function() { fbAsyncInit(); }
js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.11&appId=1982872918652221';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
var NEWSLETTER_URL = '/fabio-abreu-1/newsletters';
var DEFAULT_ADDRESS = '';
$('.iw-contact-form').submit(function(e){
e.preventDefault();var f = $(this);$.ajax({
url:'/contact/fabio-abreu-1?authenticity_token=%2FLURz%2Fx9fdgyLq2zjSHViEkAz%2BQpMcS5Jvvnqwx9hveE4BV55tMP1NS9KKnIquT%2FulL%2FuS9fD%2FxtDD5ALRMRHA%3D%3D',
type:'POST',data:f.serialize(),success:function(){
var redir = $('#iw_redir_loguei_cf').length;
if (redir == 0) {alert('Email enviado com sucesso');f[0].reset();} else {
var to = $('#iw_redir_loguei_cf').val(); window.location=to;
}
},error:function(){alert('Erro ao enviar email');}
});
});
</script>
</body>
</html>
This is the CSS code:
#menu-main li:last-child{
padding-left: 378px;
}
#menu-main li:last-child{
-moz-box-shadow: 0px 0px 0px 0px #ffffff;
-webkit-box-shadow: 0px -0px 0px 0px #ffffff;
box-shadow: 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #bfb9bf) );
background:-moz-linear-gradient( center top, #f9f9f9 5%, #bfb9bf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#bfb9bf');
background-color:#f9f9f9;
border-top-left-radius:42px;
border-radius-topleft:42px;
border-top-left-radius:42px;
border-top-right-radius:42px;
border-radius-topright:42px;
border-top-right-radius:42px;
border-bottom-right-radius:42px;
border-radius-bottomright:42px;
border-bottom-right-radius:42px;
border-bottom-left-radius:42px;
border-radius-bottomleft:42px;
border-bottom-left-radius:42px;
text-indent:0px;
display:inline-block;
color:#000000;
height:35px;
line-height:26px;
width:178px;
text-decoration:none;
text-align:center;
text-shadow:0px 0px 6px #ffffff;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bfb9bf), color-stop(1, #f9f9f9) );
background:-moz-linear-gradient( center top, #bfb9bf 5%, #f9f9f9 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb9bf', endColorstr='#f9f9f9');
background-color:#bfb9bf;
}.classname:active {
position:relative;
top:1px;
}
I would be happy to help, but I would need to see your HTML, so please add it to the question.
I imagine that:
It has too much width
You probably need some margin around it to make it centered more on the navbar
That padding-left: 378px; should likely be margin-left or nothing, as that might be causing the over-sided width
Also, if you want the WhatsApp icon you can check out https://fontawesome.com/icons/whatsapp?style=brands
You can just set border-radius: 42px; instead of doing each corner by itself.
try using float: right; on the button and I think you were trying to use margin-left and not padding-left on #menu-main li:last-child

Site does not load layoutt

Hello I have 2 errors that I do not know how to solve, the layout of it does not load I saw here on inspect site in google it says 2erros but I do not know where it comes from is how to solve them I'm new at it.
Here are the errors:
Uncaught SyntaxError: Unexpected token
Failed to load resource: the server responded with a status of 400 (Bad Request)
Link to my website: http://habbomania.esy.es/vibe_v3/index.php
<?php
header('Content-Type: text/html; charset=iso-8859-1');
session_start();
date_default_timezone_set('America/Sao_Paulo');
/* CONEXAO */
include('site_vibe/install/config.php');
/* INSTALAR */
include('site_vibe/install/install.php');
/* MODULOS */
$caminhoModulo = 'site_vibe/modulos/';
include('site_vibe/modulos/Functions.php');
include('site_vibe/modulos/Extras.php');
if(!class_exists('Main')) {
include('site_vibe/modulos/Main.php');
$Main = new Main();
}
if(!class_exists('Site')) {
include('site_vibe/modulos/Site.php');
$Site = new Site();
}
if(!class_exists('Vibe')) {
include('site_vibe/modulos/Vibe.php');
$Vibe = new Vibe();
}
if(!class_exists('Usuario')) {
include('site_vibe/modulos/Usuario.php');
$Usuario = new Usuario();
}
$deleteUsersOn = mysql_query(sprintf("DELETE FROM online WHERE tempo < '%u'", time()));
if(isset($_SESSION['usuario'])){
$onlines_users = mysql_query(sprintf("SELECT * FROM online WHERE usuario='%s'", $_SESSION['usuario']));
$online_users_row = mysql_num_rows($onlines_users);
}else{
$online_users_row = true;
}
$online_visit = mysql_query(sprintf("SELECT * FROM online WHERE ip='%s' AND usuario='visitante'", $_SERVER['REMOTE_ADDR']));
$online_visit_row = mysql_num_rows($online_visit);
if(!$online_visit_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(ip, tempo, usuario) VALUES ('%s', '%s', '%s')", $_SERVER['REMOTE_ADDR'], strtotime('+1 minutes'), 'visitante'));
}
if(!$online_users_row){
$sql_users = mysql_query(sprintf("INSERT INTO online(tempo, usuario) VALUES ('%s', '%s')", strtotime('+1 minutes'), $_SESSION['usuario']));
}
if(Usuario::Logado()):
if(Usuario::Dados('banido') == 'sim'){
session_start();ob_start();session_unset();session_destroy();
}
endif;
$notificacao_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND modo='1'"));
$notificacao_seguidor_nao_lida = db::NumRows(db::Query("SELECT * FROM notificacao WHERE recebedor='".$_SESSION['usuario']."' AND visto='nao' AND tipo='seguindo' AND modo='2'"));
/* PRESENCA */
$sql_presenca = db::Query("SELECT * FROM presenca WHERE ativo='s' ORDER BY id DESC");
while($ver_presenca = db::FetchArray($sql_presenca)){
$data_presenca = $ver_presenca['data'];
$id_presenca = $ver_presenca['id'];
if($data_presenca > time() - 300){
echo('');
}else{
db::Query("UPDATE presenca SET ativo='n' WHERE id='$id_presenca' ");
}
}
?>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vibe Habbo ~ A vibe dos seus pixels!</title>
<base href="/<?php echo $install['diretorio']; ?>">
<meta http-equiv="content-language" content="pt-br">
<meta name="author" content="Gabriel Lopes">
<meta name="reply-to" content="biellopes1#hotmail.com">
<meta name="description" content="A vibe dos seus pixels!">
<meta name="keywords" content="vibehabbo, fã-site, rádio, música, noticias, habbo, top, forúm, topico, pixel, tirinha, valores, pixel, ducket, cambios, moedas, rico, pobre, divulgue, button, player, parceiros, mobis, mobs, mobilias, raros, gabriel lopes, fwdesign, administradores, locutor, jornalista, moderador, fã-center, pagina inicial, rede socias, facebook, twitter, fw, fwdesign">
<meta name="url" content="http://vibehabbo.com.br"/>
<meta name="Robots" content="index,follow">
<meta name="language" content="pt_BR">
<link rel="shortcut icon" href="imagens/favicon.png" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="VibeHabbo.Com.Br - Feed RRS" href="" />
<!-- Styles -->
<link type="text/css" rel="stylesheet" href="/<?php echo $install['diretorio']; ?>css/fwcss.css?v=1"/>
<link type="text/css" rel="stylesheet" href="/<?php echo $install['diretorio']; ?>css/shadowbox.css?<?php echo filemtime('css/shadowbox.css'); ?>"/>
<link type="text/css" rel="stylesheet" href="/<?php echo $install['diretorio']; ?>css/colortips.css?<?php echo filemtime('css/colortips.css'); ?>"/>
<!-- Jquery -->
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/jquery.js?<?php echo filemtime('scripts/jquery.js'); ?>"></script>
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/jquery-nav.js?<?php echo filemtime('scripts/jquery-nav.js'); ?>"></script>
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/colortip.js?<?php echo filemtime('scripts/colortip.js'); ?>"></script>
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/jquery.cycle.all.min.js?<?php echo filemtime('scripts/jquery-nav.js'); ?>"></script>
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/shadowbox.js?<?php echo filemtime('scripts/shadowbox.js'); ?>"></script>
<script type="text/javascript" src="/<?php echo $install['diretorio']; ?>scripts/principal.js?v=1"></script>
</head>
<style>
#modal { background:#19140D; position:fixed; left:0; right:0; top:0; bottom:0 ;z-index:99999999999999999999999999999999999999999999999;}
#modal #alerta { width:387px; position:fixed; cursor:move; }
</style>
<script>
var Site = '/<?php echo $install['diretorio']; ?>';
</script>
<body>
<div id="content_topo">
<div id="content_player_canto">
<div id="avatar-player" style="width:60px; height:65px; float:left; margin:6px 0 0 1px; background:url(imagens/avatar.png) 1px -13px; cursor:pointer;" onClick="player.atualizar('avatar');">
<div id="botao_mais_locutor_player_canto"></div>
</div>
<div id="content_botao_base_play_pause">
<div id="content_botao_play_pause"><div id="icone_pause_player"></div></div>
</div>
<div id="content_ouvintes">
<div id="total_ouvintes" class="text_total_ouvintes_player ver-ouvintes-player" style="cursor:pointer;" onClick="player.atualizar('ouvintes');">...</div>
<div id="title_ouv_player" class="text_title_ouvintes_player">ouv.</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-locutor-player" style="cursor:pointer;" onClick="player.atualizar('locutor');">carregando</div>
</div>
<div id="content_nome_programa_locutor_player">
<div id="content_insert_nome_programa_locutor_player" class="text_nome_programa_locutor_player ver-programa-player" style="cursor:pointer;" onClick="player.atualizar('programa');"><marquee height="19" scrollamount="4" scrolldelay="4" direction="left">carregando</marquee></div>
</div>
<div id="botao_pedido_player">
<div id="botao_pedido_player_cima"></div>
<div id="insert_botao_text_pedido_player" class="text_botao_pedido_player">Fazer pedido</div>
</div>
</div>
<?php if(!Usuario::Logado()): ?>
<form action="javascript:;" id="form-login">
<div id="content_conta_canto_esq" style="z-index:999999999;">
<div id="content_notificacao_login">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_login">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_login" class="text_titulo_insert_notificacao">login</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Crie sua conta</div>
</div>
<div id="content_insert_notificacao_login">
<div id="insert_titulo_box_login" class="text_titulo_box_lados">E-mail ou nick:</div>
<input type="text" id="username-login" style="width:246px;"/>
<div id="insert_titulo_box_login" class="text_titulo_box_lados">
<div id="botao_esqueceu_senha" class="text_botao_esqueceu_senha">Esqueceu a senha?</div>
Senha:</div>
<input id="password-login"type="password" style="width:246px;"/>
</div>
</div>
<div id="botao_content_notificacao">
<div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao logar-submit">fazer login</div>
</div>
</div>
<div id="insert_conta_canto_esq">
<div id="icone_conta_canto_esq"></div>
</div>
</div>
<?php else: ?>
<!-- inicia logado -->
<div id="content_logado_canto">
<div style="width:60px; height:46px; float:left; margin:3px 0 0 0; background:url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $_SESSION['usuario']; ?>&action=std&direction=2&head_direction=2&gesture=sml&size=b) 1px -13px;">
<div id="botao_editar_dados_logado_canto">
<div id="icone_editar_dados_logado_canto"></div>
</div>
</div>
<div id="content_logado_canto_opcoes">
<!-- inicia notificacao -->
<div id="content_notificacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="icone_insert_notificacao"></div>
<div id="content_title_notificacao" class="text_titulo_insert_notificacao">notificações</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-notificacao-total">
<?php include('Notificacao.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todas notificações</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao seguidores -->
<div id="content_notificacao_solicitacao">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_solicitacao" class="text_titulo_insert_notificacao">seguidores</div>
<div id="botao_configuracoes_notificacao" class="text_botao_configuracao">Configurações</div>
</div>
<div style="height:383px; overflow-x:hidden; overflow-y:auto; clear:both;" id="recebe-seguidores-total">
<?php include('Seguidor.php'); ?>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos seguidores</div></div>
</div>
<!-- encerra notificacao -->
<!-- inicia notificacao marcar presensa -->
<div id="content_notificacao_presenca">
<div id="flecha_content_notificacao"></div>
<div id="insert_notificacao_mostra_presenca">
<div id="titulo_content_notificacao">
<div id="content_title_notificacao_marcar_presenca" class="text_titulo_insert_notificacao">código de presença</div>
<div id="botao_codigos_hoje_notificacao" class="text_botao_codigos_hoje">Códigos de Hoje</div>
</div>
<div style="height:189px; overflow-x:hidden; overflow-y:auto; clear:both;">
<div id="content_insert_presenca_notificacao">
<div id="insert_title_presenca_notificacao" class="text_insert_title_presenca_notificacao">Digite o Código de presença abaixo</div>
<div id="content_input_botao_codigo_presenca">
<style>
#input_insert_codigo_presenca {width:113px; height:28px; float:left; padding:0px; margin:6px 0 0 16px; background:#D9D9D9; border:none; font-family:Segoe UI; font-size:15px; color:#333; font-weight:bold;}
#input_insert_codigo_presenca:focus, #input_insert_codigo_presenca:hover {border:0px; box-shadow:0px 0px 0px; margin:6px 0 0 16px;}
</style>
<form id="gerar-presenca" action="javascript:;">
<div id="base_input_codigo_presenca"><input id="input_insert_codigo_presenca" type="text"/></div>
<div id="botao_codigo_presenca_gerar">
<div id="insert_botao_codigo_presenca_gerar_title" class="text_insert_botao_presenca_gerar">Gerar código</div>
</div>
</form>
<!--
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
<div id="total_pontos_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">Você gerou 1 PONTO</div>
<div id="total_horas_gerados_presenca_notificacao" class="text_total_pontos_horas_gerados_presenca">há 22 horas</div>
-->
</div>
</div>
</div>
</div>
<div id="botao_content_notificacao"><div id="content_title_botao_vermais_notificacao" class="text_botao_vermais_notificacao">ver todos códigos gerados</div></div>
</div>
<!-- encerra notificacao marcar presenca -->
<div id="icone_notificacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-tudo"><?php echo $notificacao_nao_lida; ?></div></div>
<div id="icone_solicitacao_logado"><div id="content_total_notificacoes" class="text_total_notificacoes total-notificao-seguidor"><?php echo $notificacao_seguidor_nao_lida; ?></div></div>
<div id="icone_creditos_logado"></div>
<div id="icone_marcar_presenca_logado"></div>
<div id="icone_configuracao_logado"></div>
<div id="icone_home_logado"></div>
<div id="icone_galeria_logado"></div>
<div id="icone_topico_logado"></div>
</div>
<div id="botao_sair_logado_canto" onClick="usuario.deslogar();">
<div id="insert_botao_sair_logado_canto" class="text_sair_logado_canto">sair</div>
</div>
</div>
<!-- encerra logado -->
<?php endif; ?>
<!-- inicia pesquisar -->
<div id="content_pesquisar_canto_esq">
<!-- caixa lado pesquisa -->
<div id="content_pesquisa_canto_esq_lado">
<div id="icone_flecha_content_pesquisa_canto_esq"></div>
<div id="content_insert_pesquisa_principal_canto_esq">
<style>
#input_pesquisar_canto_lado_esq {width:140px; height:20px; padding:0px; float:left; margin:11px 0 0 19px; background:#558EC0; border:none; font-family:Segoe UI; font-size:13px; color:#FFF; line-height:1.0em;}
#input_pesquisar_canto_lado_esq:focus, #input_pesquisar_canto_lado_esq:hover {border:0px; box-shadow:0px 0px 0px; margin:11px 0 0 19px;}</style>
<form action="javascript:;" id="pesquisar-canto">
<input id="input_pesquisar_canto_lado_esq" type="text" value="Pesquisar usuário"/>
</form>
<div id="icone_pesquisa_canto_esq_small"></div>
</div>
</div>
<!-- caixa lado pesquisa -->
<div id="insert_content_pesquisar_canto_esq">
<div id="icone_pesquisar_canto_esq"></div>
</div>
</div>
<!-- encerra pesquisar -->
<div id="insert_content_topo">
<style>
#content_paginacao_slide a {width:13px; height:13px; float:left; margin:0 7px 0 0; background:rgba(500,500,500,0.7); border-radius:100%; cursor:pointer; transition:0.3s;}
#content_paginacao_slide a.activeSlide {width:13px; height:13px; float:left; margin:0 7px 0 0; background:#FF0033; border-radius:100%; cursor:pointer;}
</style>
<div id="content_paginacao_slide" style="position:absolute; z-index:100;">
</div>
<div id="recebe-slide" style="width:552px; height:310px; float:left;">
<div id="imagem_principal_slide" style="background:url(http://imgur.com/Pyp3XCI.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Bem-vindo a versão 3!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">Cadastre-se em nosso site !</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
<div id="imagem_principal_slide" style="background:url(http://i.imgur.com/8pkjwwb.png);">
<div id="contagem_segundos_slide" class="text_contagem_segundos_slide" style="opacity:0.0;">Próximo slide: <b>10S</b></div>
<div id="content_info_slide">
<div id="barra_carregando_slide_normal">
<div id="barra_carregando_slide_carregado" style="width:190px;"></div>
</div>
<div id="insert_content_info_slide">
<div id="insert_text_info_slide">
<div id="insert_text_info_slide_grande" class="text_insert_info_slide_grande">Facebook da VibeHabbo!</div>
<div id="insert_text_info_slide_pequeno" class="text_insert_info_slide_pequeno">fica ligando em nosso facebook</div>
</div>
<div id="botao_mais_info_slide">
<div id="botao_mais_info_slide_cima"></div>
<div id="insert_botao_text_info_slide" class="text_botao_mais_info_slide">Ir para o site</div>
</div>
</div>
</div>
</div>
<!-- fim slide -->
</div>
<div id="logo_site_principal"></div>
<div id="content_palcos_mobilias_recentes">
<div id="palco_mobilias_recentes_1"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/1.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_2"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/9.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_3"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/8.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_4"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/2.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_5"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/3.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_6"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/6.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_9"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/7.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_7"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/5.png) no-repeat center;"></div></div>
<div id="palco_mobilias_recentes_8"><div id="base_mobilia_palco_1" style="background:url(imagens/mobis_recentes/4.png) no-repeat center;"></div></div>
</div>
</div>
</div>
<div id="content_base_corpo_site">
<div id="info_barra_corpo_site">
<div id="content_insert_info_barra_corpo_site">
<div id="icone_insert_info_barra_corpo_site"></div>
<div id="insert_text_info_barra_corpo_site" class="text_insert_info_barra_corpo_site">Olá <b>usuários</b>, gostariamos de saber oque acharam do nosso novo site?</div>
</div>
</div>
<div id="corpo_site">
<?php
Site::Paginas('Paginas');
?>
</div>
<div id="content_rodape">
<div id="content_text_creditos_rodape" class="text_creditos_rodape">Copyrights © 2013 - 2014 | Vibe Habbo. Todos os direitos reservados a este site da web. Este site não é de propriedade ou operado pela Sulake Corporation e não é parte do Habbo Hotel®.</div>
<div id="logo_vibe_rodape"></div>
<div id="base_logo_fw_rodape"><div id="logo_fw_rodape"></div></div>
</div>
</div>
</body>
</html>

Failed to load site

<?php
require_once("core/config.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Slent">
<meta name="msvalidate.01" content="1A6F186BE63EEA129AB7C25BB82391D1">
<title><?php echo $nombre; ?> - Tus pixeles en buenas manos</title>
<link href="<?php echo $url; ?>media/css/origem.css" rel="stylesheet" type="text/css">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo $url; ?>media/scripts/general.js"></script>
</head>
<body>
<div id="bar_blue"></div>
<div id="banner_itens">
<div id="alinha">
<div id="space_public">
</div>
<!-- <div id="login">
<form id="form_login" action="<?php echo $url; ?>index.php#" method="post">
<div id="espaco_inputs">
<input id="user_login" type="text" placeholder="Usuario" onclick="if(this.value=='Usuario') this.value=''" onblur="if(this.value=='') this.value='Usuario'">
<input id="pass_login" type="password" placeholder="Usuário">
<div class="forget">¿Olvidó su contraseña?</div>
</div>
<div id="opcoes">
<input id="logar_s" value=" " type="submit">
<div id="cadastro"></div>
</div>
</form>
</div> -->
</div>
</div>
<div id="bar_fine">
<div style="width:1000px; margin:0pt auto;">
<div id="text"><span class="last_tweet"><!-- Carregando último tweet... --></span>
<div class="back_form">
<div id="twitter_div">
<div id="twitter_update_list">
</div>
</div>
</div></div>
</div>
</div>
<div id="menu">
<div style="width:1000px; margin:0pt auto;">
<div id="seta_right" style="cursor: pointer;"></div>
<div id="text">
<div style="width:99999px; height:auto;" id="menu_cell">
<div class="item"> Inicio </div>
<div class="item"><a rel="c_tropihabbo" href="<?php echo $url; ?>index.php#"> <?php echo $nombre; ?> </a></div>
<div class="item"> Catálogo </div>
<div class="item"><a rel="c_pixelart" href="<?php echo $url; ?>equipe"> Equipe</a></div>
<div class="item"><a rel="c_habbohotel" href="<?php echo $url; ?>habbo">Habbo</a></div>
</div>
<div id="m_tropihabbo" class="submenu_item" style="margin-top:40px; margin-left:30px;">
<li>Equipo</li>
<li>Historia</li>
</div>
<div id="m_habbohotel" class="submenu_item" style="margin-top:40px; margin-left:270px;">
<li>Habbo Hotel</li>
</div>
<div id="m_fancenter" class="submenu_item" style="margin-top:40px; margin-left:58px;">
<li>Habbo Imager</li>
<li>Generador de Memes</li>
<li>Generador de Besos</li>
</div>
<div id="m_ajuda" class="submenu_item" style="margin-top:40px; margin-left:128px;">
<li><script language="JavaScript"> function abrir(URL) { var width = 623; var height = 513; var left = 99; var top = 99; window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no'); } </script>Contato</li>
</div>
<div id="m_opcoes" class="submenu_item" style="margin-top:40px; margin-left:200px;">
<li>Regístrate!</li>
</div>
<div id="m_pixelart" class="submenu_item" style="margin-top:40px; margin-left:-35px;">
<li>Oficina de pixel arts</li>
</div>
</div>
<div id="seta_left" style="opacity: 0.5; cursor: pointer;"></div>
</div>
</div>
<div id="bar_gray">
<div style="width:1000px; margin:0pt auto; height:121px;">
<div id="content">
<?php $lol = mysql_query("SELECT * FROM noticias LIMIT 3"); while($data = mysql_fetch_assoc($lol)){?><div id="evento">
<div id="imagem" style="background: url(<?php echo $data['imagen']; ?>) center;"></div>
<div id="titulo"><?php echo utf8_decode($data['nombre']); ?></div>
</div><?php } ?>
</div>
</div>
</div>
<div id="content_init">
<?php if($page == 'catalogo' || $page == 'panel'){?>
<style>
#item_cat {
width:222px;
height:26px;
float:left;
margin-top:1px;
background: url(<?php echo $url; ?>media/imagens/item_valores_cat.png);
}
#item_cat .titulo {
width:190px;
height:12px;
margin-top:6px;
float:left;
margin-left:3px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#666;
text-shadow:1px 1px #ECECEC;
text-align:left;
}
#item_cat .titulo a {
color:#666;
}
#espaco_todo {
width:681px;
height:auto;
overflow:hidden;
margin:0px auto;
}
#item_cotacao {
width:224px;
height:43px;
background: url(<?php echo $url; ?>media/imagens/item_valores.png);
float:left;
margin-right:3px; margin-top:3px;
}
#item_cotacao .imagem {
width:34px;
height:40px;
float:left;
margin-left:3px;
background-position: center;
background-repeat: no-repeat;
}
#item_cotacao .dados {
width:160px;
height:40px;
float:left;
margin-left:2px;
overflow:hidden;
}
#item_cotacao .dados .titulo {
width:160px;
height:14px;
float:left;
margin-top:3px;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#004A5E;
text-shadow:1px 1px #FFF;
}
#item_cotacao .dados .descricao {
width:160px;
height:14px;
float:left;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#999999;
text-shadow:1px 1px #FFF;
}
#item_cotacao .icon_up {
width:11px;
height:14px;
float:left;
margin-left:4px;
margin-top:12px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png);
}
#item_cotacao .icon_down {
width:11px;
height:14px;
float:left;
margin-left:4px;
margin-top:12px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png) +22px;
}
#item_cotacao .icon_stop {
width:9px;
height:10px;
float:left;
margin-left:4px;
margin-top:15px;
background-repeat: no-repeat;
background: url(<?php echo $url; ?>media/imagens/icons_cotacao.png) +10px;
}
</style>
<?php } ?>
<div id="left">
<?php if($page == 'normal' || $page == 'reglas' || $page == 'noticias'){?>
<div id="player_left">
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="items_avatar">
<div class="avatar" style="background-image: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $radio_locutor; ?>&action=std&direction=2&head_direction=3&gesture=sml&size=s); background-position: 0px 0px; background-repeat: initial initial;"></div>
<div id="items">
<div class="locutor">
<div class="texto"><?php echo $radio_locutor; ?></div>
</div>
<div class="programa">
<div class="texto"><?php echo $radio_programa; ?></div>
</div>
</div>
<div id="outros">
<div id="botoes">
<?php if(!isset($_SESSION['radio'])){$_SESSION['radio'] = 'play';} if($_SESSION['radio'] == 'play'){ echo '<iframe src="http://tropihabbo.es/player.php" width="0" height="0" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" style="margin: 0; padding: 0;" allowtransparency="true"></iframe><br />'; } ?>
<div class="play"></div>
<div class="pause"></div>
</div>
</div>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Catálogo</div>
<?php
$lolol = mysql_query("SELECT * FROM items_catalogo ORDER BY RAND() LIMIT 3");
while($data = mysql_fetch_assoc($lolol)){?>
<div id="item_valores_left">
<div class="imagem" style="background: url(<?php echo $data['imagen']; ?>) center no-repeat;"></div>
<div class="dados">
<div class="titulo"><?php echo utf8_decode($data['nombre']); ?></div>
<div class="descricao"><?php echo $data['precio']; ?></div>
</div>
<?php if($data['actual'] == '0'){?>
<div class="icon_down"></div>
<?php } elseif($data['actual'] == '1'){?>
<div class="icon_stop"></div>
<?php } elseif($data['actual'] == '2'){?>
<div class="icon_up"></div>
<?php } ?>
</div><?php } ?>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Habbo destacado</div>
<?php $lol2 = mysql_fetch_assoc(mysql_query("SELECT * FROM habbo_destacado LIMIT 1"));?>
<div id="users_highlights">
<div class="avatar" style="background: url(https://www.habbo.com.br/habbo-imaging/avatarimage?img_format=gif&user=<?php echo $lol2['nombre']; ?>&action=crr=2&direction=2&head_direction=3&gesture=sml) -10px;"></div>
<div class="dados">
<div class="habbo"><?php echo $lol2['nombre']; ?></div>
<div class="descricao"><?php echo utf8_decode($lol2['cuerpo']); ?></div>
</div>
</div>
</div>
</div>
<div id="box">
<div id="content">
<div id="top">Publicidad</div></div></div><?php }elseif($page == 'catalogo'){ ?>
<div id="box">
<div id="content">
<div id="top">Categorías</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/c9bf51af242c7599d6fcedc6f2d95faa.png) center no-repeat;"></div>
<div class="titulo">Ecotron</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/4e81c31d0917d11c3f92efc91fbff3c7.png) center no-repeat;"></div>
<div class="titulo">Furni Matic</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/1c20dc66af8c60981d8875c603621d7b.png) center no-repeat;"></div>
<div class="titulo">Galería</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/3db82150e984d679e97b967ff3464a17.png) center no-repeat;"></div>
<div class="titulo">Habbo Cambio</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/531dd47769045b3264baea26f9383116.png) center no-repeat;"></div>
<div class="titulo">Mega raros</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/50d87cd92bd4403f22fb76ec7b2e2ddf.png) center no-repeat;"></div>
<div class="titulo">Raros</div>
</div>
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/b8bb1bccbd823e85b7e50249c0b3609e.png) center no-repeat;"></div>
<div class="titulo">Raros del HC</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/4782311b2736911fa77adfeddc6020ac.png) center no-repeat;"></div>
<div class="titulo">Raros edición limitada</div>
</div>
<div id="item_cat">
<div style="width:26px; height:26px; float:left; background: url(<?php echo $url; ?>media/upload/valores/76f2cc0821e9260d21b93391c6645468.png) center no-repeat;"></div>
<div class="titulo">Regalos del HC</div>
</div>
</div>
</div>
<?php }elseif($page == 'panel'){ ?>
<div id="box">
<div id="content">
<div id="top">Categorías</div>
<div id="item_cat">
<div class="titulo">Administrar noticias</div>
</div>
<div id="item_cat">
<div class="titulo">Crear noticias</div>
</div>
<div id="item_cat">
<div class="titulo">Administradores</div>
</div>
<div id="item_cat">
<div class="titulo">Administrar catálogo</div>
</div>
<!-- //Cms sin nombre xD. Por MoNiKoS. !-->
<div id="item_cat">
<div class="titulo">Editar Habbo Destacado</div>
</div>
<div id="item_cat">
<div class="titulo">Desconectarse</div>
</div>
</div>
</div>
<?php } ?>
</div>
<?php if($page == 'normal'){?>
<div id="center">
<!-- <div id="fred_inicial"></div> !-->
<?php } else {?>
<div id="center">
<?php } ?>
Hello, I have a problem with my site, it does not load layout and I don't know how to solve this error :
Failed to load resource: net :: ERR_NAME_NOT_RESOLVED
I'll be leaving my site link for you to see how you are and the code
Link:http://www.habbomania.esy.es/menu.php
The error that you are getting in console/network tab is two files not being able to load, due to an incorrect URL. The URL It's trying to goto is
http://xn--link%20do%20seu%20f%20site-6gc/media/css/origem.css
Failed to load resource: net::ERR_NAME_NOT_RESOLVED
And
http://xn--link%20do%20seu%20f%20site-6gc/media/scripts/general.js
Failed to load resource: net::ERR_NAME_NOT_RESOLVED
These are being called from
<link href="<?php echo $url; ?>media/css/origem.css" rel="stylesheet" type="text/css">
And likewise with the JS file,
<script type="text/javascript" src="<?php echo $url; ?>media/scripts/general.js"></script>
Correct the $url variable to point to the correct address for these files and then you will no longer get the error.

How to extract content inside the javascript while scraping through a webpage using BeautifulSoup

I want to extract CustomerRatings out of this which is in "img class=BVImgOrSprite" using BeautifulSoup but not able to get it.
I read somewhere that BS only parse HTML content not the JS part. How should i proceed with it.
For traversing quickly look for ModuleId 372309 which i want to scrape. Thanks!!
<!DOCTYPE html>
<html lang="en-US" "="">
<head></head>
<body id="WalmartBodyId" class="WalmartMainBody DynamicMode wmItemPage" onload="handleLocationHash();" style="">
<iframe style="visibility:hidden;width:1px;height:1px;position:absolute;left:-999px;top:-999px;" src="http://walmart.ugc.bazaarvoice.com/1336/crossdomain.htm?format=embedded#origin=http%3A%2F%2Fwww.walmart.com"></iframe>
<script type="text/javascript"></script>
<script type="text/javascript" language="JavaScript"></script>
<div class="PageContainer">
<img class="WalmartLogo scrHid" width="145" height="62" border="0" style="float:none;margin-bottom:1px" src="http://i2.walmartimages.com/i/catalog/modules/G0040/wmlogo.gif"></img>
<div class="prtHid"></div>
<!--
end header
-->
<div class="MidContainer">
<div class="ItemPage clearfix" role="main">
<!--
ModuleId 372264
FileName #itemPageSingleRowContai…
-->
<!--
Start multiRowsContainer
-->
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix" itemtype="http://schema.org/Product" itemscope="">
<!--
ModuleId 372268
FileName #mainInfoTwoColsContaine…
-->
<!--
Start: mainInfoTwoColsContainer
-->
<script type="text/javascript"></script>
<div class="columnOne"></div>
<div class="columnTwo">
<!--
Main Additional Information
-->
<!--
Start mainInfoTwoColsContainer
-->
<!--
This DIV is used as the parent container of fly-o…
-->
<div id="Zoomer-big"></div>
<div>
<!--
ModuleId 372278
FileName #multiContainers
-->
<!--
Start multiRowsContainer MP
-->
<div class="multiRow">
<!--
ModuleId 372279
FileName #swMultiRowsContainer
-->
<form onsubmit="return ItemPage.validateSubmit(this, true);" action="/catalog/select_product.do" method="GET" name="SelectProductForm">
<input type="hidden" value="34083867" name="product_id"></input>
<input type="hidden" value="0" name="seller_id"></input>
<!--
Start multiRowsContainer MP
-->
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix">
<!--
ModuleId 372283
FileName #swSingleRowContainer1
-->
<!--
Start singleRowsContainer MP
-->
<style type="text/css"></style>
<!--
ModuleId 372309
FileName #CustomerRatingsLeftTop
-->
<script type="text/javascript"></script>
<div class="CustomerRatings">
<div id="BVCustomerRatings" class="BVBrowserFF">
<div class="BVRRRootElement">
<div class="BVRRRatingSummary BVRRPrimaryRatingSummary">
<div class="BVRRRatingSummaryStyle2">
<div class="BVRRRatingSummaryHeader"></div>
<div class="BVRROverallRatingContainer">
<div class="BVRRRatingContainerStar">
<div class="BVRRRatingEntry BVRROdd">
<div id="BVRRRatingOverall_" class="BVRRRating BVRRRatingNormal BVRRRatingOverall">
<div class="BVRRLabel BVRRRatingNormalLabel"></div>
<div class="BVRRRatingNormalImage">
<img class="BVImgOrSprite" width="75" height="15" title="3.4 out of 5" alt="3.4 out of 5" src="http://walmart.ugc.bazaarvoice.com/1336/3_4/5/rating.png"></img>
</div>
<div class="BVRRRatingNormalOutOf"></div>
</div>
</div>
</div>
</div>
<div id="BVRRRatingsHistogramButton_pyl3wq4v0hkzvqlgmib3ufvcl_ID" class="BVRRRatingsHistogramButton"></div>
<span class="BVRRCustomRatingSummaryCountContainer"></span>
<div class="BVRRSecondaryRatingsContainer"></div>
<div class="BVRRBuyAgainContainer"></div>
<div class="BVRRSecondaryRatingsContainer"></div>
<div class="BVRRRatingSummaryLinks"></div>
</div>
</div>
<a id="BVSubmissionLink" href="javascript://" data-bvjsref="http://walmart.ugc.bazaarvoice.com/1336/34083867/writereview…url=http%3A%2F%2Fwww.walmart.com%2Fcservice%2FwriteReview.do" data-bvcfg="574213729" style="display: none;"></a>
</div>
</div>
</div>
<!--
End: Customer Ratings Left Top
-->
<!--
ModuleId 372312
FileName #mpProductDetailsSummary…
-->
<div class="prtHid"></div>
<!--
ModuleId 372313
FileName #mpSecondaryButtons3
-->
<div class="prtHid"></div>
<!--
End singleRowsContainer
-->
</div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
<div class="multiRow clearfix"></div>
</form>
<!--
End multiRowsContainer
-->
</div>
<div class="multiRow"></div>
<!--
End multiRowsContainer
-->
</div>
<!--
End mainInfoTwoColsContainer
-->
</div>
<!--
End: mainInfoTwoColsContainer
-->
</div>
<!--
End multiRowsContainer
-->
</div>
<div id="BottomAds" class="BottomAds" style="position: relative;left:200px"></div>
<!--
Start: R13.5 OSO - Sticky add to cart panel
-->
<div class="executeJS" style="display: hidden;"></div>
<!--
End: R13.5 OSO - Sticky add to cart panel
-->
<div id="emailMeOverlay" class="wm-widget-overlay-template" style="overflow: hidden" title="Notify me when it's back in stock"></div>
</div>
<script language="javascript"></script>
<div id="ROLLOVER" zindex="100000" style="display:none; text-align:left;" _pointermargin="-9px 0px 0px 10px" bubblemargin="5px 0 0 0" applyto="#ROLLOVER" pointer="true" bubbleposition="top" closebubbleonevent="mouseout" openbubbleonevent="mouseover" bubbleclassname="wm-widget-bubble-blue1px"></div>
<script type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="http://i2.walmartimages.com/css/quicklook_btn.css"></link>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script type="text/javascript" src="http://www.walmart.com/c/midas/loader.js"></script>
<script type="text/javascript" src="//www.walmart.com/c/midas/hl.js"></script>
<style type="text/css"></style>
<script type="text/javascript" src="http://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" src="//www.google.com/ads/search/module/ads/3.0/beb93033d95ef74abd29c04a5d16f4dbee1ccd0a/n/search.js"></script>
<script type="text/javascript" src="//www.walmart.com/c/midas/m_ip.js"></script>
<style type="text/css"></style>
<div id="ipAdsenseContainer"></div>
<script type="text/javascript"></script>
<!--
start footer
-->
<div class="prtHid"></div>
</div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 0px; position: absolute; display: none;"></div>
<div class="prtHid"></div>
<!--
Start Pinterest call
-->
<script type="text/javascript"></script>
<!--
End Pinterest call
-->
<!--
-->
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script src="/__ssobj/static/ss-walmart.min.31246.js"></script>
<script></script>
<script></script>
<script></script>
<!--
MERGED
-->
<script id="ss-descriptors" type="text/javascript"></script>
<!--
SSSV
-->
<script></script>
<script></script>
<script></script>
<script></script>
<ul class="ui-autocomplete ui-menu ui-widget ui-corner-all ui-widget-autocomplete" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 12; top: 0px; left: 0px; display: none;"></ul>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 5px 0px 0px; position: absolute; display: none;"></div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 5px 0px 0px; position: absolute; display: none;"></div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 5px 0px 0px; position: absolute; display: none;"></div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 0px; position: absolute; display: none;"></div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 0px; position: absolute; display: none;"></div>
<div class="wm-widget-bubble-blue1px wm-widget-bubble-pt-show-bottom" style="margin: 5px 0px 0px; position: absolute; display: none;"></div>
<div id="stickyAddtoCart"></div>
<img src="http://beacon.walmart.com:80/p13n/site/irs/beacon.gif?visito…ince_response=5831&time_since_init=0&timestamp=1397377059098" style="position: absolute; width: 0px; height: 0px; top: -1234px; left: -1234px;"></img>
<img src="http://beacon.walmart.com:80/p13n/site/irs/beacon.gif?visito…ce_init=219&time_since_response=6050&timestamp=1397377059317" style="position: absolute; width: 0px; height: 0px; top: -1234px; left: -1234px;"></img>
<img src="http://beacon.walmart.com:80/p13n/site/irs/beacon.gif?visito…ce_init=333&time_since_response=6164&timestamp=1397377059431" style="position: absolute; width: 0px; height: 0px; top: -1234px; left: -1234px;"></img>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all" style="display: none; z-index: 50300; outline: 0px none;" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-rmvideoPanel"></div>
<iframe id="google_osd_static_frame_9801270172171" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>
</body>
</html>
<!--
end footer
-->
You should probably check out Webkit or Spynner (got those from this SO question)- I've had a positive experience with PhantomJS for scraping content generated by JS in the past but it's not quite Python.

Categories