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

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
avatar
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;
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
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?
avatar
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 */
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
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
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 41897
Reputation : 2879
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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