Announcement

Collapse
No announcement yet.

how to change shoutbox background?

Collapse
X
Collapse
First Prev Next Last
  • Filter
  • Time
  • Show
Clear All
new posts

    how to change shoutbox background?

    how to change shoutbox background
    as i upgrade my forum to 5.4.2 want to use the lovely dark style all is ok apart the white background of the soutbox would like to change colour to match the dark style
    any one know how to do this

    thanks in advance
    voyger.: In Almighty God I trust, everyone else has to provide evidence."

    #2
    Its in the style variable editor in admincp. go to the bottom of the list and it is under vbmessinger, first item labeled vB Messenger Window Background
    If by chance some day you're not feeling well and you should remember some silly thing I've said or done and it brings back a smile to your face or a chuckle to your heart, then my purpose as your clown has been fulfilled ~ Red Skelton

    Comment


      #3
      Do you mean vBShout by DragonByte Tech? In that case, try adding the following in css_additional.css:
      Code:
      .dbtech_vbshout_shout.alt1 {background: #000;}

      Comment


        #4
        thanks Fleiding for the tip
        yes i meant
        vBShout by DragonByte Tech i did paste
        .dbtech_vbshout_shout.alt1 {background: #000;} in css addional css
        no joy still white
        Click image for larger version

Name:	Capture3.PNG
Views:	1
Size:	324.5 KB
ID:	11295

        will try NumNum tip
        voyger.: In Almighty God I trust, everyone else has to provide evidence."

        Comment


          #5
          Please try this:
          Code:
          .dbtech_vbshout_shout.alt1 {background: #000 !important;}

          Comment


            #6
            sorry still no joy
            voyger.: In Almighty God I trust, everyone else has to provide evidence."

            Comment


              #7
              strange on Default Style change colour in dark style stay white
              Click image for larger version

Name:	Capture3.PNG
Views:	1
Size:	416.9 KB
ID:	11299
              voyger.: In Almighty God I trust, everyone else has to provide evidence."

              Comment


                #8
                any one have any idea to help on this pleas
                voyger.: In Almighty God I trust, everyone else has to provide evidence."

                Comment


                  #9
                  I'm not sure where the stylesheets of vBShout are located, but see if you can find the one containing the following CSS and change the values marked in red for your dark theme. Please note that if you update the mod, you possibly have to make the changes again.
                  Code:
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt,
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt2,
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabwrapper {
                      border-bottom: 1px solid #5A7F97
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt,
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
                      border-top: 1px solid #5A7F97
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs, .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window {
                      border-left: 1px solid #5A7F97;
                      border-right: 1px solid #5A7F97
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window {
                      border-bottom: 1px solid #5A7F97
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt {
                      border-bottom: 1px solid #FAFAFA;
                      background-color: #FAFAFA
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
                      background: #e9e9e9 url(http://sat-lodge.it/core/packages/dbtechvbshout/images/generic_button.png) repeat-x top left
                  }
                  
                  .dbtech_vbshout_shout.alt1 {
                      background: #000
                  }
                  
                  .dbtech_vbshout_shout.alt2 {
                      background: #E9E9E9 none repeat-x
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
                      background: #000 none
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame .dbtech_vbshout_highlight {
                      background-color: #FFEB90
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame .dbtech_vbshout_highlight a {
                      color: #417394
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame .dbtech_vbshout_frame_sticky {
                      background: none repeat-x scroll 0 0 #E9E9E9;
                      border-top: 1px solid #CECECE;
                      color: #3E3E3E
                  }
                  
                  .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_highlight {
                      background: #FFEB90 none repeat-x !important
                  }
                  If done correct, you get this:

                  Click image for larger version

Name:	Screenshot 2018-06-08 11.59.29.png
Views:	1
Size:	75.2 KB
ID:	11315

                  Comment


                    #10
                    thanks Fleiding appreciate your help
                    will have a look again.get error on code
                    You need to be logged in to view the quote. Loginor Registernow!

                    fook me this getting creasy hops!
                    voyger.: In Almighty God I trust, everyone else has to provide evidence."

                    Comment


                      #11
                      hi fleiding found this on Template:
                      css_dbtech_vbshout.css css_dbtech_vbshout.css


                      i don't see where to change
                      change the values marked in red your post above
                      can you gives more tip where to change the value
                      thanks


                      Code:
                      .dbtech_vbshout_wrapper .dbtech_vbshout_table {
                       margin-bottom:0;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_vbshout_activeusers {
                       width:120px !important;
                       min-width:120px !important;
                       padding-{vb:stylevar left}:6px;
                       vertical-align:top;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_vbshout_padding {
                       width:6px !important;
                       min-width:6px !important;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shoutarea_left {
                       width:25%;
                       float:{vb:stylevar left};
                       clear:{vb:stylevar left};
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shoutarea_right {
                       width:25%;
                       float:{vb:stylevar right};
                       clear:{vb:stylevar right};
                      }
                      .dbtech_vbshout_wrapper .dbtech_shouts {
                       width:75%;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_vbshout_smallfont {
                       font-size:11px;
                      }
                      .dbtech_vbshout_wrapper .dbtech_shouts.dbtech_shouts_full {
                       width:100%;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt {
                       position:relative;
                       top:1px;
                       z-index:2;
                       cursor:default;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
                       position:relative;
                       top:1px;
                       cursor:pointer;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabwrapper {
                       margin: 0px;
                       padding: 0px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabcontainer {
                       margin: 0px;
                       padding: 0px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_tabs {
                       text-align:center;
                       white-space:nowrap;
                       padding:5px;
                       padding-top:3px;
                       padding-bottom:4px;
                       margin-{vb:stylevar right}:6px;
                       font-size:11px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
                       margin-top: 1px;
                       margin-bottom: 1px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
                       display:block;
                       padding:3px;
                       padding-{vb:stylevar left}:5px;
                       overflow:auto;
                       position:relative;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_message_frame {
                       /*position:absolute;
                       padding-bottom:2px;*/
                       width:99%;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shoutarea li textarea {
                       width:95%;
                       margin-bottom: 3px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_vbshout_frame .dbtech_vbshout_frame_sticky {
                       padding: 4px 10px;
                      }
                      
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_shout.alt1,
                      .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_shout.alt2 {
                       vertical-align:middle;
                      }
                      
                      .editor_controls a.popupctrl.dbtech_vbshout_newchat {
                       background-image:none;
                       padding-{vb:stylevar right}:0;
                       _padding-{vb:stylevar right}:0;
                       border:0;
                      }
                      
                      .dbtech-vbshout-popupmenu {
                       position: relative;
                       z-index:100;
                       cursor:pointer;
                      }
                      
                      .dbtech-vbshout-popupmenu .dropdown-icon {
                       display: inline-block;
                       height: 100%;
                       width: 7px;
                       padding-{vb:stylevar right}:10px;
                       position:relative;
                      }
                      
                      .dbtech-vbshout-popupmenu ul li a {
                       display: block;
                       height: 100%;
                       padding: 0 10px;
                       font:bold 12px/27px Helvetica, Arial, Verdana;
                       color:#4D5355;
                      }
                      
                      .dbtech-vbshout-popupmenu > ul {
                       display: none;
                       position: absolute;
                       top: 0;
                       {vb:stylevar left}: 0;
                       background: #F1F1F1;
                       z-index: 1100;
                       color: inherit;
                       width:auto;
                       min-width:100px;
                       border:1px solid #B1B1B1;
                       border-top:0;
                       white-space: nowrap;
                      }
                      
                      .dbtech-vbshout-popupmenu ul.submenu li {
                       float: none;
                       white-space: nowrap;
                       border-top:1px solid #FFF;
                       border-bottom:1px solid #C6C7C7;
                       line-height:30px;
                      }
                      .dbtech-vbshout-popupmenu ul.submenu li.last-item { /*For IE 8's sake*/
                       border-bottom:0;
                      }
                      .dbtech-vbshout-popupmenu ul.submenu li:hover {
                       background:#C6C7C7;
                      }
                      .dbtech-vbshout-popupmenu ul.submenu li:first-child {
                       border-top:0;
                      }
                      .dbtech-vbshout-popupmenu ul.submenu li label {
                       color:#1B1B1B;
                       font-weight:normal;
                       display:block;
                       outline:none;
                       line-height:30px;
                      }
                      
                      
                      .dbtech_vbshout_form .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout .memberaction.popupmenu {
                       display: inline-block;
                       position: relative;
                       top: 0;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody {
                       background: none repeat scroll 0 0 #FFFFFF;
                       border-radius: 5px 5px 5px 5px;
                       box-shadow: 0 4px 7px #C8C8C8;
                       width: 280px;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .popupbody {
                       border: 1px solid #E1E1E1;
                       color: #3E3E3E;
                       font: 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
                       min-width: 200px;
                       padding: 2px;
                       z-index: 1000;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .popupbody li {
                       border-top: 1px solid #E1E1E1;
                       list-style:none outside none;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody li {
                       border: medium none;
                       width: 140px;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody li.left {
                       clear: left;
                       float: left;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody li.right {
                       clear: right;
                       float: right;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody li > a {
                       padding: 4px 4px 4px 15px;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .memberaction_body.popupbody li > a:hover {
                       background-color: #FFEB90;
                       color: #3E3E3E;
                      }
                      
                      .dbtech_vbshout_form .dbtech_vbshout_menucode .popupbody li a, .popupbody li label {
                       background: none repeat scroll 0 0 #FFFFFF;
                       color: #3E3E3E;
                       display: block;
                       text-align: left;
                       text-decoration: none;
                       white-space: nowrap;
                       font: 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
                      }
                      voyger.: In Almighty God I trust, everyone else has to provide evidence."

                      Comment


                        #12
                        The right location is in css templates > css_dbtech_vbshout_colours.css
                        You can see the Shoutbox with black background here:https://www.megathemer.net/forum

                        Comment


                          #13
                          thanks Megabink for the tip

                          done part of it ok,got the square box in the left to do do you know how can i fix that
                          Attached Files
                          voyger.: In Almighty God I trust, everyone else has to provide evidence."

                          Comment


                            #14
                            My guess is look in the dbtech_vbshout_editor.css template and search for this part.

                            Code:
                            .dbtech_vbshout_wrapper .editor_textbox textarea:focus {
                                background-color:#f2f6f8;
                            }

                            Comment


                              #15

                              found on css_dbtech_vbshout_editor.css

                              edited the colour no change the box on the left still white

                              .dbtech_vbshout_wrapper .editor_textbox textarea:focus {
                              background-color:#000000;
                              }
                              voyger.: In Almighty God I trust, everyone else has to provide evidence."

                              Comment

                              Working...
                              X