Boas-vindas ao Power Pixel

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

Personalizar Widget

3 participantes

S4BR1N4 S4BR1N4  • Qui 1 maio 2014 - 18:23

Personalizar Widget Empty Personalizar Widget Qui 1 maio 2014 - 18:23

Minha questão:
Olá eu gostaria muito de uma ajuda, eu com muito sacrificio depois de um bom tempo achei um tutorial que mudava o widget de ultimos assuntos ficando assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

porém eu estou tantando aplicar pelo menos a aparencia no widget de mais visitados porque eu não sei você mas eu acho ridiculo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

eu estava tentando mas não obtive sucesso será que alguem pode me ajudar?

Codigo de ultimos assuntos caso precise.
Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
  <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
  <div class="main-content" id="comments_scroll_div">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
      » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
          <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
               
            </div>
          </div>
      <!-- END recent_topic_row -->
  </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="block smaller" style="
    margin-bottom: 4px;  padding: 6px;
    clear: both;
    font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif;
    font-size: 13px;  color: #EDEDED;  line-height: 1.230;
    background: #4e4e4e none left top;  border: 1px solid #2E2E2E;
      border-radius: 5px;     
">
      <div class="blocksubhead" style="
    background: transparent none;  font-size: 13px;  height: 16.76px;  color: #E2E1E1;  padding: 0px 0px;  border: none;  outline: none;  font-weight: bold;
">
       
        <img src="http://forum.zwame.pt/images/custom_styles/zwamedark/cms/widget-forum.png" alt="" style="
    vertical-align: middle;  float: left;
">
        <span class="blocktitle" style="
    width: auto;  display: block;  white-space: nowrap;  float: left;  overflow: hidden;  padding-left: 3px;
    font-size: 13px;  color: #E2E1E1;  font-weight: bold;
">{L_RECENT_TOPICS}</span>
      </div>
      <div class="widget_content blockbody floatcontainer" style="
  border-radius: 5px;  background: #3A3939;
    padding: 0;  color: #FFFFFF;  border: 1px solid #2E2E2E;
    display: block;
    font-weight: normal;
 
">
      <ul id="block_newthreads_5" class="blockrow" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #A4A4A4 url(http://forum.zwame.pt/images/misc/blog/gradient-black-down.png) repeat-x;  padding: 10px 6px 10px 6px;
    border-top: 1px solid #3A3939;
">
        <!-- BEGIN recent_topic_row -->
        <li class="avatarcontent floatcontainer widget_post_bit" style="
    font-weight: normal;
    border-top: 0;
    clear: both;  padding-bottom: 5px;
    display: block;
">
            <div class="smallavatartext widget_post_comment" style="
    margin-left: 5px;  font-size: 11px;
">
              <h5 class="widget_post_header" style="
    font: bold 12px Verdana,Helvetica,Tahoma,Arial,sans-serif;  padding: 5px 0;  margin: 0;
"><a href="{classical_row.recent_topic_row.U_TITLE}" class="title_tpcrecent" title="{classical_row.recent_topic_row.L_TITLE}" style="
    color: #fff;
    word-wrap: break-word;  width: 100%;  display: block;
">{classical_row.recent_topic_row.L_TITLE}</a></h5>
              <div class="meta" style="
    font-size: 11px;
">Criado por <!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="author_tpcrecent" style="
    color: #FF0000;
">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a><!-- END switch_poster -->.
                  <br><span class="time_tpcrecent">{classical_row.recent_topic_row.S_POSTTIME}</span><br>Em <a href="" class="cat_tpcrecent" style="
    color: #b9d433;
"></a>
                 
              </div>
            </div>
        </li><!-- END recent_topic_row -->
       
      </ul>
      </div>
  </div>
<!-- END classical_row -->


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

DeeW. DeeW.  • Qui 1 maio 2014 - 20:44

Personalizar Widget Empty Re: Personalizar Widget Qui 1 maio 2014 - 20:44

Onde viste isto?

S4BR1N4 S4BR1N4  • Qui 1 maio 2014 - 23:59

Personalizar Widget Empty Re: Personalizar Widget Qui 1 maio 2014 - 23:59

Eu vi a muito tempo atrás sei lá onde isso ai essas print é do meu forum, o código onde eu vi eu não vou lembrar, quero se possivvel deixar os topicos mais visitados parecido não precisa ser igual mas que seja menos feio

S4BR1N4 S4BR1N4  • Sex 2 maio 2014 - 9:01

Personalizar Widget Empty Re: Personalizar Widget Sex 2 maio 2014 - 9:01

Up! Up! Up!!

Daemon Daemon  • Sex 2 maio 2014 - 9:16

Personalizar Widget Empty Re: Personalizar Widget Sex 2 maio 2014 - 9:16

Reputação da mensagem: 100% (1 votos)
Altere o template: "mod_most_viewed_topics"
Código:
<div class="block smaller" style="
    margin-bottom: 4px;  padding: 6px;
    clear: both;
    font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif;
    font-size: 13px;  color: #EDEDED;  line-height: 1.230;
    background: #4e4e4e none left top;  border: 1px solid #2E2E2E;
      border-radius: 5px;     
">
      <div class="blocksubhead" style="
    background: transparent none;  font-size: 13px;  height: 16.76px;  color: #E2E1E1;  padding: 0px 0px;  border: none;  outline: none;  font-weight: bold;
">
       
        <img src="http://forum.zwame.pt/images/custom_styles/zwamedark/cms/widget-forum.png" alt="" style="
    vertical-align: middle;  float: left;
">
        <span class="blocktitle" style="
    width: auto;  display: block;  white-space: nowrap;  float: left;  overflow: hidden;  padding-left: 3px;
    font-size: 13px;  color: #E2E1E1;  font-weight: bold;
">{L_MOST_VIEWED_TOPICS}</span></div>
         <!-- BEGIN TOPIC -->
         <div class="widget_content blockbody floatcontainer" style="
  border-radius: 5px;  background: #3A3939;
    padding: 0;  color: #FFFFFF;  border: 1px solid #2E2E2E;
    display: block;
    font-weight: normal;
 
">
      <ul id="block_newthreads_5" class="blockrow" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #A4A4A4 url(http://forum.zwame.pt/images/misc/blog/gradient-black-down.png) repeat-x;  padding: 10px 6px 10px 6px;
    border-top: 1px solid #3A3939;
">
        <li class="avatarcontent floatcontainer widget_post_bit" style="
    font-weight: normal;
    border-top: 0;
    clear: both;  padding-bottom: 5px;
    display: block;
">
            <div class="smallavatartext widget_post_comment" style="
    margin-left: 5px;  font-size: 11px;
">
              <h5 class="widget_post_header" style="
    font: bold 12px Verdana,Helvetica,Tahoma,Arial,sans-serif;  padding: 5px 0;  margin: 0;
"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" style="
    color: #fff;
    word-wrap: break-word;  width: 100%;  display: block;
">{TOPIC.NAME}</a></a></h5>
            </div>
        </li>
       
      </ul>
      </div>
 
         <!-- END TOPIC -->
  </div>
Até!

S4BR1N4 S4BR1N4  • Sex 2 maio 2014 - 9:20

Personalizar Widget Empty Re: Personalizar Widget Sex 2 maio 2014 - 9:20

Muito obrigada daemon *-*

Daemon Daemon  • Sáb 3 maio 2014 - 0:52

Personalizar Widget Empty Re: Personalizar Widget Sáb 3 maio 2014 - 0:52

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Personalizar Widget Empty Re: Personalizar Widget

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