Resource icon

SOS BB Codes 2.1.0

No permission to download
Overview Updates (3) Reviews (4) History Discussion
You not need font awesome.

1. Install the Addon and dont forget to ad the CSS template in your Extra.css!
2. Go to your template settings, BBcode settings and make a kook to use the PNGs and not font awesome
3. done

I think you have not added the CSS template ... ;)
 
Adam Howard said:
WORKS on 1.3.1

However.... The developer did not correctly list the proper bb code on the discription

PHP: 
[warning="Warning"]Your warning text here.[/warning]
[success="Success"]Your success text here.[/success]
[information="Information"]Your information text here.[/information]
[error="Error"]Your error text here.[/error]

^ This is the correct code to use and you can see it's working LIVE on XenForo 1.3.1 here
http://www.sociallyuncensored.eu/forums/threads/danger-will-roberson-danger.18510/
Click to expand...
Thanks for pointing this out. I've fixed it. :)
 
yes i did and not works see here

Screen_Shot320.png


Screen_Shot319.png


Screen_Shot324.png
 
There is without
Code: 
<xen:include template="sos_bbcode.css" />

PHP: 
#darkbord {
border: 11px;
-webkit-border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
-moz-border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
margin: 10px 20px 0px 20px;
}

.sidebar .userList .username.invisible {
color: #fff;
}

.formPopup {
background: transparent !important;
}

#AccountMenu .menuColumns {
background: #1a1a1a !important;
}

.message .messageInfo {
border-right: 0px;
border-left: 0px;
}

#header .pageWidth .pageContent, #headerMover #header {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

#loginBar #loginBarHandle {
-moz-box-shadow: 0 2px 2px #000 !important;
-webkit-box-shadow: 0 2px 2px #000 !important;
box-shadow: 0 2px 2px #000 !important;
}

.attachedFiles {
border: 1px solid #565545 !important;
}

.messageUserBlock h3.userText {
text-align: center;
}

.messageUserBlock .extraUserInfo dl {
background-color: #323232;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
margin-top: 2px;
padding: 2px 5px;
}

.messageUserBlock .extraUserInfo dt {
color: #c4c4c4;
display: inline !important;
}

#headerMover #headerProxy {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bbCodeQuote .attribution {
color: #fff !important;
}

.navTabs .navTab.PopupClosed .navLink {
color: #ccc;
}

.secondaryContent {
border: 1px solid #565545;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x bottom left #262623;
}


#loginBar form.eAuth .ctrlWrapper {
border-right: 1px dotted #565545 !important;
}

.profilePage .primaryUserBlock {
border-top: 1px solid #565545 !important;
}

.messageSimple {
padding: 5px !important;
border: 1px solid #565545;
}

.discussionListItem .stats dl {
border-left: 1px solid #565545 !important;
border-right: 1px solid #565545 !important;
}

#QuickSearch {
background-color: #696858 !important;
padding-top: 0 !important;
padding-bottom: 3px !important;
}

.sectionMain {
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020 !important;
box-shadow: 0 0 2px #202020 !important;
background-color: #191917 !important;
}

.messageList .message {
background-color: #262623 !important;
margin-bottom: 10px;
border: 1px solid #565545;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px !important;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
}

.profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent {
border-right: 1px solid #565545  !important;
}

.button.primary {
background-color: #585555 !important;
}

.button.primary:hover {
background-color: #000 !important;
}

.xenForm fieldset, .xenForm fieldset + .ctrlUnit, .xenForm .submitUnit {
border-top: 1px solid #565545  !important;
}

.statusEditorCounter {
color: #fff !important;
}

.navTabs .navLink, .navTabs .SplitCtrl {
color: #fff !important;
}

.Menu .menuHeader  {
color: #fff !important;
}

.news_feed_page_global .eventList {
border-top: 1px solid #565545 !important;
}

input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled {
color: #777 !important;
background-color: #1a1a1a !important;
background-image: none !important;
border-color: #000 !important;
}

.titleBar h1 {
color: #fff !important;
}

