The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Adding the embed video button to quick reply

View previous topic View next topic Go down

Solved Adding the embed video button to quick reply

Post by Epyk on June 5th 2011, 12:51 am

so i'd like to add the video embed button to my quick reply.

I'm assuming i just need to impute this string:

Code:
<div style="visibility:hidden" class="select" id="wvideo">
                    <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a>  <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
                    <p id="inv_url" class="gensmall" style="text-align:center"></p>
                    <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:300px" id="wvideo_url" title="{L_URL}" /></p>
                    <p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_video" />{L_OK}</button></p>
                  </div>

into the quick-reply section of the post and private message template script...but im at a loss on finding it.

If i'm heading in the right direction with this, can someone point me to the finish line?
And if i'm completely off my rocker...could someone show me the correct way?

Thanks in advance.



*Edit*
Nera, thank you very much, for the help...I was glaring at my monitor for hours. i appreciate the help a lot.


Last edited by Epyk on June 10th 2011, 5:04 pm; edited 2 times in total (Reason for editing : Nera being Awesome)

Epyk
New Member

Posts : 5
Reputation : 0
Language : English

Back to top Go down

Solved Re: Adding the embed video button to quick reply

Post by Nera. on June 5th 2011, 8:40 am

Hi,

Go to your viewtopic_body template and before this {QUICK_REPLY_FORM} add this

Code:
      
                        <button class="button0" onclick="selectWysiwyg(this,'video')" onmouseover="helpline('vd')" type="button" title="{L_BBCODE_VIDEO}"><img src="{PATH_IMG_FA}wysiwyg/film.png" alt="{L_BBCODE_VIDEO}" /></button>&nbsp   <div style="visibility:hidden" class="select" id="video">
                     <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a> <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
                     <p id="inv_url" class="gensmall" style="text-align:center"></p>
                     <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /><input type="text" autocomplete="off" class="post" style="width:300px" id="video_url" title="{L_URL}" onkeypress="if (event.keyCode==13){BBcodeVideo('video_url');return false}" /></p>
                     <p style="text-align:center"><input type="button" class="mainoption" onclick="BBcodeVideo('video_url')" value="{L_OK}" /></p>
                  </div>

Than add this to CSS
Code:
.button0 {
    background-color: #FAFAFA;
    background-image: url("http://illiweb.com/fa/prosilver/bg_button.gif");
    background-position: center top;
    background-repeat: repeat-x;
    border: 1px solid #BCBCBC;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    overflow: visible;
    padding: 1px 0;
    vertical-align: middle;
    width: auto !important;
    margin-left: 300px;
    margin-bottom: -70px;
}

You can stylize it more through CSS and move it around where ever you want it.

This is my resault =>



I've played with it this morning. Hope you'll make it, have to go now Hello
P.S. I did it on phpBB2.

Edit: Just realized something, it will bi visable for guests :/ I'll try to fix it and edit.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Adding the embed video button to quick reply

Post by drifter320 on July 28th 2011, 4:46 pm

I added this button to my quick reply the other day and it was working wonderfully... but I log in today and it wont post the video code... anyone have any suggestions?

drifter320
New Member

Male Posts : 5
Reputation : 0
Language : english

Back to top Go down

View previous topic View next topic Back to top


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