Adding the embed video button to quick reply Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Adding the embed video button to quick reply

    avatar
    Epyk
    New Member


    Posts : 5
    Reputation : 0
    Language : English

    Solved Adding the embed video button to quick reply

    Post by Epyk 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)
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -

    Solved Re: Adding the embed video button to quick reply

    Post by Nera. 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://2img.net/i/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 =>

    Adding the embed video button to quick reply 6bq4

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


    Male Posts : 7
    Reputation : 1
    Language : english

    Solved Re: Adding the embed video button to quick reply

    Post by drifter320 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?