Coding-Spot

You are not connected. Please login or register

Go to page : 1, 2  Next

 
 

How Do I Put Small Avatar Besides Recent Topics? (PunBB)

Message (Page 1 of 2)


 
Advance Member

Posted on Sun May 26, 2013 8:53 am

 
Title Says It All :)

Not Work For Me Because It Only Works For PhPBB3


Thanks In Advance :)



View user profile



 
Administrator
Administrator

Posted on Sun May 26, 2013 9:01 am

 
What do you mean? You've already worked it on PunBB, on your forum.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sun May 26, 2013 9:07 am

 
I Want The Recent Post Will Have Avatar Besides Recent Post Topics :)

Like AvacWeb
But I Failed Its Not Working



View user profile



 
CS Staff
CS Staff

Posted on Sun May 26, 2013 10:05 am

 
Look here for all version http://www.avacweb.com/t1239-small-avatar-on-current-topics-invision#12395



View user profile http://atlanta.forumid.net/



 
Advance Member

Posted on Sun May 26, 2013 10:10 am

 
That One Doesnt WOrk :(



View user profile



 
Advance Member

Posted on Mon May 27, 2013 11:15 am

 
Its 6:14 So Time To BUMP :)

Bump Anyone Help?



View user profile



 
Administrator
Administrator

Posted on Thu May 30, 2013 11:00 pm

 
Go to ACP > Display > Templates > Portal > mod_recent_topics:
- Delete all the codes and replace it with this one:
Code:
<!-- 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}

      <!-- 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="module main">
  <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
  <div class="main-content">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
                <a href="{classical_row.recent_topic_row.U_TITLE}" class="bottooom"><font style="font-size: 11px;">{classical_row.recent_topic_row.L_TITLE}</font></a><br />
      <!-- BEGIN switch_poster -->
                <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-size: 11px;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>
      <!-- END switch_poster -->
      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

                {ON} <font style="font-size: 11px;" class="bottooom">- {classical_row.recent_topic_row.S_POSTTIME}</font><br /><br />
      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
        -->
            </div>
          </div><br/>
    <!-- END recent_topic_row -->
  </div>
</div>
<!-- END classical_row -->

Now add this to your CSS:
Code:
.recent_space {
border-bottom: 1px solid #F3F3F3;
margin: -5px;
}
.avt-r {
float: left;
}
.avt-r img {
width: 30px;
height: 30px;
margin: 3px;
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);
}
.avt-r img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

Javascript: (All page)
Code:
jQuery(document).on('ready', function() {
jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
jQuery('.avt_recent .avt-r').each(function () {
var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://r19.imgfast.net/users/1914/10/10/84/avatars/1-97.png" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Fri May 31, 2013 6:08 am

 
won't work for me D:



View user profile



 
Administrator
Administrator

Posted on Fri May 31, 2013 6:19 am

 
Make sure Advance Profile is on.
Go to ACP > User and Groups > Users > Profiles > General Options:
- Activate advanced profile: (Set to Yes)



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Fri May 31, 2013 1:27 pm

 
so first..
i already did what you did sayed
at the first
the avatar comes
then instantly disappeared...
it's weird...



View user profile



 
Administrator
Administrator

Posted on Fri May 31, 2013 1:39 pm

 
Should work now. Try refreshing the page again.
Might cause by too much request from fm server. Happy



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Fri May 31, 2013 1:56 pm

 
still won't work
even i tried to add the width + height manually...



View user profile



 
Administrator
Administrator

Posted on Fri May 31, 2013 2:42 pm

 
Can you provide me your forum url? Thanks. Smile



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Fri May 31, 2013 2:51 pm

 
http://nathancoding.forumotion.com/
EDIT : it instantly disappears after the page fully loaded...



View user profile



 
Administrator
Administrator

Posted on Fri May 31, 2013 2:59 pm

 
Yeah. Can you upload your own avatar, then check.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Fri May 31, 2013 3:01 pm

 
Updated -> it 's still giving this avatar...
the images only flashes same as before..
http://r19.imgfast.net/users/1914/10/10/84/avatars/1-97.png



View user profile



 
Administrator
Administrator

Posted on Fri May 31, 2013 3:41 pm

 
What other Javascript do you have? I tried it on my test forum and it also works.
There could be something on the codes on your JS Management that clashes with the avatar code.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Jun 01, 2013 4:10 am

 
Nope i only have that..
maybe you missed something?
i already have 3 forums with more than that forum javascript...
it's still bugging



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 4:21 am

 
Here's a preview on my test forum:


Working fine with me, that's why i thought there's something on your javascript.
Can you provide me your overall_header. I'll check.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Jun 01, 2013 4:32 am

 
i modified only that template nothing more i modified...



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 4:38 am

 
Well, how do you make work of the variables? So it means you're using some Javascript right? Tounge
Try to disable the Announcement where you put the variable. That's the last thing i can help you with.

The code is working fine on PunBB. Happy



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Jun 01, 2013 4:41 am

 
so the variable caused the problem
ohh thanks soo much..
i was looking for these things



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 4:42 am

 
Welcome, let's just wait for the topic creator to respond.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Jun 01, 2013 11:39 am

 
I'm Back Maybe I Ask Tommorow Coz I'm Tired Traveling -_-



View user profile



 
New Member

Posted on Sat Jun 01, 2013 5:18 pm

 
Is it possible for phpBB2?



View user profile


#26

Sponsored content


 

Posted Today at 2:27 pm

 





Message (Page 1 of 2)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None