![]() |
Quick Reply Box Addons...
Well what's up.. I am wondering if it is possible to throw a background behind the test box you type in for both the quick reply box and normal reply or make thread.. I have seen this done on a iB3 board so I suspect it can be done on vBulletin?? It does look cool if you have a nice faded logo or something in the text box... Also on the quick reply box is there anyway to add some smilies to it so users can click smilies aswell?? Well holla back and I will check this thread often.
Catch you later, PlaTooN :smoke: |
this can be easily done using css
for the reply box look for this bit of code in the custom template showthread_replybox Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1"></textarea> and chage it to : Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1" style="background-image: url('http://www.yourdomain.com/images/background.gif')"></textarea> were : 'http://www.yourdomain.com/images/background.gif' is the url of the image that you want to show in the background ;) if you any problem let me know as i got working 100% :) Mone' |
1 Attachment(s)
and here is a screenshot :
|
Do you know how to add BOLD, ITALIC, UNDerLINE buttons ?
|
I tried to get it to work but it doesn't change anything. Any ideas on how to fix it? :)
Quote:
|
It work for me. Have you check the url ? There must be the right one !
|
Here is the URL to check it out on my site. It still looks the same as before. :)
Testing image in quick reply box |
Well, I got it working finally. Is there a way to make the background for the reply box just a color instead of an image and how would you change the color of the text for the message you write? And also, is there a way to make it so the background of the page shows through? I have a set background and would like to have the backrground stay put as the page moves in the box.
|
you can't have the quick reply box transparent and show the background image of your site !
you can use the above code to place an image. to have the background and font set to a different color simply change Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1"></textarea> Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1" style="COLOR: white ; BACKGROUND-COLOR: black; where white is the colour of the font and black is the colour of the quick reply box Mone' |
Thanks for the help. It works great. But... is there a way to add smilies?? I tried including the smilie bit that is shown when you make a new thread or post.. I think its $smilies.. Well after adding that nothing showed any ideas on how to add smilies to the quick reply box?
|
The smilies...i don't know ! I will not work anymore at Quick reply box. I try yo add the bold, italic, underline, etc buttons. 2 hours i try...and nothing...revuze to work ! :(
|
There is a hack for adding smilies to the quick reply box here on vb.org. :)
Quote:
|
Where aboot will I find this great template mod??
|
Look at post #414 here.
All I did was use the SEARCH at the top of this page. Comes in handy. Might want to try it next time. :) Quote:
|
lol thanks you ignorant +++++++ haha joking man thanks for the thread.
|
Doesn't work
|
What doesn't work? The smilie addon for the quick reply box? Well, I had it working here just fine. :)
|
is there anyway to keep the background image stationary? you see... after someone types enough its just going to start over and you'll have a line in the middle of the box. I hope this is possible
|
Quote:
|
Did you do the rest of the hack? You have to add the javascript lines. The following is what you need to do to get it to work.
Code:
To add smilies to the quick replay box: |
Yep, I got it to work just fine. You just have to read two posts in that thread. :classic:
|
Quote:
just ad more css =) look for : showthread_replybox in the custom template Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1"></textarea> and chage it to : Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1" style="background-image: url('http://www.yourdomain.com/images/background.gif'); background-repeat: no-repeat; background-attachment: fixed;"></textarea> Mone' |
I want the BOLD, ITALIC,etc buttons under Your Reply:
Sombodt know how ? |
worked, thanks! :)
|
What I did was just put a link to the smilie page. It is very simple. This is what I did:
Find: PHP Code:
PHP Code:
|
1 Attachment(s)
This is my reply box:
|
Quote:
|
1 Attachment(s)
heres mine.. anyone like it?.. oh and I didnt rip the smilies, I asked the creator if I could use them and he said yes :)
|
Looks good! I found that the smilies made it slower when you viewed posts :/
|
Quote:
|
Mone, great stuff, it works, but can you tell me how you did the backround, as in how did you get it to show up on the side and top? Do I have to create a whole backround with the drop shadows and use that, or can I do it with 1 little 3px image that will tile the drop shadow on the side and top?
|
1 Attachment(s)
Quote:
is not that great just simple css =) For the demo i used a full size image as you can't use just a 3pix one and tile it. i made one up for you and i got it down to 1.2kb is size. hope it helps Mone' |
Mone',
I added the code you mentioned for the stationary background, but now I have a blue line on the right side of the box. Is there a way to get rid of it? The URL is below so you can see what I mean. Quick Reply Box |
Quote:
I just sign up at your board to check the problem as the quick reply box doesn't show to guest ( you can delete my account if you want after you fix the problem =) ) you have done everything right the only problem is the image that you choose for the background of the quick reply box http://www.bearfacts2.com/forum/imag..._wallpaper.jpg the image is about 400px wide and the shoutbox text field is about 404px !!! the blue line is simply the background color of the text box =) Simply make your image a bit wider............. Mone' |
Mone',
I did as you said and it looks better now. Is there a way to have the message start in a space or two and down a space or two so it doesn't start on the bevel now? Check it out and you'll see what I mean. And thanks for all of your help. Your account is still there so you can see it. |
i see what you mean unfortunally i'm not aware of any easy way to do that at least not with css.
I can only suggest you to make bevel less dark ;) and you could add the bevel to the title imput ! All form field can be customized in that way :) |
Thanks for getting me this far, though. :) If you find a way or figure out a way to move the message text in and down, please let me know. It might be kindof cool to get it working like that. The possibilites are endless. :)
|
[qoute]Is there a way to have the message start in a space or two and down a space or two so it doesn't start on the bevel now?[/quote]
Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1"></textarea> and chang it to Code:
<textarea name="message" rows="7" cols="$textareacols" wrap="virtual" tabindex="1"> Try moving the </textarea> down a couple of lines and a few spaces over and see the different result. Now when you first click in the replybox the mouse will start a few lines down and a bit to the right ;) Mone' |
It works great! I knew you could do it! :) The only thing is you have to click in the box to get it to tab over where it needs to be. If you read the messages and just reply, the cursor is already in the box at the first starting point. Is there any way to get it to tab where it needs to be without having to click inside the box first? :)
|
I just found out that if you hit enter to go to the next line, it puts you at the far left side of the box again. We are almost there. :)
|
All times are GMT. The time now is 03:14 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|