Share this topic (URL, BBCode & HTML) Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return 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.
The forum of the forums
2 posters

    Share this topic (URL, BBCode & HTML)

    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°1

    Tutorial Share this topic (URL, BBCode & HTML)

    Post by Ange Tuteur November 14th 2014, 9:16 am

    Share this topic (URL, BBCode & HTML)

    This little modification adds a table at the end of every topic on your Forumotion forum. The table contains 3 areas where you can copy a code which allows you to post the topic link as a direct link, BBCode or HTML.

    Share this topic (URL, BBCode & HTML) Stt10



    Installation

    Go to Administration Panel > Display > Templates > General and edit the viewtopic_body template. Edit

    Make sure to follow the steps for your forum version.

    PhpBB3





    Find :
    Code:
    <div class="pagination">
     {PAGE_NUMBER}
     </div>
    </div>
    <div class="clear"></div>

    Add Below :
    Code:
    <div class="forabg_staff">
       <d>Share this topic...</d>  
     <table style="background-color:#fbfdfe;border-collapse:collapse;border:1px solid #c5ced9;width:100%" border="1" cellpadding="3" cellspacing="3">
      
     <tbody>
     <tr class="forumlinenb">
    <th colspan="4">Link this topic</th>
    </tr>  
     <tr style="border:1px solid #88a4d6">
     <td style="width:50px;padding: 4px; border:1px solid #c5ced9">
      <strong>URL:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="{FORUM_URL}{TOPIC_URL}" />  
     </td>
      
     </tr>
      
     <tr style="border:1px solid #c5ced9">
      
     <td style="padding: 4px;">
      <strong>BBCode:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" />  
     </td>
      
     </tr>
      
     <tr>
      
     <td style="border:1px solid #c5ced9;padding: 4px;">
      <strong>HTML:</strong>  
     </td>
      
     <td style="padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" />  
     </td>
      
     </tr>
      
     </tbody>
      
     </table>
    </div>


    PhpBB2





    Find :
    Code:
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">

    Add Above :
    Code:
    <div class="forabg_staff">
       <d>Share this topic...</d>  
     <table style="background-color:#fbfdfe;border-collapse:collapse;border:1px solid #c5ced9;width:100%" border="1" cellpadding="3" cellspacing="3">
      
     <tbody>
     <tr class="forumlinenb">
    <th colspan="4">Link this topic</th>
    </tr>  
     <tr style="border:1px solid #88a4d6">
     <td style="width:50px;padding: 4px; border:1px solid #c5ced9">
      <strong>URL:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="{FORUM_URL}{TOPIC_URL}" />  
     </td>
      
     </tr>
      
     <tr style="border:1px solid #c5ced9">
      
     <td style="padding: 4px;">
      <strong>BBCode:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" />  
     </td>
      
     </tr>
      
     <tr>
      
     <td style="border:1px solid #c5ced9;padding: 4px;">
      <strong>HTML:</strong>  
     </td>
      
     <td style="padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" />  
     </td>
      
     </tr>
      
     </tbody>
      
     </table>
    </div>


    PunBB





    Find :
    Code:
    <div class="pun-crumbs">
     <p class="crumbs">
     <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
     <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
     </p>
    </div>

    Add Below :
    Code:
    <div class="forabg_staff">
       <d>Share this topic...</d>  
     <table style="background-color:#fbfdfe;border-collapse:collapse;border:1px solid #c5ced9;width:100%" border="1" cellpadding="3" cellspacing="3">
      
     <tbody>
     <tr class="forumlinenb">
    <th colspan="4">Link this topic</th>
    </tr>  
     <tr style="border:1px solid #88a4d6">
     <td style="width:50px;padding: 4px; border:1px solid #c5ced9">
      <strong>URL:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="{FORUM_URL}{TOPIC_URL}" />  
     </td>
      
     </tr>
      
     <tr style="border:1px solid #c5ced9">
      
     <td style="padding: 4px;">
      <strong>BBCode:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" />  
     </td>
      
     </tr>
      
     <tr>
      
     <td style="border:1px solid #c5ced9;padding: 4px;">
      <strong>HTML:</strong>  
     </td>
      
     <td style="padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" />  
     </td>
      
     </tr>
      
     </tbody>
      
     </table>
    </div>


    Invision





    Find :
    Code:
    <!-- BEGIN viewtopic_bottom -->
    <br />
    <div class="borderwrap">
     <div class="bar clearfix">
     <div class="left rtl-inversion-left">
     <input type="hidden" name="t" value="{TOPIC_ID}" />

     <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
     <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

     {S_TOPIC_ADMIN}
     </div>
     <div class="right rtl-inversion-right">
     {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
     </div>
     </div>
    </div>
    <!-- END viewtopic_bottom -->

    Add Above :
    Code:
    <div class="forabg_staff">
       <d>Share this topic...</d>  
     <table style="background-color:#fbfdfe;border-collapse:collapse;border:1px solid #c5ced9;width:100%" border="1" cellpadding="3" cellspacing="3">
      
     <tbody>
     <tr class="forumlinenb">
    <th colspan="4">Link this topic</th>
    </tr>  
     <tr style="border:1px solid #88a4d6">
     <td style="width:50px;padding: 4px; border:1px solid #c5ced9">
      <strong>URL:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="{FORUM_URL}{TOPIC_URL}" />  
     </td>
      
     </tr>
      
     <tr style="border:1px solid #c5ced9">
      
     <td style="padding: 4px;">
      <strong>BBCode:</strong>  
     </td>
      
     <td style="border:1px solid #c5ced9; padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" />  
     </td>
      
     </tr>
      
     <tr>
      
     <td style="border:1px solid #c5ced9;padding: 4px;">
      <strong>HTML:</strong>  
     </td>
      
     <td style="padding: 4px;">
      <input type="text" onclick="this.select()" style="width:700px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" />  
     </td>
      
     </tr>
      
     </tbody>
      
     </table>
    </div>

    Save and publish your template. Add



    The style

    Go to Administration Panel > Display > Colors > CSS stylesheet and add the codes below to your CSS :
    Code:
    .forabg_staff {
        background: url("https://i39.servimg.com/u/f39/19/02/00/01/mainti10.png") repeat-x scroll 0 0 #1e4371;
        border: 1px solid #17355a;
        border-radius: 4px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
        clear: both;
        margin-bottom: 10px;
        padding: 15px 7px 7px;
    }
    .forabg_staff d {
        color: white;
        font-weight: bold;
        position: relative;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        top: -10px !important;
    }
    input {
        border: 1px solid #ddd8ee;
        color: #333;
        height: 20px;
    }
    .forumlinenb th {
        background: url("https://i59.servimg.com/u/f59/14/73/12/96/bg_th10.gif") repeat-x scroll left top #ffffff;
        color: #225599;
        height: 24px;
    }

    Submit your CSS and it is finished !  Share this topic (URL, BBCode & HTML) 1852325475





    This tutorial was written by Mati™.
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15167
    Reputation : 1696
    Language : English,Greek
    Location : Greece
    • Post n°2

    Tutorial Re: Share this topic (URL, BBCode & HTML)

    Post by skouliki February 11th 2020, 10:00 am

    This code was updated to fit in with the new HTTPS address

    updated 11.02.2020 by skouliki

    • Back to top