.larger.textHeading, .xenForm .sectionHeader {
color: #fff !important;
}

.accountSideBar a:hover {
bacground-image: none;
background-color: #565545 !important;
color: #fff !important;
}

.accountSideBar .heading {
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x top left #1A1A1A !important;
}

#loginBar .textCtrl {
font-weight: normal !important;
font-size: 13px !important;
}

.xenOverlay.memberCard .userInfo h3 {
color: #fff !important;
}

.xenOverlay.memberCard .userInfo h4 {
color: #ccc !important;
}

.xenOverlay.memberCard .userLinks a {
color: #fff !important;
}

#newfoot {
margin-right: 25px;
margin-left: 25px;
}

.message .messageContent {
padding: 10px !important;
}

.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen {
color: #fff !important;
}

.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen:hover {
color: #fff !important;
}

#loginBar #loginBarHandle a.concealed {
text-decoration: none !important;
}

.navPopup .PopupItemLinkActive:hover {
background-color: #000 !important;
}

.conversation_view .messageList {
border-color: #000 !important;
}

.navTabs {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top: 1px solid #565545 !important;

}

.tabs li.active a, .tabs.noLinks li.active {
background-color: #000 !important;
}

#loginBar #loginBarHandle {
right: 35px !important;
}

.navTabs .navTab.selected .tabLinks {
background: url("styles/Darkness/xenforo/gradients/gradient1.png") repeat-x top left #52513f;
border-bottom: 1px solid #000;
}

.navTabs .navTab.PopupClosed .navLink:hover {
color: #fff;
background-color: #3d3d3d;
}

#jumpMenu .blockLinksList ul, #jumpMenu .nodeList li.d0 {
border-top: 1px solid #565545  !important;
}

.xenOverlay #jumpMenu .nodeList {
border-left: 1px solid #565545  !important;
}

.pairsInline dl, .pairsInline dt, .pairsInline dd a {
font-size: 10px !important;
}

.message .messageMeta {
background-color: #262623 !important;
}

.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats{
background: url("styles/Darkness/xenforo/gradients/back4.png") repeat-x bottom left #202020;
}

.messageContent {
background-color: #262623;
}

#loginBar #loginBarHandle:hover {
background-color: #565545;
-moz-box-shadow: 0 2px 2px #000 !important;
-webkit-box-shadow: 0 2px 2px #000 !important;
box-shadow: 0 2px 2px #000 !important;
}

.chooserColumns li a {
background-color: #1a1a1a;
}

.chooserColumns li a:hover {
background-color: #3e3e3e !important;
}

.AttachmentEditor .AttachedFile .Thumbnail {
border: 1px solid #000 !important;
}

.AttachmentEditor .AttachedFile .ProgressMeter {
border: 1px solid #565545 !important;
}

.attachment .boxModelFixer {
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x top left #1A1A1A;
border: 1px solid #565545 !important;
}

.attachment .boxModelFixer {
background-color: #202020 !important;
}

.attachment .thumbnail {
border-right: 1px solid #000 !important;
}

#QuickSearch.active {
background-color: #262623 !important;
-moz-box-shadow: 0px 5px 5px #000 !important;
-webkit-box-shadow: 0px 5px 5px #000 !important;
box-shadow:0px 5px 5px #000 !important;
border: 1px solid #565545 !important;
padding-top: 3px !important;
}

.Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
color: #fff !important;
}

.twtr-widget .twtr-tweet {
border-bottom: 1px dotted #000 !important;
}

#AccountMenu .menuHeader {
border-top: 1px solid #565545;
}

.Menu .menuHeader {
background: url("styles/Darkness/xenforo/gradients/gradient1.png") repeat-x top left #52513f;
border-top: 1px solid #565545;
}

.message .messageInfo {
background-color: #262623 !important;
}

.messageList .primaryContent {
background-image: none !important;
}

.member_list .memberList, .online_list .memberList {
border-top: 1px solid #565545 !important;
}

.helpSideBar .heading {
border: 1px solid #565545 !important;
background-color: #565545 !important;
}

.profilePage .main {
border-left: 1px solid #565545 !important;
}

