[Archived] How to change Quick reply?

• Description:

Hello!
How can I make quick response as in the picture?
Please help me, I really like the picture ...
fast response in the picture, of course..  

---

• Information:

Forum:	http://lanenicu.forum.st	Version:	PUNBB
Type:	Request a code	Tags:	change,Quick,reply?

At first, go to your CSS.
I will need you to serach for this:

Code:

#textarea_content .sceditor-group {
background: transparent;
border: 0!important;
border-radius: 3px!important;
margin: 0!important;
padding: 0!important;
}

If you find it then delete it. If you don't find it it is no problem.

Add the below:

Code:

#textarea_content .sceditor-group {
background: transparent;
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
background: #ddd;
background-clip: padding-box;
border-bottom: 1px solid #aaa;
border-radius: 3px;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}
#textarea_content{width:702px!important;}
#textarea_content .sceditor-container .sceditor-toolbar {
-moz-background-clip: padding;
-moz-border-radius: 3px 3px 0 0;
-moz-user-select: none;
-ms-user-select: none;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px 3px 0 0;
-webkit-user-select: none;
background: #f7f7f7;
background-clip: padding-box;
border-bottom: 1px solid silver;
border-radius: 3px 3px 0 0;
line-height: 0;
overflow: hidden;
padding: 3px 5px 2px;
user-select: none;
}
div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
background: #ddd!important;
background-clip: padding-box!important;
border-bottom: 1px solid #aaa;
border-radius: 3px!important;
display: inline-block;
margin: 1px 5px 1px 0!important;
padding: 1px!important;
}
#av_quickreply img{background-image: url(http://i57.servimg.com/u/f57/18/21/41/30/vaoolo11.png);transition:all 900ms ease 0;border: 2px solid #F3F3F3;border-radius: 75px!important;height: 100px!important;box-shadow: 0px 0px 2px #ddd;position: relative;right: 40px;margin-left: -65px;top: 80px;width: 100px!important;}
#av_quickreply{float:left}

And Click Sumbit. After that go to:

Modules > HTML & JAVASCRIPT > Javascript Codes Management

Create a New Javascript and fill it out as below:
Title: (as you wish}
Placement In the Topics
Javascript Code:

Code:

jQuery(document).ready(function() {
        $('#quick_reply').before('<div id="av_quickreply"></div>');
        if(typeof(_userdata)!="undefined") {
        $('#av_quickreply').html(_userdata['avatar']);
        }
        else {
        $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
        }
        });

And Save. All done!

[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]