Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[HTML] Share Topics



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Shadow

Shadow
Administrator
Administrator

[HTML] Share Topics Html10

Share Topics

This function will show you HTML, BBCODE and DIRECT URL for selected topics.


--> Tutorials, tips and tricks <--
Share Topics


- Code
In [ic]viewtopic_body[/ic] find following code:

Code:
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;&raquo;&nbsp;
- Replace code
Replace it with:

Code:
  <div class="main">
    <div class="avt_recent">
    <div class="main-head clearfix">
    <style type="text/css">
    .avt-r {
    float: left;
    }
    .avt-r img {
    width: 36px;
    height: 36px;
    margin: 3px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    .avt-r img:hover {
    border-color: #a1a1a1;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    }</style>
    <script type="text/javascript">
    jQuery(document).on('ready', function() {
    jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
    jQuery('.avt_recent .avt-r').each(function () {
    var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
    jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="No Avatar" /></a>');
    jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
    });
    });</script>
    <p class="h2">Share this topic!</p>
    </div>
    <div class="main-content frm comp">

    <table border="0">
    <tr>
    <td><strong>URL Direct</strong></td>
    <td><input type="text" style="width:850px;" value="{FORUM_URL}{TOPIC_URL}" /></td>
    </tr>
    <tr>
    <td><strong>BBcode</strong></td>
    <td><input type="text" style="width:850px;" value="[url={FORUM_URL}{TOPIC_URL}] {TOPIC_TITLE} [/url]" /></td>
    </tr>
    <tr>
    <td><strong>HTML</strong></td>
    <td><input type="text" style="width:850px;" value="<a href='{FORUM_URL}{TOPIC_URL}'> {TOPIC_TITLE} </a>" /></td>
    </tr>
    </table>
    </div>
    </div>
    </div>
- Preview
https://i.imgur.com/n2BmRgl.png




© PunBB Design


[HTML] Share Topics Act_bottom If you have any questions related to this topic create a topic with the following title:
Share Topics

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

2
Offline

  Zyon

Zyon
Punbb Guru
Punbb Guru
Thank you, This is grate.

Powered by PunBB
Currently 0 users have thanked Zyon for this post:

3
Offline

  J0k3R^

J0k3R^
Pemanently Banned
Pemanently Banned
thank u very much Smile

Powered by PunBB
Currently 0 users have thanked J0k3R^ for this post:

4
Offline

  Julinho

Julinho
Punbb Rookie
Punbb Rookie
thanks you for code

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

5
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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