Create an account
On Sale - Peach MyBB Theme - 10$ For limited time Check here
On Sale - Focus Responsive Theme - 20$ For limited time Check here
WallBB Forums  / 

Portal
  The Buttons in the editor are not showing
User Avatar Forum: Theme Support
Posted by: trainwithavi@gmail.com - 03-14-2019, 01:38 PM - Replies (1)

For some reasons after the upgrade the buttons like bold italic underline and all these things are not showing in my new reply box 

Attached image 
what can be done to fi this issue ?

Replaced the codebutton template or rather reverted it and it fixed it Smile 

Can be closed



Attached Files Thumbnail(s)
   
Print this item

  Focus Reply and Quote Has An Issue With Date/Time Stamp On Posts
User Avatar Forum: Theme Support
Posted by: tazilon - 03-08-2019, 04:42 PM - Replies (5)

   
Hello...

I purchased your Focus theme a few days ago and am starting to use it on a test site.

I noticed that a reply to a message has a malformed time and day stamp.

See the image attached.



Any fix for this?

Thank you!

Print this item

Wink [For 1.8] Dark Editor for MyBB 1.8.20 [SCEditor]
User Avatar Forum: Theme Documentation
Posted by: WallBB - 03-07-2019, 06:42 PM - No Replies

Hey all,
If you need a dark editor based on default MyBB editor, this tutorial is for you.
This is quick and simple tutorial and keep in mind to make a backup of your jscripts folder.
What you will get is this -
(Clean, interesting and very nice for dark themes)
Requirement - MyBB 1.8.20

[Image: oNXcuzW.png]

1. Download the images.zip attached and upload/Extract them inside public_html(MyBB Root)/jscripts/sceditor/editor_themes/.

.zip   images.zip (Size: 9.25 KB / Downloads: 8)

2. Open public_html/jscripts/sceditor/textarea_styles/jquery.sceditor.mybb.css and replace the content with

Code:
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
html, body, p, code:before, table {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 14px;
    color: #ccc;
}

