Chatbox

You are not connected. Please login or register

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

1 SLOW DOWN REPLY-BOX on 29/3/2012, 12:39 pm

Niko

avatar

Member
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.

View user profile http://www.fmcodes.com

2 Re: SLOW DOWN REPLY-BOX on 25/4/2012, 7:21 am

Niko

avatar

Member
UP?

View user profile http://www.fmcodes.com

3 Re: SLOW DOWN REPLY-BOX on 14/6/2012, 3:29 pm

Niko

avatar

Member
UP?

View user profile http://www.fmcodes.com

4 Re: SLOW DOWN REPLY-BOX on 28/5/2013, 5:23 pm

ashik4u

avatar

Member
Awesome. Working Great! Very Happy

View user profile

5 Re: SLOW DOWN REPLY-BOX on 6/6/2013, 5:52 am

test0

avatar

Member
great!

View user profile

Sponsored content


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

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