bbcode buton click dowload and demo

bbcode buton click dowload and demo

Demo:

click buton and post link in.



hover buton click open link

In your ACP: Modules -> HTML&JAVASCRIPT -> JavaScript codes management -> [Create a new JavaScript]
Title *: <- bbcode demo and dowload
Placement : <- In the sub-forums
Javascript Code * : <- Select, copy and paste the code below in this field:

Code:

$(document).on('ready',function(){
$('.btn-slide1 a').each(function(){
var davhotrofmdemo=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdemo+'" class="btn-slide"><span class="circle"><i class="fa fa-rocket"></i></span><span class="title">Demo</span><span class="title-hover">Click here</span>
</a>')}
)});
$(document).on('ready',function(){
$('.btn-slide3 a').each(function(){
var davhotrofmdow=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdow+'" class="btn-slide2"><span class="circle2"><i class="fa fa-download"></i></span><span class="title2">Download</span><span class="title-hover2">Click here</span></a>')}
)});
$(function(){
     $(function(){
          $('<a class="sceditor-button sceditor-button-new-button-demo" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/saki/nuoveXT/16/Apps-demo-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
               $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide1][tr][td]","[/td][/tr][/table]");
          });
      });
     $(function(){
          $('<a class="sceditor-button sceditor-button-new-button-dowload" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/7ur/iConPack/16/dowload-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
               $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide3][tr][td]","[/td][/tr][/table]");
          });
      });
});
$(function(){
    $("p").prepend("<style>.btn-slide1, .btn-slide3 { font-size: 0px; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; }.btn-slide3 .fa, .btn-slide1 .fa {font-size: 25px;padding: 8px;}</style>");
});

Show

Code:

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />

Option: ACP >> General >> Security >> Disable external links to guests in messages :NO



READ MORE http://www.hotrofm.net/t168-code-bbcode-nut-demo-va-dowload-cuc-dep-voi-font-awesome#610

I do not understand what these buttons are really for.

SLGray wrote:I do not understand what these buttons are really for.

forum share templant or software can bbcode dowload
if hide link, apend replace buton

All you have to do is post the download link.  If you want to hide it, you would use the hidden tags.

@vietkanpy  please post the last part in English.

I do not understand this code where to put it.

Code:

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />


I do not want to hide the link I just wanted to have a nice look


Ok I understand this code should be entered in the overall header. But it still does not work

Did you publish the modified template?

Of course

Has anyone tried this code yet? I want to know if there is a problem with me.