Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Dalas_4I20 Dalas_4I20  • Sáb 23 Mar 2013 - 22:12

[PEDIDO] Avatar Em cima do tpc Empty [PEDIDO] Avatar Em cima do tpc Sáb 23 Mar 2013 - 22:12

Reputação da mensagem: 100% (1 votos)
OLHE O SPOILER Smile

Spoiler:

B-bytes B-bytes  • Sáb 23 Mar 2013 - 22:17

[PEDIDO] Avatar Em cima do tpc Empty Re: [PEDIDO] Avatar Em cima do tpc Sáb 23 Mar 2013 - 22:17

Dalas, passe-me seu viewtopic_body por favor.

Dalas_4I20 Dalas_4I20  • Sáb 23 Mar 2013 - 22:29

[PEDIDO] Avatar Em cima do tpc Empty Re: [PEDIDO] Avatar Em cima do tpc Sáb 23 Mar 2013 - 22:29

Reputação da mensagem: 100% (1 votos)
Cara ainda vou criar meu forum

B-bytes B-bytes  • Sáb 23 Mar 2013 - 22:34

[PEDIDO] Avatar Em cima do tpc Empty Re: [PEDIDO] Avatar Em cima do tpc Sáb 23 Mar 2013 - 22:34

Reputação da mensagem: 100% (1 votos)
Adicione ao seu viewtopic_body(após à tag<!-- END switch_fb_likebtn -->):

Código:
<div class="titlebox">
  <dd> <dava><div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">
        <dts>Iniciado por </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span></div></div>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <div class="seguir">
      <li>{S_WATCH_TOPIC}</li>
    </div>
  <!-- END watchtopic -->
<!-- END switch_user_logged_in -->
  </dd></div>

Adicione ao css:

Código:
/*box*/
.titlebox {
background: #EFEFEF;
border: 1px solid #D6D6D6;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 4px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 420px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #a4a4a4;; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.seguir {float: right; position: relative;}
.seguir a {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ececec url('http://i45.tinypic.com/2hrd3tg.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!important;
text-shadow: #fff 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.seguir a:hover {color:#4c4c4c;background-color:#f8f8f8}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0,0.2);
}



Crie um novo javascript com investimento nos tópicos:

Código:
jQuery(document).ready(function() {
var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
$('.teste').attr('src',url);
var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
jQuery('.teste2').attr('href',url2);
var url3=jQuery('.post:first .postmain .postbody .user .user-ident .username').html();
jQuery('span[itemprop="creator"]').html(url3);
var url5=jQuery('span.data-post').html();
jQuery('span[itemprop="data_post"]').html(url5);
});

Anonymous Convidad  • Dom 24 Mar 2013 - 10:12

[Dark]Doki-. [Dark]Doki-.  • Dom 24 Mar 2013 - 11:02

[PEDIDO] Avatar Em cima do tpc Empty Re: [PEDIDO] Avatar Em cima do tpc Dom 24 Mar 2013 - 11:02

JScript escreveu:Olá!

O mesmo conteúdo pode ser achado no seguinte link: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Tá na hora dos usuários usarem mais o sistema de buscas do fórum!

JS

Realmente, concordo plenamente.



Tópico Resolvido; e Bloqueado

Conteúdo patrocinado  • 

[PEDIDO] Avatar Em cima do tpc Empty Re: [PEDIDO] Avatar Em cima do tpc

Permissões neste sub-fórum
Não podes responder a tópicos