Condividi il link dei tuoi topic (URL, BBcode, HTML)

Tutorial Condividi il link dei tuoi topic (URL, BBcode, HTML)

Messaggio Da Niko Mar 18 Nov 2014 - 20:54

Condividi il link dei tuoi topic (URL, BBcode, HTML)

pagina html - Condividi il link dei tuoi topic (URL, BBcode, HTML) Newsle10

Condividi il link dei tuoi topic (URL, BBcode, HTML)

Questa piccola modifica aggiungerà una tabella alla fine di ogni topic nei vostri forum Forumattivo. La tabella è composta da 3 aree dove potrai copiare un codice che ti permetterà di postare il link del topic come
  • link diretto
  • BBcode
  • HTML


pagina html - Condividi il link dei tuoi topic (URL, BBcode, HTML) Stt10



Installazione
Prima di tutto andate verso PDA ► Visualizzazione ► Templates ► Generale ► viewtopic_body

assicuratevi di usare il codice relativo alla versione del vostro forum

PhpBB3


Trovate
Codice:
<div class="pagination">
 {PAGE_NUMBER}
 </div>
</div>
<div class="clear"></div>

Aggiungete subito dopo:
Codice:
<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


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

aggiungete subito dopo:
Codice:
<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


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

aggiungete subito dopo:
Codice:
<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


trovate:
Codice:
<!-- 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 -->

aggiungete subito dopo:
Codice:
<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>

ora salvate la modifica :new:


Personalizzazione e stile
Andato verso PDA ► Visualizzazione ► Immagini e colori ► Colori ► Foglio di stile CSS e aggiunge i codici seguenti:
Codice:
.forabg_staff {
    background: url("http://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("http://i59.servimg.com/u/f59/14/73/12/96/bg_th10.gif") repeat-x scroll left top #ffffff;
    color: #225599;
    height: 24px;
}

Salvate, et voilà :good:




© Forum dei forum


pagina html - Condividi il link dei tuoi topic (URL, BBcode, HTML) Act_bottom Se si desidera aprire un topic di supporto potete indicare il seguente titolo:
Condividi il link dei tuoi topic (URL, BBcode, HTML)

Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth ©️ FORUMATTIVO.COM

Tutorial creato da Mati™️

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.