html {
    /* Needed so the cursor will be placed at the end of the content
       when the there isn't enought content to fill the full viewport */
    height: 100%;

    /* Needed for iOS scrolling bug fix */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body {
    /* Needed for iOS scrolling bug fix */
    position: relative;
    overflow: auto;

    /* Needed so the cursor will be placed at the end of the content
       when the there isn't enought content to fill the full viewport */
    min-height: 100%;
    word-wrap: break-word;
}

table, td {
    border: 1px dotted #000;

    /* Show empty cells so they can be edited */
    empty-cells: show;
}

code:before {
    font-weight: bold;
    content: 'Code:';
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 4px 0 3px 0;
    margin-bottom: 10px;
}

code.phpcodeblock:before {
    content: 'PHP Code:' !important;
}

code {
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px !important;
    padding: 10px;
    position: relative;
    background: white;
    margin: .25em .05em 0 0;
    border: 1px solid #ccc;
    white-space: pre;
    display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.ie6 code, .ie7 code {
    margin-top: 0;
}

code:before, code {
    display: block;
    text-align: left;
}

blockquote {
    position: relative;
    background: white;
    margin: .25em .05em 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

blockquote cite {
    font-weight: bold;
    font-style: normal;
    display: block;
    font-size: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

/* prevent divs from being collapsed */
div {
    min-height: 1.25em;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

img {
    max-width: 100%;
}

font[size="1"] {
    font-size: xx-small;
}

font[size="2"] {
    font-size: x-small;
}

font[size="3"] {
    font-size: small;
}

font[size="4"] {
    font-size: medium;
}

font[size="5"] {
    font-size: large;
}

font[size="6"] {
    font-size: x-large;
}

font[size="7"] {
    font-size: xx-large;
}



3. Open public_html/jscripts/sceditor/editor_themes/mybb.css
Code:
html {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 0.9em;
}

.sceditor-button div, div.sceditor-grip {
    background-image: url("famfamfam.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.sceditor-button-youtube div  {
    
  background-image: url(video.png);
    
}
.sceditor-button-link div  {
    
  background-position:  0px -16px;
    
}
.sceditor-button-unlink div  {
    
  background-position:  0px -32px;
    
}
.sceditor-button-underline div  {
    
  background-image: url(underline.png);
    
}
.sceditor-button-time div  {
    
  background-position:  0px -64px;
    
}
.sceditor-button-table div  {
    
  background-position:  0px -80px;
    
}
.sceditor-button-superscript div  {
    
  background-position:  0px -96px;
    
}
.sceditor-button-subscript div  {
    
  background-position:  0px -112px;
    
}
.sceditor-button-strike div  {
    
  background-image: url(strike.png);
    
}
.sceditor-button-source div  {
    
  background-image: url(source.png);
    
}
.sceditor-button-size div  {
    
  background-position:  0px -160px;
    
}
.sceditor-button-rtl div  {
    
  background-position:  0px -176px;
    
}
.sceditor-button-right div  {
    
  background-image: url(format-right.png);
    
}
.sceditor-button-removeformat div  {
    
  background-position:  0px -208px;
    
}
.sceditor-button-quote div  {
    
  background-image: url(quote.png);
    
}
.sceditor-button-print div  {
    
  background-position:  0px -240px;
    
}
.sceditor-button-pastetext div  {
    
  background-position:  0px -256px;
    
}
.sceditor-button-paste div  {
    
  background-position:  0px -272px;
    
}
.sceditor-button-orderedlist div  {
    
  background-position:  0px -304px;
    
}
.sceditor-button-maximize div  {
    
  background-position:  0px -320px;
    
}
.sceditor-button-ltr div  {
    
  background-position:  0px -336px;
    
}
.sceditor-button-left div  {
    
  background-image: url(format-left.png);
    
}
.sceditor-button-justify div  {
    
  background-image: url(format-fill.png);
    
}
.sceditor-button-italic div  {
    
  background-image: url(italic.png);
    
}
.sceditor-button-image div  {
    
  background-position:  0px -416px;
    
}
.sceditor-button-horizontalrule div  {
    
  background-image: url(hr.png);
    
}
.sceditor-button-format div  {
    
  background-position:  0px -448px;
    
}
.sceditor-button-font div  {
    
  background-position:  0px -464px;
    
}
.sceditor-button-emoticon div  {
    
  background-position:  0px -480px;
    
}
.sceditor-emoticons img {
    cursor: pointer;
}
.sceditor-button-email div  {
    
  background-position:  0px -496px;
    
}
.sceditor-button-date div  {
    
  background-position:  0px -512px;
    
}
.sceditor-button-cut div  {
    
  background-position:  0px -528px;
    
}
.sceditor-button-copy div  {
    
  background-position:  0px -544px;
    
}
.sceditor-button-color div  {
    
  background-position:  0px -560px;
    
}
.sceditor-button-code div  {
    
  background-position:  0px -576px;
    
}
.sceditor-button-center div  {
    
  background-image: url(format-center.png);
    
}
.sceditor-button-bulletlist div  {
    
  background-position:  0px -608px;
    
}
.sceditor-button-bold div  {
    
  background-image: url(bold.png);
    
}
div.sceditor-grip  {
    
  background-position:  0px -640px;
    
  width:  10px;
    
  height:  10px;
    
}
.rtl div.sceditor-grip  {
    
  background-position:  0px -656px;
    
  width:  10px;
    
  height:  10px;
    
}
.sceditor-container {
    position: relative;
    background: #333;
    border: 1px solid #444;
    padding: 0 4px;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ccc;
    line-height: 1;
    font-weight: bold;
    z-index: 1001;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
}
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {
    padding: 0;
    margin: 0;
    z-index: 3;
}
.sceditor-container iframe, .sceditor-container textarea {
    border: 0;
    outline: 0;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ccc;
    padding: 4px;
    margin: 5px;
    resize: none;
    background: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 99% !important;
}
div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .3;
}
.ie6 div.sceditor-resize-cover, .ie7 div.sceditor-resize-cover, .ie8 div.sceditor-resize-cover {
    background: #efefef;
}
.sceditor-container.ie6 {
    overflow: hidden;
}
div.sceditor-grip {
    overflow: hidden;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
}
.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%!important;
    width: 100%!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
html.sceditor-maximize, body.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.ie6.sceditor-maximize {
    position: absolute;
}
.sceditor-maximize div.sceditor-grip {
    display: none;
}
.sceditor-maximize div.sceditor-toolbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-dropdown {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    z-index: 6;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a, div.sceditor-dropdown a:link {
    color: #333;
}
div.sceditor-dropdown form {
    margin: 0;
}
div.sceditor-dropdown label {
    display: block;
    font-weight: bold;
    color: #3c3c3c;
    padding: 4px 0;
}
div.sceditor-dropdown input, div.sceditor-dropdown textarea {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    outline: 0;
    padding: 4px;
    border: 1px solid #ccc;
    border-top-color: #888;
    margin: 0 0 .75em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-dropdown textarea {
    padding: 6px;
}
div.sceditor-dropdown input:focus, div.sceditor-dropdown textarea:focus {
    border-color: #aaa;
    border-top-color: #666;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
    font-weight: bold;
    color: #444;
    padding: 6px 12px;
    background: #ececec;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
    margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
    background: #f3f3f3;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker, div.sceditor-fontsize-picker {
    padding: 6px 0;
}
div.sceditor-insertemoticon, div.sceditor-color-picker {
    padding: 0;
}
.sceditor-pastetext textarea {
    border: 1px solid #bbb;
    width: 20em;
}
.sceditor-insertemoticon img, .sceditor-more-emoticons img {
    cursor: pointer;
    margin: 2px;
}
.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 0;
}
.sceditor-more:hover {
    background: #eee;
}
.sceditor-fontsize-option, .sceditor-font-option {
    display: block;
    padding: 4px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #222;
}
.sceditor-fontsize-option {
    padding: 4px 13px;
}
.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #eee;
}
.sceditor-color-column {
    float: left;
}
.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden;
}
.sceditor-color-option:hover {
    border: 1px solid #333;
}
div.sceditor-toolbar {
    overflow: hidden;
    padding: 2px 2px 1px;
    background: #444;
    border-bottom: 1px solid #444;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
div.sceditor-group {
    display: inline-block;
    background: #333;
    margin: 1px 5px 1px 0;
    padding: 1px;
    border-bottom: 1px solid #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.ie6 div.sceditor-group, .ie7 div.sceditor-group {
    display: inline;
    zoom: 1;
}
.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 5px;
    width: 16px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
     border:  1px solid #444;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.ie6 .sceditor-button, .ie7 .sceditor-button {
    float: none!important;
    display: inline;
    zoom: 1;
}
.ie6 .sceditor-button {
    padding: 0;
}
.ie6 .sceditor-button div {
    margin: 5px;
}
.ie7 .sceditor-button div {
    margin: 5px 0;
}
.sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {
    background: #555;
    border: 1px solid #555;
}
.sceditor-button:active {
    background: #555;
    border: 1px solid #555;
}
.sceditor-button.disabled:hover {
    background: inherit;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.sceditor-button, .sceditor-button div {
    display: block;
}
.sceditor-button div {
    margin: 2px 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
}
.sceditor-button.disabled div {
    filter: alpha(opacity=30);
    opacity: .3;
}
.text .sceditor-button, .text .sceditor-button div, .sceditor-button.text, .sceditor-button.text div, .text-icon .sceditor-button, .text-icon .sceditor-button div, .sceditor-button.text-icon, .sceditor-button.text-icon div {
    width: auto;
    overflow: visible;
    line-height: 16px;
    font-size: 1em;
    color: inherit;
}
.text .sceditor-button div, .sceditor-button.text div {
    padding: 0 2px;
    background: 0;
}
.text-icon .sceditor-button div, .sceditor-button.text-icon div {
    padding: 0 2px 0 20px;
}
.rtl .sceditor-button {
    float: right;
}
.rtl div.sceditor-grip {
    right: auto;
    left: 0;
}
.sceditor-container {
    padding:  0 4px;
    overflow:  hidden;
}
.sceditor-container .sceditor-toolbar,  .sceditor-container iframe,  .sceditor-container textarea  {
    margin:  0 -4px;
}

/* Additional buttons (for MyBB) */
.sceditor-button-video div  {
    
  background-image: url(video.png);
    
}
.sceditor-button-php div  {
    
  background-image: url(php.png);
    
}

4. Go to your theme settings and select MyBB editor as default editor. Like this
https://i.imgur.com/a2LFAU6.png



 Hope it helps your forum gain a better typing experience for users, in case of any questions just let me know.

Regards
WallBB

Print this item

  Orange Theme New Upgrade - Centre Alignment Not working
User Avatar Forum: Theme Support
Posted by: trainwithavi@gmail.com - 03-06-2019, 05:58 PM - Replies (5)

So after this new upgrade , the centre alignment is not working .. 

Here is an example 

[Image: thumb-126481.png]
[Image: thumb-126481.png]

[Image: thumb-126481.png]

So i psted the image bb code to the forum and selected left and center and right respectively and then posted it , it displayed like this 

but If i am manually typing
Code:
 [align=center][/align]
, then its working fine ..  Undecided Undecided

as you can see below 

[Image: thumb-126481.png]
Print this item

  How to update Orange theme
User Avatar Forum: Theme Support
Posted by: trainwithavi@gmail.com - 03-04-2019, 10:10 AM - Replies (1)

So i m going to upgrade my board to 1.8.20 from 1.8.19 
so can you guide me the way how can i just upgrade the theme " orange " 

Or i will have to install it as a fresh or something like that ? 

Cheers

Print this item

  All themes updated to MyBB 1.8.20
User Avatar Forum: Announcements and Ask for MyBB help
Posted by: WallBB - 03-04-2019, 09:29 AM - No Replies

All MyBB themes at WallBB are updated to MyBB 1.8.20
You can download them from your account
https://wallbb.co.uk/my-account/downloads/

Template changes -

Code:
   codebuttons
   editpost
   footer
   footer_showteamlink
   forumdisplay_threadlist    
forumdisplay_threadlist_subscription
   global_modqueue
   global_modqueue_notice
   global_unreadreports
   header
   headerinclude
   index_boardstats
   member_profile        
newreply
   newthread    
post_javascript
   private
   private_orderarrow
   private_read
   private_send
   reputation
   search
   showthread
   usercp_editlists    
usercp_forumsubscriptions_forum
   warnings_warn_pm


Regards
WallBB

Print this item

  Stream Table Vertical instead of Horizontal
User Avatar Forum: Theme Support
Posted by: trainwithavi@gmail.com - 03-02-2019, 11:54 AM - Replies (5)

Hi , 
how did we made the vertical stream extention here on this forum .. instead of horizontal .. 
also i believe some resized of the page has also been done on this forum ... 

can you please care to share how you got the stream vertical modification on your board , and also on the same place ( top right )

Print this item

  User Control Panel / Change Avatar
User Avatar Forum: Theme Support
Posted by: amanda_2011 - 02-27-2019, 02:36 PM - Replies (6)

Quote:Hey amanda_2011,
It is already updated on WallBB website, if you have downloaded latest version than you will have the changes.

Templates and css files that have changes are :-

- css3.css
- usercp_nav

Also I have added version number in theme css now so that a theme version can be checked based on version.

Let me know if you get any issues in updating theme [Image: smile.png]

Cheers

The Change Avatar page in the latest Focus update is not responsive. Please fix.

Print this item

Star My Groundwork for personal forum Go Dark
User Avatar Forum: Theme Support
Posted by: Zowweb - 02-21-2019, 04:04 PM - Replies (1)

[Image: TjdacxQ.png]

[Image: gRNLSd1.png]

[Image: dUSuBkh.jpg]

[Image: D56eCJr.png]

I am not engaged in development and support.

Print this item

  Go Dark theme mobile
User Avatar Forum: Theme Support
Posted by: bobek - 02-02-2019, 08:34 PM - Replies (3)

There is a problem with this style when using the mobile version
he cuts the content and sub-region
https://imgur.com/a/ZoocMrl

Print this item

Welcome, Guest
You have to register before you can post on our site.

Username
  

Password
  

Search Forums

(Advanced Search)

Forum Statistics
» Members: 389
» Latest member: nixer55
» Forum threads: 231
» Forum posts: 945

Full Statistics

Online Users
There are currently 10 online users.
» 0 Member(s) | 9 Guest(s)
Bing

Latest Threads
Win a Prize Worth Up to $...
Forum: Announcements and Ask for MyBB help
Last Post: StevenK
10-23-2025, 07:27 AM
» Replies: 0
» Views: 240
Win a Prize Worth Up to $...
Forum: Theme Documentation
Last Post: StevenK
10-23-2025, 07:25 AM
» Replies: 0
» Views: 234
[Focus Responsive] How to...
Forum: Theme Support
Last Post: artbytes
02-22-2024, 07:23 AM
» Replies: 1
» Views: 4,204
Theme Styles Not Loading
Forum: Theme Support
Last Post: artbytes
11-29-2023, 07:19 AM
» Replies: 0
» Views: 2,011
theme updates for 1.8.30?
Forum: Theme Support
Last Post: amanda_2011
02-03-2023, 02:03 PM
» Replies: 4
» Views: 9,154
WallBB Designs - MyBB the...
Forum: Announcements and Ask for MyBB help
Last Post: WallBB
07-07-2021, 05:35 PM
» Replies: 0
» Views: 5,337
WIP - All theme updates t...
Forum: Announcements and Ask for MyBB help
Last Post: WallBB
07-06-2021, 01:15 PM
» Replies: 1
» Views: 5,839
My Advertisements
Forum: Theme Support
Last Post: WallBB
05-14-2021, 01:51 PM
» Replies: 3
» Views: 10,188
Missing some Focus images...
Forum: Theme Support
Last Post: WallBB
05-07-2021, 02:59 AM
» Replies: 2
» Views: 8,450
[Focus Responsive] no res...
Forum: Theme Support
Last Post: WallBB
05-04-2021, 04:54 AM
» Replies: 3
» Views: 12,130