Autor Tópico: Perfil com visão horizontal  (Lida 10591 vezes)

0 Membros e 3 Visitantes estão a ver este tópico.

Offline Webmaster

  • Desenvolvimento
  • *
  • Mensagens: 2236
  • Rank: 113
  • Sexo: Masculino
  • JoomlaMZ !
    • Servidores
Perfil com visão horizontal
« em: 06 de Junho de 2016, 20:40 »





Display.template.phpPesquisar por
Código: [Seleccione]
         // Show avatars, images, etc.?
         if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
            echo '
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li>';
Alterar colocar este aqui
Código: [Seleccione]
         echo '          </ul>
                  </div></div>
                  <div class="right_colum"> <!--Inicio tercera columna-->
                  <div class="poster"><ul class="reset smalltext">';




Pesquisar por este codigo


       
Código: [Seleccione]
    <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">';

      // Show information about the poster of this message.
      echo '
                  <div class="poster">


Alterar por este codigo

Código: [Seleccione]
            <span class="clear upperframe"><span></span></span>     
               <div class="roundframe">
                  <div class="cont_colum_post"><!--Inicio de columnas -->';

      // Show avatars, images, etc.?
      if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
         echo '      <div class="left_colum"><ul class="reset"> <!--Inicio Primera columna -->
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li></ul></div>';

      // Show information about the poster of this message.
      echo '          <div class="left_colum"> <!--Inicio segunda columna-->
                  <div class="poster">


Pesquisar por

                 
Código: [Seleccione]
   </ul>
                  </div>
                  <div class="postarea">


Alterar por este aqui


Código: [Seleccione]
                     </ul>
                  </div></div>
               </div><!--Fin de columnas --></div>
            <span class="lowerframe"><span></span></span>
            <span class="divider_info"><span></span></span>
             
            <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">           
                  <div class="postarea">


Index.cssPesquisar por
Código: [Seleccione]
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}


Alterar por

Código: [Seleccione]
/* Informacion de usuario Horizontal */
#forumposts div.poster {
    width: auto; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
   margin-top: 0.5em; }
   
span.divider_info {
   margin-bottom: 2px;
   -margin-bottom: 0px;
   display: block; }
   
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 14em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 1em;
   _padding-left: 1em;
}
.postarea div.flow_hidden
{
   width: auto;
}
Apllic! WebSuporte