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

[Solved] Post style button



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

1
Offline

  MISA0710

MISA0710
Newbie
Newbie
  • Description:
It is possible to add a post style as button, like in this tutorial https://punbb-design.forumotion.com/t388-javascript-admin-mod-comment  
(I want to click the button and code shows up, no to copy every time when I need it).
Code:
[table style="width: 100%;" border=0][tr][td style="height: 32px; background: url('http://findicons.com/files/icons/1588/farm_fresh_web/32/newspaper.png') no-repeat left center #E1D6CC; border: 1px solid #B2A496; padding: 10px 10px 10px 42px; width: 100%; font-size: 18px; font-weight: bold; color: #8A7562; -moz-border-radius: 4px; border-radius: 4px;"]
[size=18][b]Title[/b][/size][/td]
[/tr]
[tr][td style="background: #F8F4EF; border: 1px solid #D2C8BF; padding: 10px 10px 10px 10px; width: 100%; color: #8A7562; -moz-border-radius: 4px; border-radius: 4px;"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra aliquet condimentum. Cras fermentum malesuada ligula sodales consequat.

[center][img]http://i.imgur.com/63SUdlo.jpg[/img]
[/center]

Cras fermentum malesuada ligula sodales consequat. Nulla eleifend leo nec gravida interdum.
[/td]
[/tr]
[/table]

I have the code, but I need a shortcut.

I use punbb version (Forumotion).

  • Information:
Forum:www.latinosvet.netVersion:PUNBB
Type:Request a codeTags:style,button

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

2
Offline

  MISA0710

MISA0710
Newbie
Newbie
Bump.

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

3
Offline

  Shadow

Shadow
Administrator
Administrator
Yup it's possible I'll try to reply when I'm home

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

4
Offline

  MISA0710

MISA0710
Newbie
Newbie
Thank you so much! Smile

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

5
Offline

  Shadow

Shadow
Administrator
Administrator
This should work:

Code:
[panda=js]$(function(){
  $(function(){
    $('<a class="sceditor-button sceditor-button-code" unselectable="on" title="Mods template"><div unselectable="on">Template</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table style=width:100%;border=0][tr][td style=height:32px;background: url('http://findicons.com/files/icons/1588/farm_fresh_web/32/newspaper.png') no-repeat left center #E1D6CC; border: 1px solid #B2A496; padding: 10px 10px 10px 42px; width: 100%; font-size: 18px; font-weight: bold; color: #8A7562; -moz-border-radius: 4px; border-radius: 4px;]\n\n[size=18][b]Title[/b][/size][/td][/tr]\n\n[tr][td style=background: #F8F4EF; border: 1px solid #D2C8BF; padding: 10px 10px 10px 10px; width: 100%; color: #8A7562; -moz-border-radius: 4px; border-radius: 4px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pharetra aliquet condimentum. Cras fermentum malesuada ligula sodales consequat.\n[center][img]http://i.imgur.com/63SUdlo.jpg[/img][/center]\n\nCras fermentum malesuada ligula sodales consequat. Nulla eleifend leo nec gravida interdum.","[/td][/tr][/table]");
    });
      });
      });

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

6
Offline

  MISA0710

MISA0710
Newbie
Newbie
Thank you so much, you're amazing! Very Happy

Solved.

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

7
Offline

  Shadow

Shadow
Administrator
Administrator
[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]

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

8
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