Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 18.02.15 0:56
Detalhes da dúvida
Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
- Imagem da minha dúvida:
Membros afetados : Todos os membros do fórum
Problema começou : Desde o surgimento da nossa necessidade de estabelecer um sistema monetário.
Endereço do fórum : http://marvelrpg.forumeiro.com/
Descrição do problema
Então, eu precisava de ajuda aqui com uma coisa bem séria. Eu estou tentando utilizar uma Loja no meu fórum, para os players comprarem os itens que os personagens vão portar. A Loja em si está funcionando perfeitamente, ela gera MPs que são enviadas às contas necessárias. O único problema é que nós estamos preocupados com alguns usuários pedindo mais itens do que eles realmente podem pagar, pois na loja não há um campo para mostrar quanto dinheiro eles têm.Sendo assim, a dúvida é a seguinte: Tem alguma forma de eu mostrar a quantidade de dinheiro que um personagem tem nessa página da loja? Eu já criei o campo Dinheiro, modificável apenas pela staff, tanto no perfil quanto na ficha de personagem, mas eu queria mostrar NA LOJA, mesmo sabendo que provavelmente seria impossível que ao comprar o item ele já subtraísse o valor do dinheiro do player, a ideia é apenas mostrar pra ele quanto dinheiro ele tem ao seu dispor e depois nós, a staff, tiraríamos a diferença manualmente.
Pensei em colocar toda aquela parte que mostra o avatar, informações do perfil e ficha do personagem nos tópicos, ali na loja, mas não sei se seria possível, então pelo menos o campo Dinheiro eu queria deixar visível, nem que seja como na imagem em anexo, na barrinha do forumeiros. Qualquer coisa já ajuda, eu só preciso de uma forma de deixar claro para o player, na própria página da Loja, quanto dinheiro ele tem, sem ser preciso ele voltar ao perfil e etc. Já pensei em copiar o código dos Templates do fórum, mas não obtive resultado, não há como chamar nem mesmo Convidado na página da loja, muito menos algo como a quantidade de dinheiro que o usuário possui.
Já cogitei até mesmo fixar no theme do fórum a ficha de personagem em algum canto, para que sempre estivesse visível, mas não tenho ideia de como fazer isso... Pensei em muitas alternativas, mas não possuo conhecimento para ir além com nenhuma delas, por isso estou aqui buscando a ajuda de vocês.
Segue o código html da loja que estou utilizando:
- Código:
<div id="main"><div id="main-content"><div class="module main a49c32db" style="overflow:visible"><div class="main-content" style="padding:0"><div style="clear:both;"></div><style type="text/css">html body .mc8bae6,html body .mc8bae6 iframe,html body iframe[name="google_ads_frame"],html body .mc8bae6 iframe[name="google_ads_frame"],html body #wrap #page-body div.mc8bae6,html body #page-body .mc8bae6{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .mc8bae6,html body .mc8bae6 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .mc8bae6 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{
margin-top: 5px;
margin-left: 60px;
background-image: url("http://i.imgur.com/0pccVmw.jpg");
height: 410px;
width: 690px;
font-size: 25px;
color: black;
padding: 20px 15px;
margin-bottom: 20px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 2px #999;
border-radius: 4px;
text-align: center;
}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;postion:relative;right:-10px;}
.title{
font-weight: bold;
font-size: 12px;
color: #303030;
margin: 5px;
}
.image img{padding-top: 13px;height:40px;width:40px;}
.image{text-align:center;}
.points{
background: url(http://s6.tinypic.com/286sfuu_th.jpg) no-repeat;
padding-bottom: 5px;
padding-left: 18px;
color:#242424;
font-weight:bold;
font-size:11px;
float:left;
text-align:center;
}
.sale{color:green;font-style: italic;font-size:11px;float:right;text-align:center;}
.item{width:188px;min-height:195px;border:1px solid #CECECE;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{
float: left;
margin-left: -10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: #E9E9E9;
border: 1px solid #CECECE;
border-left: 0;
width: 92.3%;
text-align: left;
margin-top: 30px;
margin-bottom: 5px;
}
.description {color: #242424;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:center;width:850px;height:auto;overflow:hidden;margin-left:20px}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: -50;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid gray;
height: 210px;
background: white;}
.cartWrapper{position: fixed;right:0;bottom:30px;float:right;width:280px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
text-align: center;
background: white;
border-top: 2px solid gray;
margin-top: 5px;
width: 100% !important;}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-bottom: -20px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 15px;
color: black;
border: 1px solid #CECECE;
background-color: #F3F3F3;
padding: 4px 10px;
-webkit-transition: all 0.3s;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #CECECE;
background: #CECECE;
box-shadow: 0 0 0px;
}
button.button1, button.button2, input.button1, input.button2 {
margin: 3px;
cursor: pointer;
border-radius: 2px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 16px;
color: black;
border: 1px solid #CECECE;
background: #F3F3F3;
padding: 1px 2px;
-webkit-transition: all 0.3s;
}
button.button1:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: white;
border: 1px solid #A3A3A3;
background-color: #A3A3A3;
}
.type_header {
-webkit-box-shadow: none !important;
margin: 0px;
padding: 4px 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-family: arial, helvetica, sans-serif;
color: white;
background-image: url(http://i47.tinypic.com/33nusqs.jpg);
background-color: #8A8783;
border: 1px solid #6E6A65;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-position: initial initial;
background-repeat: repeat no-repeat;
width: 778px;
}
</style>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<div id="Doarfast" style="display:none">
<div id="hide">
<img src="http://2img.net/i/fa/empty.gif" class="closebutton" width="20px" height="20px" onclick="Doarfast();">
</div>
<h1><img src="http://i49.tinypic.com/znramd.jpg" alt="Icon"> Fazer Doação</h1>
<div class="Doarfast-content">
<form action="/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid=0e95a036a60e1173bec2f388445bc7c8" name="form" method="post">
<fieldset class="fieldset_left html-editor" style="margin-top:10px;">
<p style="margin:0 0 10px;">
</p>
<table cellspacing="1">
<thead>
<tr>
<th style="width:80%;">Nome</th>
<th style="width:20%;">Pontos à adicionar</th>
</tr>
</thead>
<tbody class="center">
<tr>
<td>Administradores</td>
<td><input type="text" name="points_to_add[1]"></td>
</tr>
<tr>
<td>Moderadores</td>
<td><input type="text" name="points_to_add[2]"></td>
</tr>
<tr>
<td>Membro</td>
<td><input type="text" name="points_to_add[3]"></td>
</tr>
<tr>
<td>Co-Administrador</td>
<td><input type="text" name="points_to_add[4]"></td>
</tr>
<tr>
<td>Designer</td>
<td><input type="text" name="points_to_add[5]"></td>
</tr>
<tr>
<td>Cliente</td>
<td><input type="text" name="points_to_add[6]"></td>
</tr>
<tr>
<td>Vip BS</td>
<td><input type="text" name="points_to_add[7]"></td>
</tr>
<tr>
<td>Membro ativo</td>
<td><input type="text" name="points_to_add[8]"></td>
</tr>
<tr>
<td>Banido</td>
<td><input type="text" name="points_to_add[9]"></td>
</tr>
</tbody>
</table>
<div class="submit">
<input class="icon_ok" type="submit" name="submit" value="Salvar">
<input type="hidden" name="action" value="add_points_for_group">
</div>
</fieldset>
</form>
</div>
</div>
<script type="text/javascript">
function Doarfast() {var x = document.getElementById('Doarfast'); if (x.style.display == 'none') {jQuery(x).add('#Doarfaster').fadeIn('slow');var r = x.getElementsByTagName('form')[0].redirect;r.value = window.location.href;} else {jQuery(x).add('#Doarfaster').fadeOut('slow');}}jQuery(function(){ if(document.getElementById('logout')) document.getElementById('Doarfastbtn').style.display = 'none'; });
</script>
<style>
div.module.main.module-advert {
display: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.ipsButton_secondary img {
vertical-align: middle;
margin-top: -1px;
}
.ipsButton_secondary:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
index.phpmedia="screen, print"
.input_submit, .ipsButton_secondary {
outline: none;
}
.ipsButton_secondary {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary:active{-webkit-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;position:relative;top:1px}
#Doarfast{
background: rgba(0, 0, 0, 0.6) url('http://fcimage.net/public/style_images/imgfc/trans60.png') repeat;
box-shadow:10px 10px 40px #000;
color:#333;
font-family:sans-serif;
left:30%;
position:fixed;
top:20%;
width:550px;
z-index: 999;
padding: 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#Doarfaster {
background-color: #3E3E3E;
filter: Alpha(opacity=80);
left: 0;
min-height: 101%;
opacity: 0.4;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#Doarfast h1 {
padding: 5px;
font-size: 12px;
text-align: center;
color: #727272;
text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
}
.Doarfast-content {
background-color: #FCFCFC;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
.Doarfast-content td {
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
#Doarfast img.closebutton{
background:url(http://i50.tinypic.com/33kqfld.png) no-repeat;
cursor:pointer;
float:right;
height:22px;
margin:5px;
width:22px
}
.pun input {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.pun input:focus {
background-color:#fefefe;color:#555;border-color:#bbb;-webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2)
}
.submit {
padding: 15px;
text-align: center;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border-top: 1px solid #CCC;
height: 30px;
}</style>
<div class="header"><font style="font: 30px fjalla one; text-transform: uppercase;">Faça já o seu pedido!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">
<div class="type_header">Marvel RPG - Shop</div>
<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item2" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item3" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item19" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item20" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item21" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item22" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item23" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item24" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item25" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item26" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item27" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item28" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item29" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item30" value="Comprar"></font></font>
</div>
</div>
</div>
<div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"><font><font>Total de Moedas = </font></font></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="The Phoenix">
<input value="[Request] Marvel RPG - Shop" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> Atualize antes de enviar.
<br>
<button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
</div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes de enviar! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
</div>
<script>jQuery.get('/forum', function(data) {jQuery('#Doarfast .Doarfast-content form[name="form"]').attr('action','/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid='+jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join(''));});
jQuery('.submit input.icon_ok[type="submit"][name="submit"][value="Salvar"]').click(function() {
jQuery.get('/forum', function(data) {
var tid=jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join('');
jQuery.get('/admin/index.forum?part=modules&sub=html&extended_admin=1&tid='+tid, function(data) {
if(jQuery('input[name="points_to_add[1]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[1]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[1]"]').val());
}
if(jQuery('input[name="points_to_add[2]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[2]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[2]"]').val());
}
if(jQuery('input[name="points_to_add[3]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[3]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[3]"]').val());
}
if(jQuery('input[name="points_to_add[4]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[4]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[4]"]').val());
}
if(jQuery('input[name="points_to_add[5]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[5]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[5]"]').val());
}
if(jQuery('input[name="points_to_add[6]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[6]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[6]"]').val());
}
if(jQuery('input[name="points_to_add[7]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[7]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[7]"]').val());
}
if(jQuery('input[name="points_to_add[8]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[8]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[8]"]').val());
}
if(jQuery('input[name="points_to_add[9]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[9]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[9]"]').val());
}
jQuery('input[value="add_points_for_group"] + input[value="Salvar"][name="submit"]', data).click();
});
});
});</script></div></div>
Agradeço imensamente desde já! Sei que é algo um tanto fora do padrão, mas será muito importante para o estilo do meu fórum. Quero tornar ele bem dinâmico, alternativo e fácil para o usuário, nem que isso dificulte um pouco para a staff.
Última edição por Lineshooter em 10.03.15 1:26, editado 1 vez(es)
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por EuficoLoko 19.02.15 3:14
Boa noite,
Então, vejo que leva atentamente a parte de ser descritivo, mas se for exageradamente acaba confundindo. Fiz com pontos, em meu fórum exibe os pontos cujo id e 13.
Código:
Então, vejo que leva atentamente a parte de ser descritivo, mas se for exageradamente acaba confundindo. Fiz com pontos, em meu fórum exibe os pontos cujo id e 13.
Código:
- Código:
<div id="receber">ve</div>
<br><div id="main"><div id="main-content"><div class="module main a49c32db" style="overflow:visible"><div class="main-content" style="padding:0"><div style="clear:both;"></div><style type="text/css">html body .mc8bae6,html body .mc8bae6 iframe,html body iframe[name="google_ads_frame"],html body .mc8bae6 iframe[name="google_ads_frame"],html body #wrap #page-body div.mc8bae6,html body #page-body .mc8bae6{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .mc8bae6,html body .mc8bae6 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .mc8bae6 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{
margin-top: 5px;
margin-left: 60px;
background-image: url("http://i.imgur.com/0pccVmw.jpg");
height: 410px;
width: 690px;
font-size: 25px;
color: black;
padding: 20px 15px;
margin-bottom: 20px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 2px #999;
border-radius: 4px;
text-align: center;
}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;postion:relative;right:-10px;}
.title{
font-weight: bold;
font-size: 12px;
color: #303030;
margin: 5px;
}
.image img{padding-top: 13px;height:40px;width:40px;}
.image{text-align:center;}
.points{
background: url(http://s6.tinypic.com/286sfuu_th.jpg) no-repeat;
padding-bottom: 5px;
padding-left: 18px;
color:#242424;
font-weight:bold;
font-size:11px;
float:left;
text-align:center;
}
.sale{color:green;font-style: italic;font-size:11px;float:right;text-align:center;}
.item{width:188px;min-height:195px;border:1px solid #CECECE;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{
float: left;
margin-left: -10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: #E9E9E9;
border: 1px solid #CECECE;
border-left: 0;
width: 92.3%;
text-align: left;
margin-top: 30px;
margin-bottom: 5px;
}
.description {color: #242424;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:center;width:850px;height:auto;overflow:hidden;margin-left:20px}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: -50;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid gray;
height: 210px;
background: white;}
.cartWrapper{position: fixed;right:0;bottom:30px;float:right;width:280px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
text-align: center;
background: white;
border-top: 2px solid gray;
margin-top: 5px;
width: 100% !important;}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-bottom: -20px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 15px;
color: black;
border: 1px solid #CECECE;
background-color: #F3F3F3;
padding: 4px 10px;
-webkit-transition: all 0.3s;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #CECECE;
background: #CECECE;
box-shadow: 0 0 0px;
}
button.button1, button.button2, input.button1, input.button2 {
margin: 3px;
cursor: pointer;
border-radius: 2px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 16px;
color: black;
border: 1px solid #CECECE;
background: #F3F3F3;
padding: 1px 2px;
-webkit-transition: all 0.3s;
}
button.button1:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: white;
border: 1px solid #A3A3A3;
background-color: #A3A3A3;
}
.type_header {
-webkit-box-shadow: none !important;
margin: 0px;
padding: 4px 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-family: arial, helvetica, sans-serif;
color: white;
background-image: url(http://i47.tinypic.com/33nusqs.jpg);
background-color: #8A8783;
border: 1px solid #6E6A65;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-position: initial initial;
background-repeat: repeat no-repeat;
width: 778px;
}
</style>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<div id="Doarfast" style="display:none">
<div id="hide">
<img src="http://2img.net/i/fa/empty.gif" class="closebutton" width="20px" height="20px" onclick="Doarfast();">
</div>
<h1><img src="http://i49.tinypic.com/znramd.jpg" alt="Icon"> Fazer Doação</h1>
<div class="Doarfast-content">
<form action="/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid=0e95a036a60e1173bec2f388445bc7c8" name="form" method="post">
<fieldset class="fieldset_left html-editor" style="margin-top:10px;">
<p style="margin:0 0 10px;">
</p>
<table cellspacing="1">
<thead>
<tr>
<th style="width:80%;">Nome</th>
<th style="width:20%;">Pontos à adicionar</th>
</tr>
</thead>
<tbody class="center">
<tr>
<td>Administradores</td>
<td><input type="text" name="points_to_add[1]"></td>
</tr>
<tr>
<td>Moderadores</td>
<td><input type="text" name="points_to_add[2]"></td>
</tr>
<tr>
<td>Membro</td>
<td><input type="text" name="points_to_add[3]"></td>
</tr>
<tr>
<td>Co-Administrador</td>
<td><input type="text" name="points_to_add[4]"></td>
</tr>
<tr>
<td>Designer</td>
<td><input type="text" name="points_to_add[5]"></td>
</tr>
<tr>
<td>Cliente</td>
<td><input type="text" name="points_to_add[6]"></td>
</tr>
<tr>
<td>Vip BS</td>
<td><input type="text" name="points_to_add[7]"></td>
</tr>
<tr>
<td>Membro ativo</td>
<td><input type="text" name="points_to_add[8]"></td>
</tr>
<tr>
<td>Banido</td>
<td><input type="text" name="points_to_add[9]"></td>
</tr>
</tbody>
</table>
<div class="submit">
<input class="icon_ok" type="submit" name="submit" value="Salvar">
<input type="hidden" name="action" value="add_points_for_group">
</div>
</fieldset>
</form>
</div>
</div>
<script type="text/javascript">
function Doarfast() {var x = document.getElementById('Doarfast'); if (x.style.display == 'none') {jQuery(x).add('#Doarfaster').fadeIn('slow');var r = x.getElementsByTagName('form')[0].redirect;r.value = window.location.href;} else {jQuery(x).add('#Doarfaster').fadeOut('slow');}}jQuery(function(){ if(document.getElementById('logout')) document.getElementById('Doarfastbtn').style.display = 'none'; });
</script>
<style>
div.module.main.module-advert {
display: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.ipsButton_secondary img {
vertical-align: middle;
margin-top: -1px;
}
.ipsButton_secondary:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
index.phpmedia="screen, print"
.input_submit, .ipsButton_secondary {
outline: none;
}
.ipsButton_secondary {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary:active{-webkit-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;position:relative;top:1px}
#Doarfast{
background: rgba(0, 0, 0, 0.6) url('http://fcimage.net/public/style_images/imgfc/trans60.png') repeat;
box-shadow:10px 10px 40px #000;
color:#333;
font-family:sans-serif;
left:30%;
position:fixed;
top:20%;
width:550px;
z-index: 999;
padding: 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#Doarfaster {
background-color: #3E3E3E;
filter: Alpha(opacity=80);
left: 0;
min-height: 101%;
opacity: 0.4;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#Doarfast h1 {
padding: 5px;
font-size: 12px;
text-align: center;
color: #727272;
text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
}
.Doarfast-content {
background-color: #FCFCFC;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
.Doarfast-content td {
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
#Doarfast img.closebutton{
background:url(http://i50.tinypic.com/33kqfld.png) no-repeat;
cursor:pointer;
float:right;
height:22px;
margin:5px;
width:22px
}
.pun input {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.pun input:focus {
background-color:#fefefe;color:#555;border-color:#bbb;-webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2)
}
.submit {
padding: 15px;
text-align: center;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border-top: 1px solid #CCC;
height: 30px;
}</style>
<div class="header"><font style="font: 30px fjalla one; text-transform: uppercase;">Faça já o seu pedido!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">
<div class="type_header">Marvel RPG - Shop</div>
<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item2" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item3" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item19" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item20" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item21" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item22" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item23" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item24" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item25" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item26" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item27" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item28" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item29" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item30" value="Comprar"></font></font>
</div>
</div>
</div>
<div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"><font><font>Total de Moedas = </font></font></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="The Phoenix">
<input value="[Request] Marvel RPG - Shop" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> Atualize antes de enviar.
<br>
<button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
</div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes de enviar! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
</div>
<script>jQuery.get('/forum', function(data) {jQuery('#Doarfast .Doarfast-content form[name="form"]').attr('action','/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid='+jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join(''));});
jQuery('.submit input.icon_ok[type="submit"][name="submit"][value="Salvar"]').click(function() {
jQuery.get('/forum', function(data) {
var tid=jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join('');
jQuery.get('/admin/index.forum?part=modules&sub=html&extended_admin=1&tid='+tid, function(data) {
if(jQuery('input[name="points_to_add[1]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[1]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[1]"]').val());
}
if(jQuery('input[name="points_to_add[2]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[2]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[2]"]').val());
}
if(jQuery('input[name="points_to_add[3]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[3]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[3]"]').val());
}
if(jQuery('input[name="points_to_add[4]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[4]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[4]"]').val());
}
if(jQuery('input[name="points_to_add[5]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[5]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[5]"]').val());
}
if(jQuery('input[name="points_to_add[6]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[6]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[6]"]').val());
}
if(jQuery('input[name="points_to_add[7]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[7]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[7]"]').val());
}
if(jQuery('input[name="points_to_add[8]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[8]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[8]"]').val());
}
if(jQuery('input[name="points_to_add[9]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[9]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[9]"]').val());
}
jQuery('input[value="add_points_for_group"] + input[value="Salvar"][name="submit"]', data).click();
});
});
});</script></div></div>
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 19.02.15 6:45
Estamos tendo problemas com gente indesejada invadindo o fórum para obter informações. Já fomos plagiados diversas vezes e nem terminamos o fórum, por isso mantemos fechado, peço desculpas. Se eu passar apenas o CSS não haverá problema? Caso precises de algum template do fórum para pegar a ID, sem problemas, só precisaria que me orientasse quanto a qual deles você precisa de acesso.
Quanto ao excesso de informação, peço perdão, só queria deixar bem claro o que eu necessito. Segue o CSS do Fórum:
Quanto ao código, resultou. Ele está mostrando os "Pontos" do usuário, que no nosso fórum se chamam Influência, os player ganham ela por suas postagens, quantidade de amigos, tempo que estão no fórum e tudo mais. O problema é que pra muitos usuários a influência não é tão alta, ela começa bem baixa, então usá-la como moeda seria muito difícil. Nós queremos criar um campo, seja no perfil ou na ficha de personagem do forumeiros que seja modificável pelos ADMs apenas, contendo a quantidade de dinheiro que o player possui, de forma que possamos subtrair o valor gasto na compra manualmente, toda ver que eles efetuarem uma compra.
Nós sabemos criar este campo, obviamente. O problema é mostrar o mesmo nesta página. Nós conseguimos fazer ele aparecer toda vez que alguém posta, através do Perfil e da Ficha de Personagem, nas mensagens do fórum, o que queremos é mostrar estas informações na Loja e não nos tópicos.
Desde já, agradeço imensamente pelo seu tempo e ajuda, desculpe se fui confuso na explicação, espero que agora tenha sido mais coerente. Aguardo pelo seu suporte. sei que és um excelente guia.
Atenciosamente, Lineshooter.
Quanto ao excesso de informação, peço perdão, só queria deixar bem claro o que eu necessito. Segue o CSS do Fórum:
- Código:
/********************************User Color********************************/
a[href="/u1"] {
text-shadow: 0px 0px 5px #5c5ce1;
font-size: 12px;
}
a[href="/u37"] {
text-shadow: 0px 0px 5px #000000;
font-size: 11px;
}
a[href="/u60"] {
text-shadow: 0px 0px 5px #398AFF;
font-size: 11px;
}
a[href="/u84"] {
text-shadow: 0px 0px 5px #8b0000;
font-size: 11px;
}
a[href="/u132"] {
text-shadow: 0px 0px 5px #339733;
font-size: 11px;
}
/*Design em Si*/
#wrap {
padding: 0px 30px 30px 30px;
margin-top: 10px;
margin-bottom: 10px;
width: 850px;
}
body {background-attachment: fixed;
}
#logo {
margin-left: -40px;
position: relative;
top: -7px;
}
/*Menu by Clumsy*/
.navbar {
background: #000;
width: 890px;
padding: 8px 10px 0px 10px;
height: 40px;
margin-top: -20px;
margin-left: -30px;
color: #fff;
}
.navbar a {
color: #fff;
}
a.mainmenu {
border: #fff solid 1px;
padding: 5px;
font: italic 7px arial;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
/*Fim do Menu*/
/*Hide*/
a.mainmenu[href="/faq"] { display : none; }
a.mainmenu[href="/search"] { display : none; }
a.mainmenu[href="/calendar"] { display : none; }
#search-box { display: none; }
/*widgets portal*/
#comments_scroll_div a {
font: 8px arial;
text-transform: uppercase;
}
.mod_news {
color: #000;
}
.module {
background: #fff;
border: 1px solid #000;
color: #000;
font: 10px arial;
line-height: 130%;
}
.module a {
font: 15px fjalla one;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
line-height: 110%;
}
/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014;
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}
/*aspecto del nombre de los usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font: 20px fjalla one;
line-height: 40%;
font-weight:400;
margin: 15px;
font-style:normal;
text-transform: uppercase;
}
.postprofile > dl:nth-child(1) > dd:nth-child(2) {
font-size: 0px !important;
}
.postprofile {
text-align: center;
}
.postprofile dd {
text-align: center;
margin-top: 4px;
}
/*Barra Editar,Borrar y citar movimiento*/
.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}
/*perfil*/
.postprofile a img {
-webkit-filter: grayscale(0%);
position: relative;
right: 15px;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
}
.postprofile a img:hover {
-webkit-filter: grayscale(100%);
}
.postprofile {
margin-top: 0px;
font-family: arial;
line-heighr:90%;
font-size: 12px;
margin-left: -3px;
padding-top: 5px;
color: #696969;
text-align: center;
width: 200px;
}
.postprofile dt a img {
margin-top: 0px;
width:200px;
margin-bottom:8px;
margin-right:10px;
}
.postprofile {
display: block;
text-align: center;}
.postprofile dd {
text-align: center;
margin-top: 4px;
}
/*Título de Categorias*/
li.header {
width: 100%;
padding: 60px 0px 30px 0px;
background: url(http://i.imgur.com/nVVLbkh.png);
text-align: center;
}
.table-title, .table-title h2 {
color: #fff;
font: 45px fjalla one;
text-shadow: 1px 0px 1px #000;
text-transform: uppercase;
text-align: center;
}
/*Títulos de los foros*/
a.forumtitle {
color: #fff;
background: #000;
display: block;
font: 25px fjalla one;
margin-bottom: -12px;
margin-top: 10px;
margin-left: 140px;
padding: 15px 0px 15px 0px;
text-align: center;
text-transform: uppercase;
width: 400px;
}
a.forumtitle:hover {
color: #fff;
text-decoration:underline;
}
/*descrição dos fóruns*/
.desc1 {
width: 220px;
height: 100px;
padding: 10px;
border: 1px solid #000;
margin-left: 140px;
font: bold 8px arial;
letter-spacing: 2px;
text-transform: lowercase;
color: #000;
text-align: justify;
}
.desci {
width: 242px;
height: 123px;
margin-left: 78px;
overflow: hidden;
}
.forumimg {
height: 184px;
width: 233px;
position: relative;
left: 155px;
margin-top: -65px;
}
/*lo que hace que se baje el cuadro del chrome*/
#helpbox.helpline {
display:none;
}
/*scrollbar*/
::-webkit-scrollbar {width: 5px;height: 13px;background-color: #eaeaea;}
::-webkit-scrollbar-thumb{background-color: #121212}
/*fim scrollbar*/
/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #f9f8f8;
border-left: 9px solid #121212;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform: none;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}
dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}
blockquote {
background-color: #f9f8f8;
border-left: 9px solid #121212;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}
blockquote blockquote {
background-color: #f9f8f8;
border-left: 9px solid #121212;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}
.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}
/****ULTIMOS TEMAS, POSTS & MESSAGES****/
.forabg li.row dd.lastpost {
background: #fff;
width: 130px;
height: 49px;
overflow: hidden;
padding: 10px;
border-bottom: 1px solid #000;
position: relative;
float: right;
right: 234px;
top: 112px;
display: block;
color: #000;
font: italic 8px arial;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 10px;
text-align: center;
}
.forabg li.row dd.topics {
background: #fff;
width: 150px;
position: relative;
padding-top: 10px 0px 10px 0px;
border-bottom: 1px solid #000;
float: right;
right: 234px;
top: 86px;
color: #000;
font: italic 8px arial;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
}
.forabg li.row dd.posts {
background: #fff;
width: 150px;
position: relative;
padding-top: 10px 0px 10px 0px;
border-bottom: 1px solid #000;
float: right;
right: 83px;
top: 112px;
color: #000;
font: italic 8px arial;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
}
.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}
.forabg li.row dd.posts:after {
content: "POSTS";
}
.forabg li.row dd.topics:after {
content: "TOPICS";
}
/************LEGENDAS*********/
#main-content em{
font-size:0px
}
#main-content em::before{
content:'Legenda: ';
font-size:22x;
font-style:normal;
opacity: 0.0;
}
#main-content em b *{
font-size:22px;
font-style:normal;
font-align:center;
font-family: fjalla one;
font-weight: normal;
}
#main-content em b *::hover{
font-size:22px;
font-style:normal;
font-align:center;
font-family: fjalla one;
font-weight: normal;
text-transform: uppercase;
}
#main-content em b a::before{
content:' | ';color:black
}
#main-content em b:first-child a::before{
content:''
}
#main-content em,
#main-content em *:link{
cursor:default;
color:inherit
}
/************FIM DAS LEGENDAS*********/
/***LINKS***/
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {
border: 1px solid #120707;
background-color: transparent;
border-radius: 10px 10px 10px 10px;
margin-bottom:-22px;
display: block;
font-size: 8px;
margin-top: 5px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
text-transform: uppercase;
}
/***FIM***/
ul#picture_legend {
display: none;
}
.h3 {
display: none;
}
h1.page-title {
width: 100%;
padding: 40px 0px 20px 0px;
background: url(http://i.imgur.com/nVVLbkh.png);
text-align: center;
color: #fff;
font: 45px fjalla one;
text-shadow: 1px 0px 1px #000;
text-transform: uppercase;
}
h1.page-title a {
color: #fff;
}
p.author {
width: 398px;
padding: 5px 0px 5px 0px;
background: #fff;
text-align: center;
color: #000;
font: 12px fjalla one;
border: 1px solid #000;
text-transform: uppercase;
margin-top: 1px;
margin-left: 100px;
letter-spacing: 1px;
}
.marveltt {
width: 400px;
text-align: center;
text-transform: uppercase;
background: #000;
font: 18px fjalla one;
color: #fff;
padding: 5px 0px 5px 0px;
margin-top:30px;
margin-left: 100px;
}
.marveltt a { color: #fff; }
/*tablon*/
#caixap { width: 810px; height: 365px; overflow: hidden; }
#caixaimg { width: 810px; height: 360px; background: url(http://i.imgur.com/BIvoDOy.gif); position: relative; top: -364px; left: 0px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; }
#caixap:hover #caixaimg { left: -850px; }
#tpic { width: 211px; height: 222px; background: url(http://i.imgur.com/ztbA6I6.png); text-align: center; }
#tpicl { width: 94px; height: 10px; border-bottom: 1px solid #fff; padding: 0px 2px 2px 2px; color: #fff; font: italic 8px arial; text-transform: uppercase; letter-spacing: 2px; }
#tpicl a { color: #fff; }
#tplotb { width: 209px; height: 135px; border: 1px solid #000; margin-top: 1px; background: url(http://i.imgur.com/3UPD4OB.png); }
#tplot { width: 189; height: 115px; padding: 10px; line-height: 90%; font: bold 8px arial; text-transform: lowercase; letter-spacing: 2px; color: #000; opacity: 0; text-align: justify; background: #fff; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; }
#tplot:hover { opacity: 1; }
#tplot:first-letter { width: 20px; height: 20px; margin-right: 4px; padding: 5px 13px 5px 13px; float: left; color: #000; font: 40px fjalla one; line-height: 30px; text-transform: uppercase; text-align: center; }
#tcityb { width: 245px; height: 184px; background: url(http://i.imgur.com/j5w6J79.png); margin-left: -1px; }
#tcity { width: 245px; margin-top: 12px; font: 40px fjalla one; color: #fff; text-align: center; text-transform: uppercase; }
#tlinks { width: 225px; height: 155px; line-height: 120%; padding: 10px; background: #000; font: 30px fjalla one; text-transform: uppercase; overflow: hidden; color: #fff; margin-top: 1px; margin-left: -1px; }
#tlinks a { color: #fff; }
#tnews { width: 225px; height: 80px; padding: 10px; background: #000; line-height: 140%; overflow: auto; font: bold 8px arial; letter-spacing: 2px; text-transform: lowercase; color: #fff; margin-left: -3px; }
#tnewst { font: 9px fjalla one; text-transform: uppercase; }
#tcredits { width: 80px; height: 80px; padding: 10px; background: #000; overflow: auto; line-height: 100%; font: italic 7px arial; letter-spacing: 2px; text-transform: uppercase; margin-left: 5px; text-align: justify; color: #fff; }
#tcbox { width: 350px; height: 148px; overflow: hidden; border: 1px solid #000; margin-left: -1px; margin-top: -1px; margin-bottom: -1px; }
#trulest { width: 108px; height: 108px; background: #000; overflow: hidden; font: 25px fjalla one; text-transform: uppercase; text-align: center; color: #fff; margin-left: -3px; }
#trulestt { padding-top: 50px; }
#trules { width: 217px; height: 88px; padding: 10px; line-height: 120%; background: #000; overflow: auto; font: bold 8px arial; letter-spacing: 2px; text-transform: lowercase; margin-left: 5px; text-align: justify; color: #fff; }
/*adm*/
.avocadoe { width: 250px; height: 150px; padding: 10px; font: 10px arial; text-transform: lowecase; color: #000; background: #fff; overflow: auto; }
/*made of vinyl*/
#ckaibase { overflow: hidden; width: 500px; height: 250px; border-top: solid 25px #121212; border-bottom: solid 25px #121212; }
#ckai { width: 495px; height: 20px; oveflow: hidden; padding: 115px 5px 115px 0px; font: 15px courier new; color: #f8f8f8; text-transform: uppercase; text-align: right; }
#ckai2 { width: 500px; height: 250px; overflow: hidden; opacity: 0; position: relative; top: -250px; background: #eee; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; }
#ckai2:hover { opacity: 1; }
#cktxt1 { width: 159px; height: 230px; padding: 10px; font: 9px calibri; color: #121212; text-transform: uppercase; letter-spacing: 2px; text-align: center; overflow: hidden; }
#cktxt2 { width: 300px; height: 230px; padding: 10px; font: 10px calibri; color: #121212; overflow: hidden; margin-left: -3px; text-align: center; border-left: 1px solid #000; }
#ckaittl { font: 15px courier new; text-transform: uppercase; color: #000; margin-bottom: 5px; letter-spacing: 0px; }
/*ficha do personagem*/
::-webkit-scrollbar { height: 12px; width: 10px; background-color: #fff;}
::-webkit-scrollbar-thumb { background: #090C13; }
::-webkit-scrollbar-corner { background: #090C13; }
::-webkit-scrollbar-track { background: #fff; }
#thtabcontainer { width: 500px; padding: 20px; background: #FCFAFF; }
.thtabname { width: 200px; height: 210px; background: #090C13; text-align: right; padding: 20px; font-family: playfair display; text-transform: uppercase; color: #FCFAFF; font-size: 28px; line-height: 30px; letter-spacing: 0px; font-style: italic; word-spacing: 3px; }
.thtabimage img { width: 260px; height: 250px; }
.thtabtopper { width: 450px; height: 16px; margin-top: 10px; line-height: 16px; font-family: lekton; font-size: 8px; opacity: 0.6; filter: alpha(opacity=60); text-transform: uppercase; letter-spacing: 2px; word-spacing: 4px; color: #000; border-top: 3px double #090C13; border-bottom: 3px double #090C13; }
.tabs { position: relative; height: 460px; width: 450px; clear: both; margin: 25px 0; }
.tab { float: left; }
.tab label { display: block; background: #090C13; color: #ccc; height: 12px; width: 12px; font: 8px/12px lekton; padding: 10px; -webkit-border-radius: 20px; margin: 10px; position: relative; left: 125px; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #000; color: #FFF; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }
.thcontent { position: absolute; top: 60px; left: 0; background: #fff; right: 0; bottom: 0; padding: 0px; border: 0px; text-align: justify; }
[type=radio]:checked ~ label { background: #FFF; color: #000; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }
.thfirsttab { text-align: center; width: 250px; margin-top: 170px; margin-left: 105px; margin-right: 105px; font-family: times new roman; font-size: 12px; font-style: italic; line-height: 16px; border-bottom: 1px solid #090C13; color: #090C13; padding-bottom: 20px; }
.thfirsttabcredit { font-family: lekton; font-size: 8px; text-transform: uppercase; text-align: center; line-height: 9px; padding-top: 20px; letter-spacing: 2px; word-spacing: 4px; color: #0000; }
.thapptable { width: 350px; margin-left: 50px; margin-right: 50px; margin-top: 100px; letter-spacing: 1px; word-spacing: 3px; line-height: 18px; }
.thapprow { display: block; text-align: center; font-family: lekton; font-size: 8px; height: 16px; line-height: 16px; background: #090C13; color: #F2770F; text-transform: uppercase; }
.thapprow:hover { color: #090C13; background: #F2770F; }
.thappcol { display: block; text-align: center; font-family: lekton; font-size: 8px; height: 16px; line-height: 16px; color: #090C13; text-transform: uppercase; }
.thappcontent { width: 410px; height: 360px; overflow: auto; font-family: times new roman; padding: 20px; font-size: 11px; line-height: 12px; color: #090C13; }
.thoocabout { font-family: times new roman; font-size: 11px; line-height: 12px; padding: 5px; }
/*page-bottom*/
.marvelonline {
color: #000;
width: 210px;
height: 203px;
overflow: auto;
padding: 25px;
font: 10px fjalla one;
letter-spacing: 2px;
background: #fff;
text-transform: uppercase;
font-weight: 300;
position: relative;
opacity: 0.7;
}
.marvelgroups {
width: 210px;
height: 203px;
overflow: auto;
padding: 25px;
background: #fff;
font-weight: 300;
position: relative;
text-transform: uppercase;
top: -266px;
left: 560px;
opacity: 0.7;
}
.marvelcoiso1 {
width: 245px;
background: #000;
color: #fff;
padding: 23px 5px 23px 5px;
font: 17px fjalla one;
text-align: center;
text-transform: uppercase;
position: relative;
top: -520px;
left: 281px;
}
.marvelcoiso2 {
width: 245px;
background: #fff;
color: #000;
padding: 23px 5px 23px 5px;
font: 17px fjalla one;
text-align: center;
text-transform: uppercase;
position: relative;
top: -520px;
left: 281px;
}
.marvelfooterbg {
width: 820px;
height: 253px;
padding: 15px;
overflow: hidden;
background: url(http://i.imgur.com/nVVLbkh.png);
}
.marvelchat { display: none; }
#marvelchat {
color: #fff;
text-shadow:0 0 2px #000;
font: 20px fjalla one;
margin-top: 5px;
text-transform: uppercase;
}
#marvelchat a {
color: #fff;
text-shadow:0 0 2px #000;
font: 20px fjalla one; }
.fimg {
position: relative;
top: -13px;
left: 100px;
}
ul.ul-icons {
margin-bottom: 20px;
}
dd.dterm {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
Quanto ao código, resultou. Ele está mostrando os "Pontos" do usuário, que no nosso fórum se chamam Influência, os player ganham ela por suas postagens, quantidade de amigos, tempo que estão no fórum e tudo mais. O problema é que pra muitos usuários a influência não é tão alta, ela começa bem baixa, então usá-la como moeda seria muito difícil. Nós queremos criar um campo, seja no perfil ou na ficha de personagem do forumeiros que seja modificável pelos ADMs apenas, contendo a quantidade de dinheiro que o player possui, de forma que possamos subtrair o valor gasto na compra manualmente, toda ver que eles efetuarem uma compra.
Nós sabemos criar este campo, obviamente. O problema é mostrar o mesmo nesta página. Nós conseguimos fazer ele aparecer toda vez que alguém posta, através do Perfil e da Ficha de Personagem, nas mensagens do fórum, o que queremos é mostrar estas informações na Loja e não nos tópicos.
Desde já, agradeço imensamente pelo seu tempo e ajuda, desculpe se fui confuso na explicação, espero que agora tenha sido mais coerente. Aguardo pelo seu suporte. sei que és um excelente guia.
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por EuficoLoko 19.02.15 14:24
Olá!
Lineshooter, não e o fato de descrever muito, e o fato de embolar uma coisa com a outra. Sabe quando assistimos vídeos do youtube, que as vezes dizem 'sem delongas'? Mas ok, está tudo bem.
Vou lhe ensinar a pegar o id, o css eu já tenho acesso. Faça o seguinte:
Vá na sua página de perfil:
http://marvelrpg.forumeiro.com/u1
E nos campos clique com o botão direito do mouse, selecione: 'Inspecionar Elemento'.
Mantenha na aba 'Inspecionar Elemento':
E clique onde manda a seta.
Quando clicar o ícone ficará azul, então assim que ficar posicione o seu mouse sobre o campo:
Um exemplo de tutorial semelhante:
http://drupaldeelite.com.br/blog/como-inspecionar-elementos-html
O senhor faria o mesmo, só que com o campo. Ou se tiver algum jeito que liberar por alguns minutos, ajudaria bastante.. Eu sei que disse para fornecer a CSS, desculpa era 1:14 estava com sono.
Agora assim que achar, para editar faça o seguinte:
Procure por isso, no código que te forneci:
Atenciosamente, EuficoLoko.
Lineshooter, não e o fato de descrever muito, e o fato de embolar uma coisa com a outra. Sabe quando assistimos vídeos do youtube, que as vezes dizem 'sem delongas'? Mas ok, está tudo bem.
Vou lhe ensinar a pegar o id, o css eu já tenho acesso. Faça o seguinte:
Vá na sua página de perfil:
http://marvelrpg.forumeiro.com/u1
E nos campos clique com o botão direito do mouse, selecione: 'Inspecionar Elemento'.
Mantenha na aba 'Inspecionar Elemento':
E clique onde manda a seta.
Quando clicar o ícone ficará azul, então assim que ficar posicione o seu mouse sobre o campo:
Um exemplo de tutorial semelhante:
http://drupaldeelite.com.br/blog/como-inspecionar-elementos-html
O senhor faria o mesmo, só que com o campo. Ou se tiver algum jeito que liberar por alguns minutos, ajudaria bastante.. Eu sei que disse para fornecer a CSS, desculpa era 1:14 estava com sono.
Agora assim que achar, para editar faça o seguinte:
Procure por isso, no código que te forneci:
- Código:
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
Atenciosamente, EuficoLoko.
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 19.02.15 19:16
Tive de colocar o campo Dinheiro na Ficha de Personagem, que no fórum se chama Character Info.
Notei que este código só serve para as coisas do perfil, então tentei fazer isso aqui:
Não resultou. ;(
O endereço da página de fichas de personagem, onde está o campo Cash, segue o seguinte modelo: "http://marvelrpg.forumeiro.com/rpg_sheet_edit?u=1"
Aqui vai uma imagem da inspeção de elemento:
Infelizmente não posso MESMO abrir o fórum neste momento, já basta roubarem nosso tablon e até mesmo o ícone de navegação do fórum, se começarem a copiar os sistemas eu vou simplesmente desistir. :/
Agradeço desde já e espero que me perdoe por não poder abrir o fórum.
Atenciosamente, Lineshooter.
Notei que este código só serve para as coisas do perfil, então tentei fazer isso aqui:
- Código:
<script>
$.get('/rpg_sheet_edit&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-4', cash).text();
$('#receber').text(cash);
});
</script>
Não resultou. ;(
O endereço da página de fichas de personagem, onde está o campo Cash, segue o seguinte modelo: "http://marvelrpg.forumeiro.com/rpg_sheet_edit?u=1"
Aqui vai uma imagem da inspeção de elemento:
Infelizmente não posso MESMO abrir o fórum neste momento, já basta roubarem nosso tablon e até mesmo o ícone de navegação do fórum, se começarem a copiar os sistemas eu vou simplesmente desistir. :/
Agradeço desde já e espero que me perdoe por não poder abrir o fórum.
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 19.02.15 21:14
Update:
Nossa ideia é fazer tipo isso aqui:
Essa caixinha no estilo do menu mostraria quantos pontos a pessoa tem e estaria fixada naquele canto. Estamos mexendo no css da Loja para adiantar as coisas, o único problema mesmo é fazer aparecer o Dinheiro, a Influência, a Fama e os Pontos de Habilidade. Dois destes campos eu já consegui fazer aparecerem pois se encontram no Perfil, os outros dois, Dinheiro e Pontos de Habilidade, que se encontram na Ficha de RPG, não estamos conseguindo mostrar na Loja.
Nossa ideia é fazer tipo isso aqui:
Essa caixinha no estilo do menu mostraria quantos pontos a pessoa tem e estaria fixada naquele canto. Estamos mexendo no css da Loja para adiantar as coisas, o único problema mesmo é fazer aparecer o Dinheiro, a Influência, a Fama e os Pontos de Habilidade. Dois destes campos eu já consegui fazer aparecerem pois se encontram no Perfil, os outros dois, Dinheiro e Pontos de Habilidade, que se encontram na Ficha de RPG, não estamos conseguindo mostrar na Loja.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por EuficoLoko 19.02.15 21:27
Olá @Lineshooter,
Poderia me fazer um favor amigo? Quando for dar um 'update', poderia fazer na mesma mensagem? Pois e contra as regras o double-post.
Quanto a sua questão, bem há, eu preciso mesmo ver o fórum.. Não há como eu configurar se não for assim, poderia me perdoar?
Poderia me fazer um favor amigo? Quando for dar um 'update', poderia fazer na mesma mensagem? Pois e contra as regras o double-post.
Quanto a sua questão, bem há, eu preciso mesmo ver o fórum.. Não há como eu configurar se não for assim, poderia me perdoar?
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 19.02.15 22:08
@EuficoLoko Perdão pelo double post, não estava ciente desta regra, eu só postei de volta para que você obtivesse uma nova notificação. Abri o fórum pra ti, mas provavelmente terás de fazer cadastro para ver tudo certinho.
@Update
Estou editando a loja de volta. Tirei algumas coisas inúteis e estou mudando as coisas de lugar. O código agora é este:
Ainda não fiz a div onde os campos vão ficar, mas acho que assim já dá pra entender a ideia. rsrs'
Atenciosamente, Lineshooter.
@Update
Estou editando a loja de volta. Tirei algumas coisas inúteis e estou mudando as coisas de lugar. O código agora é este:
- Código:
<div id="main"><div id="main-content"><div class="module main a49c32db" style="overflow:visible"><div class="main-content" style="padding:0"><div style="clear:both;"></div><style type="text/css">html body .mc8bae6,html body .mc8bae6 iframe,html body iframe[name="google_ads_frame"],html body .mc8bae6 iframe[name="google_ads_frame"],html body #wrap #page-body div.mc8bae6,html body #page-body .mc8bae6{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .mc8bae6,html body .mc8bae6 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .mc8bae6 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{
margin-top: 5px;
margin-left: 60px;
background-image: url("http://i.imgur.com/0pccVmw.jpg");
height: 410px;
width: 690px;
font-size: 25px;
color: black;
padding: 20px 15px;
margin-bottom: 20px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 2px #999;
border-radius: 4px;
text-align: center;
}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;postion:relative;right:-10px;}
.title{
font-weight: bold;
font-size: 12px;
color: #303030;
margin: 5px;
}
.image img{padding-top: 13px;height:60px;width:60px;}
.image{text-align:center;}
.points{
background: url(http://s6.tinypic.com/286sfuu_th.jpg) no-repeat;
padding-bottom: 5px;
padding-left: 18px;
color:#242424;
font-weight:bold;
font-size:11px;
float:left;
text-align:center;
}
.sale{color:green;font-style: italic;font-size:11px;float:right;text-align:center;}
.item{width:188px;min-height:195px;border:1px solid #CECECE;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{
float: left;
margin-left: -10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: #E9E9E9;
border: 1px solid #CECECE;
border-left: 0;
width: 92.3%;
text-align: left;
margin-top: 30px;
margin-bottom: 5px;
}
.description {color: #242424;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:center;width:850px;height:auto;overflow:hidden;margin-left:20px}
.cart{overflow:hidden;background:#000;}
.cart_title{text-align:center;color:#fff;border-bottom:2px solid #fff;}
.cart_items{text-align:center;color:#fff}
.cart_body{text-align: center;
margin: -50;
overflow: hidden;
border: 1px solid #fff;
height: 200px;
background: #000;}
.cartWrapper{position:fixed;right:12px;bottom:335px;float:right;width:200px;}
.totaler{bottom:0;color:#fff;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
font: italic 12px arial;
text-align: center;
background: white;
border-top: 2px solid black;
margin-top: 5px;
width: 100% !important;}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-bottom: -30px;
font: italic 10px arial;
text-transform: lowercase;
letter-spacing: 2px;
font-size: 15px;
color: #000;
border: #000 solid 1px;
background-color: #fff;
padding: 5px;
-webkit-transition: all 0.3s;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
font: italic 10px arial;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
color: #fff;
border: #000 solid 1px;
background-color: #000;
padding: 5px;
}
button.button1, button.button2, input.button1, input.button2 {
margin: 1px;
cursor: pointer;
font: italic 7px arial;
color: #fff;
border: 1px solid #fff;
background: #000;
padding: 5px;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 0.3s;
}
button.button1:hover, button.button2:hover, input.button1:hover, input.button2:hover {
font: italic 7px arial;
color: #fff;
border: 1px solid #fff;
background: #000;
padding: 5px;
letter-spacing: 2px;
}
.type_header {
-webkit-box-shadow: none !important;
margin: 0px;
padding: 5px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 20px;
line-height: normal;
font-family: 'Fjalla One';
color: white;
background-image: url(http://i47.tinypic.com/33nusqs.jpg);
background-color: #000;
border: 1px solid #6E6A65;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-position: initial initial;
background-repeat: repeat no-repeat;
width: 788px;
}
</style>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = $' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<div class="shopWrapper">
<div class="inventWrapper">
<div class="type_header">Uncanny Marvel Shop</div>
<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>AK47</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/bK7Qh5S.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item1" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Para Fal M964A1</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/NIOdn6z.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item2" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Metralhadora Uzi</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/KKClvmH.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item3" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>M16</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/gGQdzdf.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item4" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>Springfield Armory M1-A SOCOM</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/CA8SYkO.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item5" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Desert Eagle .50</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/7WKCk6v.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item6" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Walther P99</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/JdtflpC.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item7" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>Beretta 92FS + suppressor</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/FeAo1Ur.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item8" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item9" class="item">
<span class="title"><font><font>Glock 17</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/VFcDfGK.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item9" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item10" class="item">
<span class="title"><font><font>Beretta PX4 Storm</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/TgAKp4b.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item10" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item11" class="item">
<span class="title"><font><font>Thaitsuki Roiyaru Sanmai Katana</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/9yjKwVO.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas Brancas.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item11" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item12" class="item">
<span class="title"><font><font>Benchmade 810 Contego</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/2liEFfa.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas Brancas.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item12" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item13" class="item">
<span class="title"><font><font>Foregrips</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/LCPeKAX.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item13" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item14" class="item">
<span class="title"><font><font>Magnum Compound Bow</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8BB27T8.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item14" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item15" class="item">
<span class="title"><font><font>Slingshot</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/zgoCX2A.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item15" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item16" class="item">
<span class="title"><font><font>Combat Axe</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/CMpGdIo.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item16" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item17" class="item">
<span class="title"><font><font>Barnett Crossbow</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/Z71yGwS.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas de Fogo.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item17" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item18" class="item">
<span class="title"><font><font>Katar</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/q3hdFdT.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Armas Brancas.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item18" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>ASP P16 Concealable Baton</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/QjtZY1c.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item19" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Hoyt Dorado Recurve Box</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/07Ufi2O.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item20" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Tactical Vest Armor</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/VO0Fs7b.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item21" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Gas Mask</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/qrzlTDn.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="250"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item22" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Medical Kit</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/b2RTPBG.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item23" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Arrow Pack (10x)</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/A8MXp45.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item24" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Ammo Pack (10x)</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8ozhFup.jpg"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item25" value="Comprar"></font></font>
</div>
</div>
</div>
<div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"><font><font>Total= </font></font></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="The Phoenix">
<input value="[Request] Marvel RPG - Shop" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font>Atualizar carrinho</font></button><br/><font color=#fff> Atualize antes de enviar.</font><br/>
<button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font>Enviar pedido</font></button></span></form>
</div>
<div id="checkout"><font><br><br>
Gostaria de confirmar sua compra? </font>Se assim for é só clicar no botão Enviar pedido.
<br>Tempo entre 24 - 48 horas para a entrega de seus itens.
<br>
Lembre-se de clicar em atualizar carrinho antes de enviar!<br><font>Enviar o pedido não irá funcionar de outra forma.<br>Também verifique se você tem pontos suficientes para fazer tal compra!
</font></div>
Ainda não fiz a div onde os campos vão ficar, mas acho que assim já dá pra entender a ideia. rsrs'
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 23.02.15 0:39
Up...
O problema persiste. Consigo mostrar um campo do Perfil, mas não consigo mostrar nenhum da página de Ficha de Personagem (No caso o dinheiro).
Desculpe pelo double post, mas não vejo outra forma de subir o tópico e meu problema ainda não foi resolvido, tenho medo de que fechem o tópico como sempre acontece aqui.
Atenciosamente, Lineshooter.
O problema persiste. Consigo mostrar um campo do Perfil, mas não consigo mostrar nenhum da página de Ficha de Personagem (No caso o dinheiro).
Desculpe pelo double post, mas não vejo outra forma de subir o tópico e meu problema ainda não foi resolvido, tenho medo de que fechem o tópico como sempre acontece aqui.
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por .Danni. 23.02.15 19:14
Eu tenho esse código de loja no meu fórum que possui essa função, mas você precisaria adaptar para o campo correspondente do seu:
- Código:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.Tabs li').click(function(){
jQuery('.Tabs li').removeClass('active');
jQuery(this).addClass('active');
jQuery(this).find('a');
return false;
});
jQuery('a.all_itens').click(function(){
jQuery('.abas').hide();
jQuery('#abas1').show();
});
jQuery('a.all_pay').click(function(){
jQuery('.abas').hide();
jQuery('#abas2').show();
});
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text(),nome = jQuery(this).find('img').attr('nome'),descri=jQuery(this).find('img').attr('descri');
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += nome + '. ' + descri
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<script>
$(document).ready(function(){
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function( t ) {
$('.myc cash').text($('#field_id-13 .field_uneditable', t).text());
});
});
</script>
<style type="text/css">
.cart_items, #checkout{
padding: 10px;
border-radius: 3px;
background: white;
border: 1px solid #cdcdcd;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(212, 232, 255);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(212, 232, 255);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {
background: white;
border: 1px solid #4D84D6;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border: none;
margin-left: 1px;
}
.Tabs li {
background: #4D84D6;
color: #FFFFFF;
border: 1px solid #4D84D6;
font-size: 13px;
list-style: none !important;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
border: none;
transition: background-color 0.1s ease-in-out;
color: #fff !important;
}
.Tabs li a:hover {
background: #416497;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: 5px;
}
.myc {cursor: pointer;}
li.views.desc {
list-style: none !important;
}
</style>
<div class="main">
<div class="main-head">
<div class="page-title">
<h2>Loja
</h2>
</div>
</div>
<div class="main-content cont">
<div class="LayoutLeft clearfix">
<div class="Tabs Layout_smallleft">
<ul>
<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>
<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>
</ul>
</div>
<div id="usercp_content">
<div class="box_r">
<div class="box_t">
<!-- Início aba 1 -->
<div class="abas" id="abas1">
<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc.
</div>
<div class="main-head">
<div class="page-title">
<h2>
Ítens
</h2>
</div>
</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span>
</li>
<table class="tbl" cellspacing="0">
<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/r3gTURf.png" nome="Assinatura I"/></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Assinatura I</strong>
<br /> <span class="desc lighter blend_links">Pacote para uso de assinatura por 1 mês.</span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="150" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 150 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>/1 ativo por vez
</li>
<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/tfjNxXd.png" nome="Assinatura II"/></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Assinatura II</strong>
<br /> <span class="desc lighter blend_links">Pacote para uso de assinatura por 6 meses.</span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 800
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>/1 ativo por vez
</li>
<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/Yl2L1vb.png" nome="Assinatura III" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Assinatura III</strong>
<br /> <span class="desc lighter blend_links">Pacote para uso de assinatura por 1 ano.</span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>/1 ativo por vez
</li>
<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item4">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/0M3qq27.png" nome="Destaque I" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Destaque I</strong>
<br /> <span class="desc lighter blend_links">Destacar sua publicação principal por 1 semana.</span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 500 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">5/5</span>/1 por usuário
</li>
<li class="views desc">
<input value="Comprar" data-item="item4" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item5">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/IvCvoM5.png" nome="Destaque II" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Destaque II</strong>
<br /> <span class="desc lighter blend_links">Destacar sua publicação principal por 2 semanas.</span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="900" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 900 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">5/5</span>/1 por usuário
</li>
<li class="views desc">
<input value="Comprar" data-item="item5" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item6">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/3dissSJ.png" nome="Gift Card 500" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Gift Card 500</strong>
<br /> <span class="desc lighter blend_links">Cartão de presente no valor de 500 créditos. <br>Validade: <u>15 dias.</u></span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 500 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>
</li>
<li class="views desc">
<input value="Comprar" data-item="item6" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item7">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/KTuGkPF.png" nome="Gift Card 1000" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Gift Card 1000</strong>
<br /> <span class="desc lighter blend_links">Cartão de presente no valor de 1000 créditos. <br>Validade: <u>15 dias.</u></span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>
</li>
<li class="views desc">
<input value="Comprar" data-item="item7" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item8">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/XdSdqVb.png" nome="Publicação Extra I" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Publicação Extra I</strong>
<br /> <span class="desc lighter blend_links">Garante 1 publicação extra em qualquer seção. <br>Validade: <u>15 dias</u></span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="700" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 700 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>/1 por usuário/Conflita com Publicação II
</li>
<li class="views desc">
<input value="Comprar" data-item="item8" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
<tr class="item" id="item9">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img src="http://i.imgur.com/XdSdqVb.png" nome="Publicação Extra II" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Publicação Extra II</strong>
<br /> <span class="desc lighter blend_links">Garante 2 publicações extras em qualquer seção. <br>Validade: <u>15 dias</u></span>
</td>
<td class="col_f_post">
<ul>
<li data-myprice="1200" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1200 Créditos
</li>
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: <span class="dsp">Disponível</span>/1 por usuário/Conflita com Publicação I
</li>
<li class="views desc">
<input value="Comprar" data-item="item9" class="addButton" type="button" />
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Fim aba 1 -->
<div class="box_t">
<!-- Início aba 2 -->
<div style="display: none" class="abas" id="abas2">
<div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>
</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Classibot" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>
</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>
</div>
</div>
<!-- Fim aba 2 -->
</div>
</div>
</div>
</div>
</div>
.Danni.- Super Membro
- Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por EuficoLoko 23.02.15 19:40
Olá Line,
Estou sem tempo nenhum e vou tentar lhe dar uma breve explicação para o seu efeito funcionar.
Lhe dei esse código de início:
Lhe ensinei a pegar o id por:
Poderá fazer isso quantas vezes quiser, porém multiplique o código:
E adicione a div de receber:
Estou com pressa e totalmente sem tempo, se fizer de vagar vai conseguir. Perdoe-me, ok?
Estou sem tempo nenhum e vou tentar lhe dar uma breve explicação para o seu efeito funcionar.
Lhe dei esse código de início:
- Código:
<div id="receber">ve</div>
<br><div id="main"><div id="main-content"><div class="module main a49c32db" style="overflow:visible"><div class="main-content" style="padding:0"><div style="clear:both;"></div><style type="text/css">html body .mc8bae6,html body .mc8bae6 iframe,html body iframe[name="google_ads_frame"],html body .mc8bae6 iframe[name="google_ads_frame"],html body #wrap #page-body div.mc8bae6,html body #page-body .mc8bae6{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .mc8bae6,html body .mc8bae6 iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .mc8bae6 iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{
margin-top: 5px;
margin-left: 60px;
background-image: url("http://i.imgur.com/0pccVmw.jpg");
height: 410px;
width: 690px;
font-size: 25px;
color: black;
padding: 20px 15px;
margin-bottom: 20px;
border: 1px solid #CCC;
box-shadow: inset 1px 1px 2px #999;
border-radius: 4px;
text-align: center;
}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;postion:relative;right:-10px;}
.title{
font-weight: bold;
font-size: 12px;
color: #303030;
margin: 5px;
}
.image img{padding-top: 13px;height:40px;width:40px;}
.image{text-align:center;}
.points{
background: url(http://s6.tinypic.com/286sfuu_th.jpg) no-repeat;
padding-bottom: 5px;
padding-left: 18px;
color:#242424;
font-weight:bold;
font-size:11px;
float:left;
text-align:center;
}
.sale{color:green;font-style: italic;font-size:11px;float:right;text-align:center;}
.item{width:188px;min-height:195px;border:1px solid #CECECE;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{
float: left;
margin-left: -10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
background: #E9E9E9;
border: 1px solid #CECECE;
border-left: 0;
width: 92.3%;
text-align: left;
margin-top: 30px;
margin-bottom: 5px;
}
.description {color: #242424;font-size: 11px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:center;width:850px;height:auto;overflow:hidden;margin-left:20px}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: -50;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid gray;
height: 210px;
background: white;}
.cartWrapper{position: fixed;right:0;bottom:30px;float:right;width:280px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 130px;
text-align: center;
background: white;
border-top: 2px solid gray;
margin-top: 5px;
width: 100% !important;}
input[type="button"], input[type="reset"], input[type="submit"] {
margin-bottom: -20px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 15px;
color: black;
border: 1px solid #CECECE;
background-color: #F3F3F3;
padding: 4px 10px;
-webkit-transition: all 0.3s;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: 1px solid #CECECE;
background: #CECECE;
box-shadow: 0 0 0px;
}
button.button1, button.button2, input.button1, input.button2 {
margin: 3px;
cursor: pointer;
border-radius: 2px;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 16px;
color: black;
border: 1px solid #CECECE;
background: #F3F3F3;
padding: 1px 2px;
-webkit-transition: all 0.3s;
}
button.button1:hover, button.button2:hover, input.button1:hover, input.button2:hover {
color: white;
border: 1px solid #A3A3A3;
background-color: #A3A3A3;
}
.type_header {
-webkit-box-shadow: none !important;
margin: 0px;
padding: 4px 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-family: arial, helvetica, sans-serif;
color: white;
background-image: url(http://i47.tinypic.com/33nusqs.jpg);
background-color: #8A8783;
border: 1px solid #6E6A65;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-position: initial initial;
background-repeat: repeat no-repeat;
width: 778px;
}
</style>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<div id="Doarfast" style="display:none">
<div id="hide">
<img src="http://2img.net/i/fa/empty.gif" class="closebutton" width="20px" height="20px" onclick="Doarfast();">
</div>
<h1><img src="http://i49.tinypic.com/znramd.jpg" alt="Icon"> Fazer Doação</h1>
<div class="Doarfast-content">
<form action="/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid=0e95a036a60e1173bec2f388445bc7c8" name="form" method="post">
<fieldset class="fieldset_left html-editor" style="margin-top:10px;">
<p style="margin:0 0 10px;">
</p>
<table cellspacing="1">
<thead>
<tr>
<th style="width:80%;">Nome</th>
<th style="width:20%;">Pontos à adicionar</th>
</tr>
</thead>
<tbody class="center">
<tr>
<td>Administradores</td>
<td><input type="text" name="points_to_add[1]"></td>
</tr>
<tr>
<td>Moderadores</td>
<td><input type="text" name="points_to_add[2]"></td>
</tr>
<tr>
<td>Membro</td>
<td><input type="text" name="points_to_add[3]"></td>
</tr>
<tr>
<td>Co-Administrador</td>
<td><input type="text" name="points_to_add[4]"></td>
</tr>
<tr>
<td>Designer</td>
<td><input type="text" name="points_to_add[5]"></td>
</tr>
<tr>
<td>Cliente</td>
<td><input type="text" name="points_to_add[6]"></td>
</tr>
<tr>
<td>Vip BS</td>
<td><input type="text" name="points_to_add[7]"></td>
</tr>
<tr>
<td>Membro ativo</td>
<td><input type="text" name="points_to_add[8]"></td>
</tr>
<tr>
<td>Banido</td>
<td><input type="text" name="points_to_add[9]"></td>
</tr>
</tbody>
</table>
<div class="submit">
<input class="icon_ok" type="submit" name="submit" value="Salvar">
<input type="hidden" name="action" value="add_points_for_group">
</div>
</fieldset>
</form>
</div>
</div>
<script type="text/javascript">
function Doarfast() {var x = document.getElementById('Doarfast'); if (x.style.display == 'none') {jQuery(x).add('#Doarfaster').fadeIn('slow');var r = x.getElementsByTagName('form')[0].redirect;r.value = window.location.href;} else {jQuery(x).add('#Doarfaster').fadeOut('slow');}}jQuery(function(){ if(document.getElementById('logout')) document.getElementById('Doarfastbtn').style.display = 'none'; });
</script>
<style>
div.module.main.module-advert {
display: none;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.ipsButton_secondary img {
vertical-align: middle;
margin-top: -1px;
}
.ipsButton_secondary:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
index.phpmedia="screen, print"
.input_submit, .ipsButton_secondary {
outline: none;
}
.ipsButton_secondary {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary:active{-webkit-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;position:relative;top:1px}
#Doarfast{
background: rgba(0, 0, 0, 0.6) url('http://fcimage.net/public/style_images/imgfc/trans60.png') repeat;
box-shadow:10px 10px 40px #000;
color:#333;
font-family:sans-serif;
left:30%;
position:fixed;
top:20%;
width:550px;
z-index: 999;
padding: 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#Doarfaster {
background-color: #3E3E3E;
filter: Alpha(opacity=80);
left: 0;
min-height: 101%;
opacity: 0.4;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
#Doarfast h1 {
padding: 5px;
font-size: 12px;
text-align: center;
color: #727272;
text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
}
.Doarfast-content {
background-color: #FCFCFC;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
.Doarfast-content td {
padding: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid white;
}
#Doarfast img.closebutton{
background:url(http://i50.tinypic.com/33kqfld.png) no-repeat;
cursor:pointer;
float:right;
height:22px;
margin:5px;
width:22px
}
.pun input {
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.pun input:focus {
background-color:#fefefe;color:#555;border-color:#bbb;-webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2);box-shadow:inset 0px 0px 4px rgba(0,0,0,0.2)
}
.submit {
padding: 15px;
text-align: center;
background: #EEE url('http://i46.tinypic.com/2v0y81x.png') repeat-x 0 0;
border-top: 1px solid #CCC;
height: 30px;
}</style>
<div class="header"><font style="font: 30px fjalla one; text-transform: uppercase;">Faça já o seu pedido!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">
<div class="type_header">Marvel RPG - Shop</div>
<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="999"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item2" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item3" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item19" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item20" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item21" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item22" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item23" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item24" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item25" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item26" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item27" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item28" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item29" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item30" value="Comprar"></font></font>
</div>
</div>
</div>
<div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"><font><font>Total de Moedas = </font></font></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="The Phoenix">
<input value="[Request] Marvel RPG - Shop" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> Atualize antes de enviar.
<br>
<button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
</div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes de enviar! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
</div>
<script>jQuery.get('/forum', function(data) {jQuery('#Doarfast .Doarfast-content form[name="form"]').attr('action','/admin/index.forum?part=modules&sub=point&mode=don&extended_admin=1&tid='+jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join(''));});
jQuery('.submit input.icon_ok[type="submit"][name="submit"][value="Salvar"]').click(function() {
jQuery.get('/forum', function(data) {
var tid=jQuery('#pun-foot p.center strong a[href^="/admin/index.forum?"]', data).attr('href').split('/admin/index.forum?part=admin&tid=').join('');
jQuery.get('/admin/index.forum?part=modules&sub=html&extended_admin=1&tid='+tid, function(data) {
if(jQuery('input[name="points_to_add[1]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[1]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[1]"]').val());
}
if(jQuery('input[name="points_to_add[2]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[2]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[2]"]').val());
}
if(jQuery('input[name="points_to_add[3]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[3]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[3]"]').val());
}
if(jQuery('input[name="points_to_add[4]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[4]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[4]"]').val());
}
if(jQuery('input[name="points_to_add[5]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[5]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[5]"]').val());
}
if(jQuery('input[name="points_to_add[6]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[6]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[6]"]').val());
}
if(jQuery('input[name="points_to_add[7]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[7]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[7]"]').val());
}
if(jQuery('input[name="points_to_add[8]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[8]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[8]"]').val());
}
if(jQuery('input[name="points_to_add[9]"]').val()=='') {}
else {
jQuery('tbody.center tr td input[name="points_to_add[9]"]', data).val(jQuery('tbody.center tr td input[name="points_to_add[9]"]').val());
}
jQuery('input[value="add_points_for_group"] + input[value="Salvar"][name="submit"]', data).click();
});
});
});</script></div></div>
Lhe ensinei a pegar o id por:
- Código:
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
Poderá fazer isso quantas vezes quiser, porém multiplique o código:
- Código:
<script>
$.get('/profile?mode=viewprofile&u='+_userdata["username"]+'', function(cash) {
var cash = $('#field_id-13', cash).text();
$('#receber').text(cash);
});
</script>
E adicione a div de receber:
- Código:
<div id="receber2"></div>
Estou com pressa e totalmente sem tempo, se fizer de vagar vai conseguir. Perdoe-me, ok?
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 01.03.15 22:13
O campo que eu preciso mostrar na página da Loja, no caso, o dinheiro, se encontra na Ficha de Personagem do fórum. Que modificação eu posso fazer no código para mostrar esse campo? Já aprendi a pegar a ID, mas não está funcionando. ;(
Eu não posso passar ele pro Perfil porque não sei criar um campo do tipo necessário, que no caso seria um inteiro, modificável apenas pela staff e com valor inicial de $ 1000. Isso eu consegui criar apenas na ficha de personagem, no Perfil não.
Tem como dar uma ajudinha? Esses campos estão me dando uma dor de cabeça... E pior que é algo extremamente necessário para o nosso sistema.
Muito obrigado por toda a ajuda até agora, todas as informações estão sendo muito úteis!
Atenciosamente, Lineshooter.
Eu não posso passar ele pro Perfil porque não sei criar um campo do tipo necessário, que no caso seria um inteiro, modificável apenas pela staff e com valor inicial de $ 1000. Isso eu consegui criar apenas na ficha de personagem, no Perfil não.
Tem como dar uma ajudinha? Esses campos estão me dando uma dor de cabeça... E pior que é algo extremamente necessário para o nosso sistema.
Muito obrigado por toda a ajuda até agora, todas as informações estão sendo muito úteis!
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 05.03.15 21:59
Up...
Por favor, o problema ainda não foi resolvido. Alguém poderia auxiliar?
Desculpe pelo double post, não queria perder o tópico sem sanar a dúvida.
Atenciosamente, Lineshooter.
Por favor, o problema ainda não foi resolvido. Alguém poderia auxiliar?
Desculpe pelo double post, não queria perder o tópico sem sanar a dúvida.
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Konai 05.03.15 22:12
Saudações autor!
Queira checar e leia com calma por gentileza a seguinte FAQ:
[FAQ] Criação e gestão dos perfis
Poderá ver que ao criar um perfil, seja lá qual for e voltar neste perfil criado clicando no botão "
", ao descer a página notará que existe o campo de "conteúdo padrão", onde poderá fazer como na ficha. 
E além disto, há uma opção chamada "Quem pode modificar o valor do seu conteúdo?" onde você poderá marcar Moderadores para que apenas os grupos possam modificar.
Até!
Queira checar e leia com calma por gentileza a seguinte FAQ:
[FAQ] Criação e gestão dos perfisPoderá ver que ao criar um perfil, seja lá qual for e voltar neste perfil criado clicando no botão "
", ao descer a página notará que existe o campo de "conteúdo padrão", onde poderá fazer como na ficha. E além disto, há uma opção chamada "Quem pode modificar o valor do seu conteúdo?" onde você poderá marcar Moderadores para que apenas os grupos possam modificar.
Até!
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Lineshooter 10.03.15 1:24
Problema resolvido!
Também andava um tanto sem tempo, então entendo perfeitamente sua situação @EuficoLoko !
Sem problemas, você ajudou muito, mas muito mesmo!
Então, com a ajuda do comentário de @Hakuouki eu dei mais uma mexida no Perfil do fórum, ajeitei ele certinho e daí pra frente, só precisei modificar as ids e tudo funcionou como esperado. Já editei com CSS e estilizei, devo adicionar que estou muito contente com o resultado. Agora vem a parte fácil (finalmente) que será tabelar os preços, adicionar mais alguns itens e separar as categorias com imagens coloridas pra quebrar um pouco esse clima B&W, haha.
Vou postar a imagem do resultado aqui para que vocês vejam como está.
Muito obrigado a todos, mesmo! A ajuda de vocês foi essencial para alcançar o resultado que eu queria.
Dou o tópico por Resolvido e a dúvida por sanada. Abraços.
Atenciosamente, Lineshooter.
Também andava um tanto sem tempo, então entendo perfeitamente sua situação @EuficoLoko !
Sem problemas, você ajudou muito, mas muito mesmo!
Então, com a ajuda do comentário de @Hakuouki eu dei mais uma mexida no Perfil do fórum, ajeitei ele certinho e daí pra frente, só precisei modificar as ids e tudo funcionou como esperado. Já editei com CSS e estilizei, devo adicionar que estou muito contente com o resultado. Agora vem a parte fácil (finalmente) que será tabelar os preços, adicionar mais alguns itens e separar as categorias com imagens coloridas pra quebrar um pouco esse clima B&W, haha.
Vou postar a imagem do resultado aqui para que vocês vejam como está.
Muito obrigado a todos, mesmo! A ajuda de vocês foi essencial para alcançar o resultado que eu queria.
Dou o tópico por Resolvido e a dúvida por sanada. Abraços.
Atenciosamente, Lineshooter.
Lineshooter- **
- Membro desde : 08/03/2014
Mensagens : 69
Pontos : 106 -
Re: Como adicionar campo que mostre a quantidade de dinheiro que o personagem possui FORA do perfil
por Konai 10.03.15 1:27
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Tópicos semelhantes» Como adicionar ícones no campo do perfil
» Como aumentar quantidade de caracteres para o campo nome de usuário?
» Adicionar borda em um determinado campo de perfil
» Adicionar campo no perfil de um certo usuário
» Como eu coloco mensagem automática em um campo da ficha de personagem?
» Como aumentar quantidade de caracteres para o campo nome de usuário?
» Adicionar borda em um determinado campo de perfil
» Adicionar campo no perfil de um certo usuário
» Como eu coloco mensagem automática em um campo da ficha de personagem?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos