Perfil horizontal

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

Resolvido Perfil horizontal

Mensagem por Sapinho em 26/05/13, 11:23 am

Qual é minha questão:
Bom dia, modifiquei meu perfil para que fique na horizontal em vez dos padrões verticais, no entanto os dados do perfil ficam fora do quadro, se possível coloca-los na seguinte ordem horizontal:
Avatar + nick embaixo
Rank e Grupo
Perfil
Ficha rpg



Segue dados complementares:

Meu css:

Spoiler:
Código:
/** resposta retrail**/
#quick_reply {
display: none;
}
/*Informações Pessoais em Linha Horizontal*/
ul.profile_field_list li {exibição :em linha - bloco; display: block; display:inline-block !important;
}
/*---/ Caixa de Cores /---*/
        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
/** Barra de Navegação Personalizada **/
#pun-head #pun-navlinks {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#pun-navlinks {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#pun-navlinks li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#pun-navlinks ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#pun-navlinks li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#pun-navlinks li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
/*tópico*/
.userinfo {  
border: 1px solid #E7E7E7;
border-bottom: 1px solid #D9E2EC;
background: #0d0101;
text-shadow: white 0px 1px 0px;
float: none;
width: auto;
text-align: left;
position: relative;
padding-left: 11px;
padding-right: 11px;
padding-top: 11px;
height: 115px;
}




.user-avatar a img {
border-radius: 600px !important;
float: left;
max-height: 94px;
max-width: 94px;
height: 94px!important;
width: 94px!important;
margin-right: 10px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.username {
padding-left: 4px;
margin-left: 4px;
}




.post-options img:hover {
opacity: 0.8;
}




.posting img:hover {
opacity: 0.9;
}




.pun .postmain {
background-color: #080808;
border-left: 0px;
margin-left: 0em;
}




.perfilsright {
float: right;
}




.pun .post-entry {
font-size: 14px;
line-height: 1.5em;
text-align: justify;
color: #444;
}
.pun .post-entry {
padding: 1em 1em 0;
}








/*--- Estatística estilo IPB por Premotheus ---*/




#estadisticas{
  background: #0f0e0f;
  border:1px solid #0f0e0f;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius:7px;
}




#Legend {
  border-top: 1px solid #EAEAEA;
  padding-top:10px;
  font-size: 1.1em;
  font-weight: bold;
  clear:both;
  font-weight:700;
  padding-bottom:5px
}








.main .main-content.frm {
background: #0f0e0f;
padding: 10px;
}




#quick_reply, .main .main-content.frm {
background-color: #0f0e0f;
}
.main-content.frm{background-color:#0a010a}.main .main-content.google{background-color:#140314;padding:10px 10px 0}
.pun .main-content {
background: white;
}




.pun .main-content {
webkit-border-top-left-radius: 1px;
border-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-radius: 1px;
background-color: #0a010a;
border: 1px solid #080008;
}




#onlinelist {
border-top: 0px transparent;
padding: 0.6em 1em;
}




#board-stats span{
  background-color:transparent;
  color:#4A4A4A;
  font-weight:700;
  padding:2px 6px
}




#board-stats{
  background:#0f0e0f;
  border-left: 1px solid #eaeaea;
  border-left-color-ltr-source:physical;
  border-left-color-rtl-source:physical;
  border-left-color-value:#DEDEDE;
  border-left-style-ltr-source:physical;
  border-left-style-rtl-source:physical;
  border-left-style-value:solid;
  border-left-width-ltr-source:physical;
  border-left-width-rtl-source:physical;
  border-left-width-value:0;
  float:right;padding-left:20px;
  margin-top:-7px;
  width:38%
}




#board-stats dl{margin-top:10px}#board-stats dd,#board-stats dt{
  border-top-color:#DEDEDE;
  border-top-style:solid;
  border-top-width:1px;
  float:left;
  font-size:.85em;padding:6px 2px;
  width:45%}




#board-stats dt{
  color: #595959;
  font: normal 10px tahoma, arial, verdana, sans-serif;
  clear:both;
  font-weight:700
}




#board-stats h2{
  padding-top:10px;
  font-size: 1.1em;
  font-weight: bold;
  clear:both;
  font-weight:700
}












.maintitle {
background: #F8F8F8 url(http://www.ggames.com.br/forum/public/style_images/baisik/gradient_bg.png) repeat-x left 50%;
color: #B4453B;
text-shadow: white 0px 1px 0px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding: 11px !important;
margin: 0 !important;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
}




h3.maintitle{
color: #B4453B;
text-shadow: white 0px 1px 0px;
line-height: 20px;
font-weight: bold;
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold; 
}




/*--- Fim ---*/
/* Efeito black in white */
img {
-webkit-filter: grayscale(0);
display: inline-block;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}img:hover {
-webkit-filter: grayscale(1);
}
.module {
text-align: center;
}
.statused .hierarchy {
    position: relative;
    left: 50%;
    }
.main .main-head .page-title {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   }
.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
/*** pesquisa ***/
#pesquisaButton:hover{background: rgba(50, 50, 50, 0.9);}
#pesquisaButton{padding: 5px;cursor:pointer;padding-left: 9px;border: 1px solid black;background: rgba(50, 50, 50, 0.7);padding-right: 9px;font-weight: 800;}
#pesquisaCaixa{height: 30px;background: rgba(50, 50, 50, 0.2);color: black;border-top:0px;
border-right:0px;border-bottom:0px;border-left: 2px solid black;font-weight: 800;font: arial;
width:300px;}
#formPesq{max-width:400px;padding:14px;margin-top:7px;border: 2px solid darkblue;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: #218AE0;}
#pesqButton:hover{color:black;}
#pesqButton{padding: 9px;border-top: 2px solid darkblue;border-left: 2px solid darkblue;
border-right: 2px solid darkblue;color: #fafafa;font-weight:bold;font: verdana;cursor:pointer;
border-top-left-radius: 8px;border-top-right-radius: 8px;background: #218AE0;}
/** navegação **/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #0a010a;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/** code **/




.codebox {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
border: 2px solid#35A002;
padding: 0px;
border-radius: 0px 50px 0px 50px;
}
.codebox:hover {
    background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
    box-shadow: 0px 0px 10px green;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
}
.codebox dd {
border: 2px dotted #229605;
border-radius: 20px;
margin: 1.5em;
padding: 0.5em;
background-color: rgba(228, 255, 228, 0.83);
margin-left: 45px;
}
.codebox dt {
border: none;
font-weight: bold;
color: green;
font-family: Arial;
font-size: 13px;
padding-left: 11px;
padding-top: 7px;
}
.codebox dt:before {
content: "Você está Visualizando um ";
}
/** Spoiler**/




.codebox.spoiler  {
padding: 0px;
border-radius: 0px 50px 0px 50px;
background: url('http://cdn2.iconfinder.com/data/icons/scrap/Folder%20Closed%20Silver.png') no-repeat 8px #F8EF86;
background-size: 31px;
box-shadow: 0px 0px 10px #ABB300;
border: 2px solid #B4B402;
}
.codebox.spoiler:hover {
background: url('http://cdn2.iconfinder.com/data/icons/scrap/Folder%20Closed%20Silver.png') no-repeat 8px #F8EF86;
box-shadow: 0px 0px 20px #C1D108;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
background-size: 41px;
}
.codebox.spoiler dd {
border-radius: 20px;
margin: 1.5em;
padding: 0.5em;
margin-left: 45px;
border: 3px dotted #B6B600;
    background-color: rgba(252, 255, 228, 0.84);
}
.codebox.spoiler dt {
border: none;
font-weight: bold;
font-family: Arial;
font-size: 13px;
padding-left: 11px;
padding-top: 7px;
color: rgb(170, 170, 2);
    text-shadow: 1px 1px 3px rgb(255, 255, 150);
}
.codebox dt:before {
content: "Você está Visualizando um ";
}
.spoiler_content.hidden {
display: none;
}
.spoiler:hover .spoiler_content {
    display:block;
}
/**opçoes em hover**/
.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
a:hover {
text-transform: uppercase;
}
#userlinks ul li a { 
display: none !important;
}
.avatartge img {
    height: 150px !important;
    margin: -143px 5px 12px !important;
    width: 150px !important;
}
/* Link externo em pop-up - Por HenRyqUéè */
 #framelink{background:#adadad;width: 86%;right:15%;height:500px !important;}
 #locs2{margin-top:3%;}
 #locs{top:0%;position: fixed;z-index: 999;width: 100%;height: 1000px;background: rgba(50, 50, 50, 0.90);}
 #fecha{color:black;font-weight:bold;cursor:pointer;padding:7px;}
