The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar next to the quick reply box

View previous topic View next topic Go down

Solved Avatar next to the quick reply box

Post by Pheonix24 on January 13th 2016, 6:12 pm

So I'm trying to make my forum look nicer and I wanted to put the someone's avatar next to the quick reply box is there a way to do that?


The circle is where I'm wanting to have it


Last edited by Pheonix24 on January 13th 2016, 8:05 pm; edited 2 times in total

Pheonix24
New Member

Female Posts : 23
Reputation : 1
Language : English

http://www.shardsofhope.forumotion.com

Back to top Go down

Solved Re: Avatar next to the quick reply box

Post by 10spetter10 on January 13th 2016, 6:48 pm

There is a small tutorial on the french support forum: http://forum.forumactif.com/t347904-ajouter-l-avatar-du-membre-a-cote-de-la-reponse-rapide

A quick translation:

Add this code to a javascript with placing 'on the topics':
Code:
jQuery().ready(function() {
  $("#quick_reply").prepend("<div id='av_quickreply'>"+_userdata.avatar+"</div>");
});

Add this css:
Code:
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}

#av_quickreply {
    float: left;
    position : absolute;
}

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Avatar next to the quick reply box

Post by Pheonix24 on January 13th 2016, 6:57 pm

is there a way to make into like an oval? and closer?

Pheonix24
New Member

Female Posts : 23
Reputation : 1
Language : English

http://www.shardsofhope.forumotion.com

Back to top Go down

Solved Re: Avatar next to the quick reply box

Post by 10spetter10 on January 13th 2016, 7:24 pm

My guess is that this css should do it, overwrite the old one.

Code:
#quick_reply {
  position: relative;
}
#av_quickreply img {
  position : absolute;
  left: 25%;
  transform: translateX(-120%); /* space between texteditor */
  width: 120px; /* width of avatar, height adjusts */
  border-radius: 70px; /* round corners */
}

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Avatar next to the quick reply box

Post by Pheonix24 on January 13th 2016, 8:02 pm

Thank you so very much

Pheonix24
New Member

Female Posts : 23
Reputation : 1
Language : English

http://www.shardsofhope.forumotion.com

Back to top Go down

Solved Re: Avatar next to the quick reply box

Post by SLGray on January 13th 2016, 9:14 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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