Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] How to change Quick reply?



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
  • 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.. Very Happy 


  • Information:
Forum:http://lanenicu.forum.stVersion:PUNBB
Type:Request a codeTags:change,Quick,reply?

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

2
Offline

  Virus

avatar
★Moderator★
★Moderator★
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!

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  Shadow

avatar
Administrator
Administrator
[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]

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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