SLOW DOWN REPLY-BOX

View previous topic View next topic Go down

avatar
Niko
Member
Member
Forum Posts : 20
Member Since : 2012-03-24
View user profile http://www.fmcodes.com

PostNiko on 29/3/2012, 10:39 am

Slow down reply-box


This tutorial was provided by Niko from Forum of Codes Like a Star @ heaven

Description


Using this tutorial you will have a slow-down effect for the reply-box: When you pass hover the box it will go down Smile

Set up


It is very easy... You have just to put this code in your CSS (ACP > Display > Images and Colors > CSS):

Code:
form#quick_reply #textarea_content textarea#text_editor_textarea {
height: 50px;
width: 100%!important;
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
background: whitesmoke;
border: 1px dashed black;
}

form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover  {
height: 155px;
width: 100%!important;
background: white;
border: 1px solid teal;
position: relative;
}

Go demo: click

Customize the tutorial


You can edit the attribute Border: with other colors and styles; You can also change the height: of the textare after and before the pass hover it

Technical problems




Friendly,
The team of the Forum of Codes.
avatar
Niko
Member
Member
Forum Posts : 20
Member Since : 2012-03-24
View user profile http://www.fmcodes.com

PostNiko on 25/4/2012, 5:21 am

UP?
avatar
Niko
Member
Member
Forum Posts : 20
Member Since : 2012-03-24
View user profile http://www.fmcodes.com

PostNiko on 14/6/2012, 1:29 pm

UP?
avatar
ashik4u
Member
Member
Forum Posts : 1
Member Since : 2013-05-28
View user profile

Postashik4u on 28/5/2013, 3:23 pm

Awesome. Working Great! Very Happy
avatar
test0
Member
Member
Forum Posts : 1
Member Since : 2013-06-06
View user profile

Posttest0 on 6/6/2013, 3:52 am

great!
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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