@Rak Thanks! Once I put the full directory in it worked
I have a question though, now that it works and I hover over the buttons a dotted underline appears. Can that be deleted? I looked into the CSS of the bar but there's no ''dotted underline'' anywhere.
And now that I installed this jwsiwyg my posting space has become a bit bigger, how do I make it smaller again?
Also, is it possible to install different skins for this bar?
@Bughead: I'll take a look at updating the .php so it pulls in the Vanilla install location from Garden, so it works from any install location.
@scooter: I haven't tried Quote/Selection, post here if you find a solution.
@Nimaveli: You & @bughead figured out the problem! Your other questions: CSS/Dotted underline: There's no 'dotted' mentioned in the jwysiwyg css file, so it might be in your theme's CSS.
Wide textarea: look in plugins/jwysiwyg/jquery.wysiwyg.min.js for
@Rak You're right, went into my own theme CSS and found a ''dotted''
About changing the gif manually, I did it in photoshop and now it looks a bit better. Thanks for the tip!
That textarea width thing... I would like to change the height not the width(the width is good right now). Could you please give me the code for that?
One last thing, before I installed this plug-in the comment box would turn into a light yellow once I would click it. That seems to have dissapeared now. Any way to get it back?
@Nimaveli: The textarea height can be adjusted - this is another hack of the .js - edit plugins/jwysiwyg/jquery.wysiwyg.min.js search for:
newY-6
The default newY-6 gives a height of 150px. Change it to newY+100 you get 206px height and change it to newY+200 you get 306px height. Play around and see what works for you.
Yellow background: The text input area is not a regular <textarea> field (jwysiwyg replaces Vanilla's original textarea with an iframe/html/body) I don't think you can CSS-style it with a ':focus' pseudo-class. One way is to give a ':hover' pseudo-class to the iframe. Just add this line to /plugins/jwysiwyg/jquery.wysiwyg.css:
div.wysiwyg:hover { background-color: #ffe; }
But, it will go back to white if you move your mouse away.
@Rak thanks, those fixes worked So it's really not possible to make the text box yellow once you click on it? It's not that big of a deal really, but would be nice
@Nimaveli: Glad they worked for you! Because the text area is not a 'text box', but an iframe with another html page inside, it's not easy to do with CSS. Maybe someone can figure it out using Javascript.
Comments
Thanks! Once I put the full directory in it worked
I have a question though, now that it works and I hover over the buttons a dotted underline appears. Can that be deleted? I looked into the CSS of the bar but there's no ''dotted underline'' anywhere.
And now that I installed this jwsiwyg my posting space has become a bit bigger, how do I make it smaller again?
Also, is it possible to install different skins for this bar?
Sorry for all the questions
@scooter: I haven't tried Quote/Selection, post here if you find a solution.
@Nimaveli: You & @bughead figured out the problem! Your other questions:
CSS/Dotted underline: There's no 'dotted' mentioned in the jwysiwyg css file, so it might be in your theme's CSS.
Wide textarea: look in plugins/jwysiwyg/jquery.wysiwyg.min.js for
{width:(newX>0)?(newX).toString() - 10 +'px':'100%'}replace the '- 10' with a larger number until it fits into your theme.Skinning: you can try recolouring the image file for the buttons: plugins/jwysiwyg/jquery.wysiwyg.gif
You're right, went into my own theme CSS and found a ''dotted''
About changing the gif manually, I did it in photoshop and now it looks a bit better. Thanks for the tip!
That textarea width thing... I would like to change the height not the width(the width is good right now). Could you please give me the code for that?
One last thing, before I installed this plug-in the comment box would turn into a light yellow once I would click it. That seems to have dissapeared now. Any way to get it back?
Yellow background: The text input area is not a regular <textarea> field (jwysiwyg replaces Vanilla's original textarea with an iframe/html/body) I don't think you can CSS-style it with a ':focus' pseudo-class. One way is to give a ':hover' pseudo-class to the iframe. Just add this line to /plugins/jwysiwyg/jquery.wysiwyg.css:
div.wysiwyg:hover { background-color: #ffe; }But, it will go back to white if you move your mouse away.thanks, those fixes worked
Did you try the new v1.2? http://vanillaforums.org/addon/549/jquery-wysiwyg
Please let me know if that works on your installation. Thanks.
And yes, hopefully someone can figure it out in Javascript
Edit plugins/jwysiwyg/jquery.wysiwyg.min.js then,
1. search for: insert this into the body tag BEFORE style: (make sure it does not break over one line)
2. (optional, just makes the right border match the left)
search for:change it to: Save and reload to see if it works.
Thank you very much! I'll try that out as soon as I get home and I'll let you know if it works
Was reported in separate topic (http://vanillaforums.org/discussion/12308).
Any idea on how to (quick) fix this?
Joos
But, you can try the 'Magic' addon which will convert a youtube URL to an embed (also works with images): http://vanillaforums.org/addon/526/magic
@JoosBuijs: No (quick) fix, see the discussion you linked to.
@basb: I've added a fix for Magic that worked for me in the discussion you linked to.
Look that image: http://imgur.com/PSGH0.gif