.profilePage .mast .followBlocks .primaryContent.avatarHeap {
border: 1px solid #565545 !important;
}

.tabs {
border-bottom: 1px solid #565545 !important;
}

.profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent {
border-left: 1px solid #565545 !important;
}

.profilePage .tabs.mainTabs li a {
border: 1px solid #565545;
}

.profilePage .tabs.mainTabs li.active a {
background-image: none !important;
background-color: #565545 !important;
}

.textWithCount.subHeading .text {
color: #fff !important;
}

.formPopup .controlsWrapper {
background-color: #1a1a1a !important;
border: 1px solid #000 !important;
}

.footer .pageContent {
background-color: #1a1a1a !important;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#header .pageWidth .pageContent, #headerMover #header {
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

#logoBlock #logo {
float:none;
text-align:center;
}

footer {
background-color: #1a1a1a;
}

.searchResult .snippet a {
color:#fff !important;
}

.messageList .placeholder .placeholderContent {
color: #eee !important;
}

.discussionListItem {
-moz-box-sizing: border-box;!important;
-webkit-box-sizing: border-box;!important;
-ms-box-sizing: border-box;!important;
box-sizing: border-box;!important;
}

.subForumsPopup.Popup .PopupControl.PopupOpen {
  background-color: #1a1a1a !important;
  text-shadow: none !important;
}

.nodeList .categoryForumNodeInfo {
border-top: 1px solid #565545 !important;
}
 
Lexy said:
There is without
Code: 
<xen:include template="sos_bbcode.css" />

PHP: 
#darkbord {
border: 11px;
-webkit-border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
-moz-border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
border-image: url("styles/Darkness/xenforo/gradients/border.png") 11 11 11 11 repeat repeat;
margin: 10px 20px 0px 20px;
}

.sidebar .userList .username.invisible {
color: #fff;
}

.formPopup {
background: transparent !important;
}

#AccountMenu .menuColumns {
background: #1a1a1a !important;
}

.message .messageInfo {
border-right: 0px;
border-left: 0px;
}

#header .pageWidth .pageContent, #headerMover #header {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

#loginBar #loginBarHandle {
-moz-box-shadow: 0 2px 2px #000 !important;
-webkit-box-shadow: 0 2px 2px #000 !important;
box-shadow: 0 2px 2px #000 !important;
}

.attachedFiles {
border: 1px solid #565545 !important;
}

.messageUserBlock h3.userText {
text-align: center;
}

.messageUserBlock .extraUserInfo dl {
background-color: #323232;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
margin-top: 2px;
padding: 2px 5px;
}

.messageUserBlock .extraUserInfo dt {
color: #c4c4c4;
display: inline !important;
}

#headerMover #headerProxy {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bbCodeQuote .attribution {
color: #fff !important;
}

.navTabs .navTab.PopupClosed .navLink {
color: #ccc;
}

.secondaryContent {
border: 1px solid #565545;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x bottom left #262623;
}


#loginBar form.eAuth .ctrlWrapper {
border-right: 1px dotted #565545 !important;
}

.profilePage .primaryUserBlock {
border-top: 1px solid #565545 !important;
}

.messageSimple {
padding: 5px !important;
border: 1px solid #565545;
}

.discussionListItem .stats dl {
border-left: 1px solid #565545 !important;
border-right: 1px solid #565545 !important;
}

#QuickSearch {
background-color: #696858 !important;
padding-top: 0 !important;
padding-bottom: 3px !important;
}

.sectionMain {
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020 !important;
box-shadow: 0 0 2px #202020 !important;
background-color: #191917 !important;
}

.messageList .message {
background-color: #262623 !important;
margin-bottom: 10px;
border: 1px solid #565545;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px !important;
-moz-box-shadow: 0 0 2px #202020 !important;
-webkit-box-shadow: 0 0 2px #202020!important;
box-shadow: 0 0 2px #202020 !important;
}

.profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent {
border-right: 1px solid #565545  !important;
}

.button.primary {
background-color: #585555 !important;
}

.button.primary:hover {
background-color: #000 !important;
}

.xenForm fieldset, .xenForm fieldset + .ctrlUnit, .xenForm .submitUnit {
border-top: 1px solid #565545  !important;
}

.statusEditorCounter {
color: #fff !important;
}

.navTabs .navLink, .navTabs .SplitCtrl {
color: #fff !important;
}

.Menu .menuHeader  {
color: #fff !important;
}

.news_feed_page_global .eventList {
border-top: 1px solid #565545 !important;
}

input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled {
color: #777 !important;
background-color: #1a1a1a !important;
background-image: none !important;
border-color: #000 !important;
}

.titleBar h1 {
color: #fff !important;
}

.larger.textHeading, .xenForm .sectionHeader {
color: #fff !important;
}

.accountSideBar a:hover {
bacground-image: none;
background-color: #565545 !important;
color: #fff !important;
}

.accountSideBar .heading {
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x top left #1A1A1A !important;
}

#loginBar .textCtrl {
font-weight: normal !important;
font-size: 13px !important;
}

.xenOverlay.memberCard .userInfo h3 {
color: #fff !important;
}

.xenOverlay.memberCard .userInfo h4 {
color: #ccc !important;
}

.xenOverlay.memberCard .userLinks a {
color: #fff !important;
}

#newfoot {
margin-right: 25px;
margin-left: 25px;
}

.message .messageContent {
padding: 10px !important;
}

.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen {
color: #fff !important;
}

.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen:hover {
color: #fff !important;
}

#loginBar #loginBarHandle a.concealed {
text-decoration: none !important;
}

.navPopup .PopupItemLinkActive:hover {
background-color: #000 !important;
}

.conversation_view .messageList {
border-color: #000 !important;
}

.navTabs {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top: 1px solid #565545 !important;

}

.tabs li.active a, .tabs.noLinks li.active {
background-color: #000 !important;
}

#loginBar #loginBarHandle {
right: 35px !important;
}

.navTabs .navTab.selected .tabLinks {
background: url("styles/Darkness/xenforo/gradients/gradient1.png") repeat-x top left #52513f;
border-bottom: 1px solid #000;
}

.navTabs .navTab.PopupClosed .navLink:hover {
color: #fff;
background-color: #3d3d3d;
}

#jumpMenu .blockLinksList ul, #jumpMenu .nodeList li.d0 {
border-top: 1px solid #565545  !important;
}

.xenOverlay #jumpMenu .nodeList {
border-left: 1px solid #565545  !important;
}

.pairsInline dl, .pairsInline dt, .pairsInline dd a {
font-size: 10px !important;
}

.message .messageMeta {
background-color: #262623 !important;
}

.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats{
background: url("styles/Darkness/xenforo/gradients/back4.png") repeat-x bottom left #202020;
}

.messageContent {
background-color: #262623;
}

#loginBar #loginBarHandle:hover {
background-color: #565545;
-moz-box-shadow: 0 2px 2px #000 !important;
-webkit-box-shadow: 0 2px 2px #000 !important;
box-shadow: 0 2px 2px #000 !important;
}

.chooserColumns li a {
background-color: #1a1a1a;
}

.chooserColumns li a:hover {
background-color: #3e3e3e !important;
}

.AttachmentEditor .AttachedFile .Thumbnail {
border: 1px solid #000 !important;
}

.AttachmentEditor .AttachedFile .ProgressMeter {
border: 1px solid #565545 !important;
}

.attachment .boxModelFixer {
background: url("styles/Darkness/xenforo/gradients/back1.png") repeat-x top left #1A1A1A;
border: 1px solid #565545 !important;
}

.attachment .boxModelFixer {
background-color: #202020 !important;
}

.attachment .thumbnail {
border-right: 1px solid #000 !important;
}

#QuickSearch.active {
background-color: #262623 !important;
-moz-box-shadow: 0px 5px 5px #000 !important;
-webkit-box-shadow: 0px 5px 5px #000 !important;
box-shadow:0px 5px 5px #000 !important;
border: 1px solid #565545 !important;
padding-top: 3px !important;
}

.Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
color: #fff !important;
}

.twtr-widget .twtr-tweet {
border-bottom: 1px dotted #000 !important;
}

#AccountMenu .menuHeader {
border-top: 1px solid #565545;
}

.Menu .menuHeader {
background: url("styles/Darkness/xenforo/gradients/gradient1.png") repeat-x top left #52513f;
border-top: 1px solid #565545;
}

.message .messageInfo {
background-color: #262623 !important;
}

.messageList .primaryContent {
background-image: none !important;
}

.member_list .memberList, .online_list .memberList {
border-top: 1px solid #565545 !important;
}

.helpSideBar .heading {
border: 1px solid #565545 !important;
background-color: #565545 !important;
}

.profilePage .main {
border-left: 1px solid #565545 !important;
}

.profilePage .mast .followBlocks .primaryContent.avatarHeap {
border: 1px solid #565545 !important;
}

.tabs {
border-bottom: 1px solid #565545 !important;
}

.profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent {
border-left: 1px solid #565545 !important;
}

.profilePage .tabs.mainTabs li a {
border: 1px solid #565545;
}

.profilePage .tabs.mainTabs li.active a {
background-image: none !important;
background-color: #565545 !important;
}

.textWithCount.subHeading .text {
color: #fff !important;
}

.formPopup .controlsWrapper {
background-color: #1a1a1a !important;
border: 1px solid #000 !important;
}

.footer .pageContent {
background-color: #1a1a1a !important;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#header .pageWidth .pageContent, #headerMover #header {
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

#logoBlock #logo {
float:none;
text-align:center;
}

footer {
background-color: #1a1a1a;
}

.searchResult .snippet a {
color:#fff !important;
}

.messageList .placeholder .placeholderContent {
color: #eee !important;
}

.discussionListItem {
-moz-box-sizing: border-box;!important;
-webkit-box-sizing: border-box;!important;
-ms-box-sizing: border-box;!important;
box-sizing: border-box;!important;
}

.subForumsPopup.Popup .PopupControl.PopupOpen {
  background-color: #1a1a1a !important;
  text-shadow: none !important;
}

.nodeList .categoryForumNodeInfo {
border-top: 1px solid #565545 !important;
}
Click to expand...
Apologies if I'm misunderstanding you but you have to include this:
Code: 
<xen:include template="sos_bbcode.css" />
On the extra.css file of all of your styles.
 
i know that like i said so works on default style only, you ask me template i send you withouth
<xen:include template="sos_bbcode.css" /> which means to i know where this code goes
 
Velli said:
Great addon.

My question is: How do I add this to "Buttons Manager"?
Click to expand...
Right now I've really not played with the buttons manager nor added support for it with this add-on; if/when I release an update, that is on the priority list, but given that this is a small free add-on and I have work, school, and my own site, I wouldn't wait on it. If you want support using the buttons manager I'm sure you can ask around in the support forums.
 
mistypants updated SOS BB Codes with a new update entry:

Template modification + editor buttons

The first change in this version is a change to the installation process. Previously, you had to manually edit your EXTRA.css template to include the CSS for this add-on. This is now done automatically. Previous users should remove this line from their EXTRA.css template:
Code: 
<xen:include template="sos_bbcodes.css" />

Secondly, buttons will now be added to the editor toolbar for these bb codes. You can remove these if you do not want them.
Click to expand...

Read the rest of this update entry...
 
You must log in or register to reply here.

Similar threads

Ozzy47
[OzzModz] BB-Code: eD2k Link [Paid]
Replies
1
Views
217
Ozzy47
Ozzy47
DragonByte Tech
[DBTech] DragonByte Stripe Checkout
Replies
18
Views
540
Alpha1
Alpha1
Ozzy47
[OzzModz] BB Code: Thread List Alphabetical
Replies
6
Views
774
Robert9
R
AndyB
Cube [Paid]
Replies
1
Views
369
AndyB
AndyB
AndyB
Twizzle [Paid]
Replies
1
Views
519
AndyB
AndyB
Top Bottom