/*memberliste/*/
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}
.Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF}
.Sname{text-align:right}
.rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px}
.rutgonML{float:left;width:10%}
.rutgonML p{background-color:#C2BFBF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px}
.rutgonML:hover{box-shadow:0 0 10px 5px #000}




/*Sombra estrutura*/
.pun {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}

View topic_body
Spoiler:
Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>




<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->




<div class="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
   </p>
</div>
<div class="main paged">
   <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->




         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>
   {POLL_DISPLAY}
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>




   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                  {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>{postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>




               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="userinfo">
                                                  <div class="perfilsright"> 
<div class="user">
<div class="user-ident">
                                                                {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
  <br /></div></div>
<div class="user-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<h4 class="username">
  {postrow.displayed.POSTER_NAME}
</h4>
<div class="user-basic-info">{postrow.displayed.POSTER_RANK_NEW}<br />{postrow.displayed.RANK_IMAGE}</div><br />
</div>
                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->




                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->




                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->




                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->




                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />




                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->




                                       <!-- BEGIN switch_no_dl_att -->
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_no_dl_att -->
                                    </dt>




                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->




                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->




                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>




               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->




               <div class="postfoot">
                  <div class="user-contact">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>




   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />




         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />




         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>




   <a name="bottomtitle"></a>




   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->




         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>




</div>




<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>




<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->




<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->




<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->




<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>




<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->




<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Endereço do meu fórum:
http://academianinja2.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Sapinho em 27/05/13, 01:10 pm, editado 1 vez(es)
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Perfil horizontal

Mensagem por MateusA em 26/05/13, 11:48 am

Olá! Deixa eu ve se entendi você quer botar os Campos do RPG mais pra cima ?

Troque o templante por esse

Código:
        <script type="text/javascript">//<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
          _atc.cwait = 0;
          $('.addthis_button').mouseup(function(){
              if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>




        <!-- BEGIN switch_user_logged_in -->
        <div id="pun-visit" class="clearfix">
          <ul>
              <!-- BEGIN switch_plus_menu -->
              <li>
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
              </li>
              <!-- END switch_plus_menu -->
              <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
              <!-- BEGIN watchtopic -->
              <li>{S_WATCH_TOPIC}</li>
              <!-- END watchtopic -->
          </ul>
          <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
        </div>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <div id="pun-visit">
          <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
        </div>
        <!-- END switch_user_logged_out -->




        <div class="pun-crumbs noprint">
          <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
              <!-- BEGIN switch_twitter_btn -->
              <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
              </span>
              <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <span id="fb_likebtn" style="margin-left: 6px; ">
                <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
              </span>
              <!-- END switch_fb_likebtn -->
          </p>
        </div>
        <div class="main paged">
          <div class="paged-head clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->




                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>
          {POLL_DISPLAY}
          <div class="main-head clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
                {L_MESSAGE} [{PAGE_NUMBER}]
              </p>
          </div>




          <div class="main-content topic">
              <!-- BEGIN postrow -->
                <!-- BEGIN displayed -->
                <div class="post"{postrow.displayed.THANK_BGCOLOR}>
                    <a name="{postrow.displayed.U_POST_ID}"></a>
                    <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                      <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                          <h2>
                            <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                          {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>{postrow.displayed.POST_DATE_NEW}
                          </h2>
                      </div>




                      <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                          <div class="userinfo">
                                                          <div class="perfilsright">
        <div class="user">
        <div class="user-ident">
                                                                        {postrow.displayed.ONLINE_IMG}
                                <!-- BEGIN profile_field -->
                                {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                <!-- END profile_field -->
                                <div class="templante_rpg">{postrow.displayed.POSTER_RPG}</div>
                            </div>
          <br /></div></div>
        <div class="user-avatar">
        {postrow.displayed.POSTER_AVATAR}
        </div>
        <h4 class="username">
          {postrow.displayed.POSTER_NAME}
        </h4>
        <div class="user-basic-info">{postrow.displayed.POSTER_RANK_NEW}<br />{postrow.displayed.RANK_IMAGE}</div><br />
        </div>
                          <div class="post-entry">
                            <div class="entry-content">
                                <!-- BEGIN switch_vote_active -->
                                <div class="vote gensmall">
                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                  <!-- END switch_vote -->




                                  <!-- BEGIN switch_bar -->
                                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                      <!-- BEGIN switch_vote_plus -->
                                      <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                      <!-- END switch_vote_plus -->




                                      <!-- BEGIN switch_vote_minus -->
                                      <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                      <!-- END switch_vote_minus -->
                                  </div>
                                  <!-- END switch_bar -->




                                  <!-- BEGIN switch_no_bar -->
                                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                  <!-- END switch_no_bar -->




                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                  <!-- END switch_vote -->
                                </div>
                                <!-- END switch_vote_active -->
                                <div>
                                  <div>{postrow.displayed.MESSAGE}</div>
                                  <!-- BEGIN switch_attachments -->
                                  <dl class="attachbox">
                                      <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                      <dd>
                                        <!-- BEGIN switch_post_attachments -->
                                        <dl class="file">
                                            <dt>
                                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />




                                              <!-- BEGIN switch_dl_att -->
                                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_dl_att -->




                                              <!-- BEGIN switch_no_dl_att -->
                                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_no_dl_att -->
                                            </dt>




                                            <!-- BEGIN switch_no_comment -->
                                            <dd>
                                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                            </dd>
                                            <!-- END switch_no_comment -->




                                            <!-- BEGIN switch_no_dl_att -->
                                            <dd>
                                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                            </dd>
                                            <!-- END switch_no_dl_att -->




                                            <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                        </dl>
                                        <!-- END switch_post_attachments -->
                                      </dd>
                                  </dl>
                                  <!-- END switch_attachments -->
                                  <div class="clear"></div>
                                </div>
                                <p>
                                  {postrow.displayed.EDITED_MESSAGE}
                                </p>
                            </div>
                          </div>
                      </div>




                      <!-- BEGIN switch_signature -->
                      <div class="sig-content">
                          {postrow.displayed.SIGNATURE_NEW}
                      </div>
                      <!-- END switch_signature -->




                      <div class="postfoot">
                          <div class="user-contact">
                            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                          </div>
                          <div class="post-options">
                            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                          </div>
                          <div style="clear:both;"></div>
                      </div>
                    </div>
                </div>
                <!-- BEGIN first_post_br -->
              </div>
              <hr id="first-post-br" />
              <div class="main-content topic">
                <!-- END first_post_br -->
                <!-- END displayed -->
                <!-- BEGIN hidden -->
                    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
                <!-- END hidden -->
              <!-- END postrow -->
          </div>




          <div class="main-foot clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
                {L_MESSAGE} [{PAGE_NUMBER}]
              </p>
              <p class="options">
                <input type="hidden" name="t" value="{TOPIC_ID}" />




                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />




                <!-- BEGIN viewtopic_bottom -->
                {S_TOPIC_ADMIN}
                <!-- END viewtopic_bottom -->
              </p>
          </div>




          <a name="bottomtitle"></a>




          <div class="paged-foot clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->




                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>




        </div>




        <div class="pun-crumbs">
          <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
          </p>
        </div>




        <!-- BEGIN promot_trafic -->
        <div class="main" id="ptrafic_close" style="display:none">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
          </div>
        </div>
        <div class="main" id="ptrafic_open" style="display:''">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
          </div>
          <div class="main-content clearfix">
              <!-- BEGIN link -->
              » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
              <!-- END link -->
          </div>
        </div>
        <!-- END promot_trafic -->




        <!-- BEGIN switch_forum_rules -->
        <div class="main" id="forum_rules">
          <div class="main-head clearfix">
              <p class="h2">{L_FORUM_RULES}</p>
          </div>
          <table class="main-content frm">
              <tr>
                <!-- BEGIN switch_forum_rule_image -->
                <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                </td>
                <!-- END switch_forum_rule_image -->
                <td class="rules entry-content">
                    {RULE_MSG}
                </td>
              </tr>
          </table>
        </div>
        <!-- END switch_forum_rules -->




        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->




        <div id="pun-info" class="main">
          <div class="main-content">
              <div id="stats">
                <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
              </div>
          </div>
        </div>




        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->




        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script><style>.templante_rpg {
margin-top: -25px !important;
margin-left: 28px !important;
}</style>

Se não for isso descreva melhor?

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Perfil horizontal

Mensagem por Sapinho em 26/05/13, 03:00 pm

Quase isso, se observar a figura, ele está fora da área do perfil, está literalmente dentro do tópico

O Campo do perfil que seria na vertical está na horizontal, em vez de ficar do lado da postagem ele fica em cima, uma versão prática de como desejo e este forum, no entanto ele é phpbb3

http://staffergroupbr.stuning.net/t1560-suporte-perfil-horizontal#5613

avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Perfil horizontal

Mensagem por MateusA em 26/05/13, 03:11 pm

Olá! Adicione na sua CSS

Código:
    /*----------[PERFILEMU]------------*/
    .postprofile {
    background-color: #EAEAEA;
    border: 1px solid #F5F3F3;
    border-bottom: 1px solid #B4B4B4;
    height: 95px;
    margin-left: -10px;
    margin-top: 19px;
    padding: 5px;
    position: absolute;
    width: 966px;
    }
    .post {
    background: #F0F0F0;
    border: 1px solid #D0D2D3;
    }
    .post span.corners-top {
    display: none;
    }
    .postbody {
    width: 102%;
    margin-top: 130px;
    margin-right: -10px;
    }
    .postbody ul.profile-icons {
    margin: 2px 2px;
    }
    .postbody .topic-title {
    border-bottom: 1px solid #A8A8A8;
    display: block;
    padding: 5px 0 0 5px;
    }
    p.author {
    background: #1F2F35 url(http://i.imgur.com/xkjbF.gif) repeat-x 0 -5px;
    color: #D5EAC2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: -165px!important;
    padding: 5px;
    position: absolute;
    width: 968px;
    }
    .postbody .content {
    margin: 10px;
    min-height: 100px;
    }
    .postbody .topic-title a {
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

    .postprofile dd + dd + dd {
    float: right;
    margin-right: 10px;
    margin-top: -15px;
    }
    .postprofile dt strong a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: 120px;
    position: absolute!important;
    top: 5px;
    }

    .postprofile dd + dd + dd + dd + dd {
    right: 0px;
    display: block;
    position: absolute!important;
    bottom: 5px;
    margin-right: 10px;}

    .postprofile dl dt a img {
    border: 1px solid #474747;
    box-shadow: 0 0 4px black;
    height: 90px;
    width: 90px;
    }
    .postprofile dl dd {
    float: left;
    padding-left: 20px;
    padding-top: 15px;
    }
    .postprofile dl dt {
    float: left;
    }
    .postbody .topic-title a {
    position: relative;
    top: -5px;
    }
    .postprofile dt img {
    max-width: 90px;
    max-height: 90px;
    }
    .panel .postprofile {
    margin-top: 3px;
    }
    .postprofile dt img, .postprofile dd img {
    max-width: 90px;
    max-height: 90px;
    float: left;
    }
    .postprofile dt a {
    float: right;
    }
    .panel {
    margin-top: 15px;
    background: #F0F0F0;
    border: 1px solid #D0D2D3;}

Resulta?
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Perfil horizontal

Mensagem por Sapinho em 26/05/13, 04:09 pm

Não resulta, ele apenas criou um novo espaço acima

http://academianinja2.forumeiros.com/t1-seu-primeiro-topico#2
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Perfil horizontal

Mensagem por Sapinho em 27/05/13, 12:43 pm

up Demônio
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2
  • 0

Resolvido Re: Perfil horizontal

Mensagem por MateusA em 27/05/13, 12:49 pm

Olá! Troque o Templante por esse

Código:
        <script type="text/javascript">//<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
          _atc.cwait = 0;
          $('.addthis_button').mouseup(function(){
              if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>




        <!-- BEGIN switch_user_logged_in -->
        <div id="pun-visit" class="clearfix">
          <ul>
              <!-- BEGIN switch_plus_menu -->
              <li>
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
              </li>
              <!-- END switch_plus_menu -->
              <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
              <!-- BEGIN watchtopic -->
              <li>{S_WATCH_TOPIC}</li>
              <!-- END watchtopic -->
          </ul>
          <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
        </div>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <div id="pun-visit">
          <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
        </div>
        <!-- END switch_user_logged_out -->




        <div class="pun-crumbs noprint">
          <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
              <!-- BEGIN switch_twitter_btn -->
              <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
              </span>
              <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <span id="fb_likebtn" style="margin-left: 6px; ">
                <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
              </span>
              <!-- END switch_fb_likebtn -->
          </p>
        </div>
        <div class="main paged">
          <div class="paged-head clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->




                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>
          {POLL_DISPLAY}
          <div class="main-head clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
                {L_MESSAGE} [{PAGE_NUMBER}]
              </p>
          </div>




          <div class="main-content topic">
              <!-- BEGIN postrow -->
                <!-- BEGIN displayed -->
                <div class="post"{postrow.displayed.THANK_BGCOLOR}>
                    <a name="{postrow.displayed.U_POST_ID}"></a>
                    <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
                      <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                          <h2>
                            <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                          {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>{postrow.displayed.POST_DATE_NEW}
                          </h2>
                      </div>




                      <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                          <div class="userinfo">
                                                          <div class="perfilsright">
        <div class="user">
        <div class="user-ident">
                                                                        {postrow.displayed.ONLINE_IMG}
                                <!-- BEGIN profile_field -->
                              {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                <!-- END profile_field -->
                               
                            </div>
          <br /></div></div>
        <div class="user-avatar">
        {postrow.displayed.POSTER_AVATAR}
        </div>
        <h4 class="username">
          {postrow.displayed.POSTER_NAME}
        </h4>
        <div class="user-basic-info">{postrow.displayed.POSTER_RANK_NEW}                            <div style="alight: left;margin-left: -25px;position: relative;"
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.POSTER_RPG}</div><br />{postrow.displayed.RANK_IMAGE}</div><br />
        </div>
                          <div class="post-entry">
                            <div class="entry-content">
                                <!-- BEGIN switch_vote_active -->
                                <div class="vote gensmall">
                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                                  <!-- END switch_vote -->




                                  <!-- BEGIN switch_bar -->
                                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                      <!-- BEGIN switch_vote_plus -->
                                      <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                      <!-- END switch_vote_plus -->




                                      <!-- BEGIN switch_vote_minus -->
                                      <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                      <!-- END switch_vote_minus -->
                                  </div>
                                  <!-- END switch_bar -->




                                  <!-- BEGIN switch_no_bar -->
                                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                                  <!-- END switch_no_bar -->




                                  <!-- BEGIN switch_vote -->
                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                                  <!-- END switch_vote -->
                                </div>
                                <!-- END switch_vote_active -->
                                <div>
                                  <div>{postrow.displayed.MESSAGE}</div>
                                  <!-- BEGIN switch_attachments -->
                                  <dl class="attachbox">
                                      <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                      <dd>
                                        <!-- BEGIN switch_post_attachments -->
                                        <dl class="file">
                                            <dt>
                                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />




                                              <!-- BEGIN switch_dl_att -->
                                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_dl_att -->




                                              <!-- BEGIN switch_no_dl_att -->
                                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                              <!-- END switch_no_dl_att -->
                                            </dt>




                                            <!-- BEGIN switch_no_comment -->
                                            <dd>
                                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                            </dd>
                                            <!-- END switch_no_comment -->




                                            <!-- BEGIN switch_no_dl_att -->
                                            <dd>
                                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                            </dd>
                                            <!-- END switch_no_dl_att -->




                                            <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                        </dl>
                                        <!-- END switch_post_attachments -->
                                      </dd>
                                  </dl>
                                  <!-- END switch_attachments -->
                                  <div class="clear"></div>
                                </div>
                                <p>
                                  {postrow.displayed.EDITED_MESSAGE}
                                </p>
                            </div>
                          </div>
                      </div>




                      <!-- BEGIN switch_signature -->
                      <div class="sig-content">
                          {postrow.displayed.SIGNATURE_NEW}
                      </div>
                      <!-- END switch_signature -->




                      <div class="postfoot">
                          <div class="user-contact">
                            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                          </div>
                          <div class="post-options">
                            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                          </div>
                          <div style="clear:both;"></div>
                      </div>
                    </div>
                </div>
                <!-- BEGIN first_post_br -->
              </div>
              <hr id="first-post-br" />
              <div class="main-content topic">
                <!-- END first_post_br -->
                <!-- END displayed -->
                <!-- BEGIN hidden -->
                    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
                <!-- END hidden -->
              <!-- END postrow -->
          </div>




          <div class="main-foot clearfix">
              <p class="h2">
                <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
                {L_MESSAGE} [{PAGE_NUMBER}]
              </p>
              <p class="options">
                <input type="hidden" name="t" value="{TOPIC_ID}" />




                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />




                <!-- BEGIN viewtopic_bottom -->
                {S_TOPIC_ADMIN}
                <!-- END viewtopic_bottom -->
              </p>
          </div>




          <a name="bottomtitle"></a>




          <div class="paged-foot clearfix">
              <!-- BEGIN topicpagination -->
              <p class="paging">{PAGINATION}</p>
              <!-- END topicpagination -->
              <p class="posting">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
                <!-- END switch_user_authpost -->




                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
                <!-- END switch_user_authreply -->
              </p>
          </div>




        </div>




        <div class="pun-crumbs">
          <p class="crumbs">
              <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
              <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
          </p>
        </div>




        <!-- BEGIN promot_trafic -->
        <div class="main" id="ptrafic_close" style="display:none">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
          </div>
        </div>
        <div class="main" id="ptrafic_open" style="display:''">
          <div class="main-head clearfix">
              <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
              <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
          </div>
          <div class="main-content clearfix">
              <!-- BEGIN link -->
              » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
              <!-- END link -->
          </div>
        </div>
        <!-- END promot_trafic -->




        <!-- BEGIN switch_forum_rules -->
        <div class="main" id="forum_rules">
          <div class="main-head clearfix">
              <p class="h2">{L_FORUM_RULES}</p>
          </div>
          <table class="main-content frm">
              <tr>
                <!-- BEGIN switch_forum_rule_image -->
                <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                </td>
                <!-- END switch_forum_rule_image -->
                <td class="rules entry-content">
                    {RULE_MSG}
                </td>
              </tr>
          </table>
        </div>
        <!-- END switch_forum_rules -->




        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->




        <div id="pun-info" class="main">
          <div class="main-content">
              <div id="stats">
                <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
              </div>
          </div>
        </div>




        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->




        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Perfil horizontal

Mensagem por Sapinho em 27/05/13, 01:10 pm

Ele desconfigurou tudo XD, mas sussa, desisti desse perfil ele é funcional no phpbb3 por css no pun sempre fica bugado

Dei um + pela tentativa
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Perfil horizontal

Mensagem por MateusA em 27/05/13, 01:32 pm

Olá! '-' Calma '-' vamos so mais uma vês.

Troca o templante por esse
Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
      </span>
      <!-- END switch_fb_likebtn -->
   </p>
</div>



<div class="main paged">
   <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
                  <!-- BEGIN switch_user_logged_out -->
                                <li class="disabled"><a href="/login" accesskey="n" rel="nofollow"><span>Faça login para criar tópicos</span></a></li>                         
<!-- END switch_user_logged_out -->
                 
                 
      </p>
   </div>
   {POLL_DISPLAY}
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>

   <div class="main-content topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="userinfo">
                                                  <div class="perfilsright">
<div class="user">
<div class="user-ident">
                                                                {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
  <br /></div></div>
<div class="user-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<h4 class="username">
  {postrow.displayed.POSTER_NAME}
</h4>
<div class="user-basic-info">{postrow.displayed.POSTER_RANK_NEW}<br />{postrow.displayed.RANK_IMAGE}</div><br />
</div>
                  <div class="post-entry">
                     <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                           <div>{postrow.displayed.MESSAGE}</div>
                           <!-- BEGIN switch_attachments -->
                           <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                 <!-- BEGIN switch_post_attachments -->
                                 <dl class="file">
                                    <dt>
                                       <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                       <!-- BEGIN switch_dl_att -->
                                       <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_dl_att -->

                                       <!-- BEGIN switch_no_dl_att -->
                                       {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                       <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                       <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                       <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>#{postrow.displayed.COUNT_POSTS}</strong>
                                                  {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </h2>
               </div>
               <!-- BEGIN switch_signature -->
               <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
               </div>
               <!-- END switch_signature -->
               <div class="postfoot">
                  <div class="user-contact">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>

   <div class="main-foot clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <!-- BEGIN viewtopic_bottom -->
         {S_TOPIC_ADMIN}
         <!-- END viewtopic_bottom -->
      </p>
   </div>

   <a name="bottomtitle"></a>

   <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
         <!-- END switch_user_authpost -->

         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
         <!-- END switch_user_authreply -->
      </p>
   </div>

</div>

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » 
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
   </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
   <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
   </div>
   <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
   <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
   </div>
   <table class="main-content frm">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
   </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<style>
  .main .main-foot, .main .main-head {
  margin-bottom: 10px;
}

Adicione em Primeiro na sua CSS:

Código:
 /*tópico e post*/
#stats {
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
font-size: 11px;
font-weight: 700;
line-height: 150%;
font: normal 12px arial,helvetica,sans-serif;
color: white;
background: #363636 url(http://www.webcheats.com.br/forum/images/buttons/newbtn_middle.png) repeat-x;
padding: 4px 10px 4px 10px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#onlinelist {
background-color: #f4f4f4;
border-top: 1px dashed #ccc;
padding: .6em 1em;
border-bottom: 1px solid #C7D6E7;
border-left: 1px solid #C7D6E7;
border-right: 1px solid #C7D6E7;
background: white url(http://i.imgur.com/VluyE.png) repeat-x;
}
.pun .postmain {
background-color: #FFFFFF;
border-left: 0px;
margin-left: 0em;
}

.pun .post {
border: 0px;
}

.postfoot {
margin: 0;
margin-bottom: 5px;
background: white;
border: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
border-bottom: 1px solid #EAEAEA;
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
}

.perfilsright {
float: right;
}

.pun .post-entry {
font-size: 14px;
line-height: 1.5em;
text-align: justify;
color: #444;
}

.pun .post-entry {
padding: 1em 1em 0;
}

/*quick-reply*/
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}


.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px transparent;
padding: .6em 1.3em .3em;
}

.pun .posthead {
background: white;
border-top: 0px;
border-bottom: 0px;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
padding: 0 10px;
color: #cfcfcf;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 12px;
}

.pun .posthead a {
color: #cfcfcf;
}

.pun .posthead h2 strong {
  float: left;
}

.post:hover .post-options, .post:hover .posthead {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover, .post .posthead:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options, .post .posthead {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}

.userinfo { 
background: rgb(240, 240, 240);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.94) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.94)), color-stop(100%,rgba(255,255,255,0.94)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.94) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.94) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.94) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%);
-webkit-box-shadow: inset rgba(0,0,0,0.07) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.07) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.07) 0px 0px 0px 1px;
float: none;
width: auto;
text-align: left;
position: relative;
padding-left: 11px;
padding-right: 11px;
padding-top: 11px;
height: 115px; 
float: none;
width: auto;
text-align: left;
color: #666;
font-size: 11px;
}
.user-avatar a img {
float: left;
max-height: 94px;
max-width: 94px;
height: 94px!important;
width: 94px!important;
margin-right: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 50px;
-webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.35) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
}

.user-avatar a img:hover {
  opacity: 0.8;
}

.username {
padding-left: 4px;
margin-left: 4px;
  font-size: 24px;
font-weight: 300;
}
user-basic-info {
  padding: 20px!important;
}
.posting img:hover {
opacity: 0.9;


Até mais..
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Perfil horizontal

Mensagem por Neils em 27/05/13, 03:15 pm

Se o primeiro Css do Crazy não der tente esse:

Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
        <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
      <!-- END switch_fb_likebtn -->
  </p>
</div>



<div class="main paged">
  <div class="paged-head clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
                  <!-- BEGIN switch_user_logged_out -->
                                <li class="disabled"><a href="/login" accesskey="n" rel="nofollow"><span>Faça login para criar tópicos</span></a></li>                         
<!-- END switch_user_logged_out -->
                 
                 
      </p>
  </div>
  {POLL_DISPLAY}
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>

  <div class="main-content topic">
      <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->
        <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
              <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="userinfo">
                                                  <div class="perfilsright">
<div class="user">
<div class="user-ident">
                                                                {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>
  <br /></div></div>
<div class="user-avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<h4 class="username">
  {postrow.displayed.POSTER_NAME}
</h4>
<div class="user-basic-info">{postrow.displayed.POSTER_RANK_NEW}<br />{postrow.displayed.RANK_IMAGE}</div><br />
</div>
                  <div class="post-entry">
                    <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                          <!-- END switch_vote -->

                          <!-- BEGIN switch_bar -->
                          <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                          </div>
                          <!-- END switch_bar -->

                          <!-- BEGIN switch_no_bar -->
                          <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                          <!-- END switch_no_bar -->

                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                          <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                          <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file">
                                    <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                      <!-- BEGIN switch_dl_att -->
                                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                              </dd>
                          </dl>
                          <!-- END switch_attachments -->
                          <div class="clear"></div>
                        </div>
                        <p>
                          {postrow.displayed.EDITED_MESSAGE}
                        </p>
                    </div>
                  </div>
              </div>
              <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                    <strong>#{postrow.displayed.COUNT_POSTS}</strong>
                                                  {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
                  </h2>
              </div>
              <!-- BEGIN switch_signature -->
              <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
              </div>
              <!-- END switch_signature -->
              <div class="postfoot">
                  <div class="user-contact">
                    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options">
                    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
              </div>
            </div>
        </div>
        <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
      <!-- END postrow -->
  </div>

  <div class="main-foot clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <!-- BEGIN viewtopic_bottom -->
        {S_TOPIC_ADMIN}
        <!-- END viewtopic_bottom -->
      </p>
  </div>

  <a name="bottomtitle"></a>

  <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> 
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>

</div>

<div class="pun-crumbs">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
  </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
  </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
  </div>
  <div class="main-content clearfix">
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
  </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
  <div class="main-content">
      <div id="stats">
        <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
  </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<style>
  .main .main-foot, .main .main-head {
  margin-bottom: 10px;
}

Fiz umas alterações! xD Irritado
avatar

Neils
Nível 9

Masculino
Inscrito dia : 09/04/2013
Mensagens : 197
Pontos Ativos : 280

Ver perfil do usuário http://ultrapocket.forumeiros.eu/ https://www.facebook.com/N TENHO https://twitter.com/N TENHO

Resolvido Re: Perfil horizontal

Mensagem por Sapinho em 27/05/13, 09:14 pm

o primeiro não resultou

o segundo deu erro

Erro

A baliza foi fechada antes de ter sido aberta ou ela não foi aberta.
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

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

- Tópicos similares

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