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.

Share this topic (URL, BBCode & HTML)

2 posters

Go down

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




Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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
skouliki
skouliki
Manager
Manager

Female Posts : 15412
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

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