The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

The Top Of My Site Is Showing Black Bars

View previous topic View next topic Go down

Solved The Top Of My Site Is Showing Black Bars

Post by Thirty on March 10th 2017, 1:51 am

The black bars are at the top of the page above my header. I have not added any code or changed anything and this is just in the last 24 hours.

http://30dd.forumotion.com/













Thank you Very Happy
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Draxion on March 10th 2017, 2:01 am

If you are talking about your toolbar, you can simply disable it.

Admin Panel --> Modules --> Toolbar --> Configuration --> Activate the toolbar: no


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1846
Reputation : 231
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Thirty on March 10th 2017, 6:31 am

The toolbar is under the header. This is above the header.


Last edited by Thirty on March 10th 2017, 6:35 am; edited 1 time in total
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Draxion on March 10th 2017, 6:34 am

Sorry, I don't see the black bar you are referring to when browsing your site.

EDIT: Are you sure you aren't confusing the Toolbar from the Navbar?
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1846
Reputation : 231
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by SLGray on March 10th 2017, 7:08 am

I do not see those bars. Have you fixed it?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by skouliki on March 10th 2017, 7:34 am

hello

can guests see that black bar or only members?
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3175
Reputation : 494
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by SLGray on March 10th 2017, 7:41 am

One thing I noticed is that you have Select Content (text) at the top of the forum.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by brandon_g on March 10th 2017, 5:38 pm

Hello,

Did you add codes before this happened?


Did you add any sort of background image to the site? To me, this looks like either a code that is messing up site features badly, or a background image that appears weird or maybe a combination of the two.

-Brandon


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6057
Reputation : 553
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Gwim_Weaper on March 10th 2017, 6:18 pm

This happened to my site a few days ago. a series of black and white lines, as if one was looking through a partially closed venetian blind. It was over the header as depicted in the opening post.

Everyone on the site noticed it.

lasted for an hour or so then went away
avatar
Gwim_Weaper
Forumember

Posts : 37
Reputation : 1
Language : English

http://wigan-rejects.forumotion.co.uk

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Ange Tuteur on March 10th 2017, 6:41 pm

If you're referring to the area above the header, then that's the toolbar. It's normally fixed to the top of the screen, but in your image it's lacking the necessary CSS to achieve that. I'm assuming your issue is related to this :
@Ange Tuteur wrote:Also, I'd like to provide some information for everyone regarding the "ModernBB" update for Forumotion. When this new forum version was released to production, Forumotion made some modifications to the toolbar, specifically its stylesheet, without notifying us of this change. Before this update the toolbar's CSS was inline in the document, however, after the ModernBB update, the CSS was moved to the basic stylesheet. So if you disabled the basic CSS via Display > Colors > CSS > Deactivate the basic CSS, then the toolbar will not be styled anymore ; to put it simply, it'll appear broken. You'll need to include the following CSS in your stylesheet or elsewhere.
Code:
.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%;
    }
.fa_toolbar_L_Sized {
    min-width: 774px;
    }
.fa_toolbar_M_Sized {
    min-width: 519px;
    }
#fa_toolbar {
    left: 0px;
    height: 30px;
    background-color: #FAFAFA;
    color: #FFFFFF;
    font-family: Helvetica, Verdana, Arial;
    font-size: 16px;
    z-index: 20002;
    }
#fa_toolbar :link, #fa_toolbar :visited {
    color: #FFFFFF;
    text-decoration: none;
    }
#fa_toolbar a:hover {
    text-decoration: underline;
    }
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
    border:1px solid transparent;
    border:none;
    }
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
    }
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('https://illiweb.com/fa/i/toolbar/pa0.png');
    background-size: 30px;
    width: 30px;
    height: 30px;
    }
#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    background-image: url('https://illiweb.com/fa/i/toolbar/toolbar.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    }
#fa_left {
    display: inline-block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    line-height: 30px !important;
    }
#fa_icon, #fa_toolbar #fa_service {
    color: #555555;
    }
#fa_toolbar #fa_service {
    display: inline-block !important;
    visibility: visible !important;
    text-decoration: none !important;
    }
#fa_toolbar #fa_service:hover[href] {
    text-decoration: underline !important;
    }
#fa_search {
    margin-left: 20px;
    height: 30px;
    }
#fa_search form {
    margin: 0;
    padding:0;
    display:inline;
    }
#fa_search #fa_magnifier {
    position : absolute;
    background-position: -30px 0px;
    }
#fa_search #fa_textarea {
    text-indent: 30px !important;
    width: 200px;
    height: 24px;
    padding: 0px;
    border: 0px;
    margin-top: 3px;
    border-radius: 5px;
    line-height: 24px;
    }
#fa_share {
    margin-left: 20px;
    font-size: 16px;
    line-height: 30px !important;
    }
#fa_share_text {
    cursor: default;
    color: #555555;
    text-decoration: none !important;
    }
#fa_fb {
    margin-left: 10px;
    background-position: -60px 0px;
    }
#fa_twitter {
    background-position: -90px 0px;
    }
#fa_gp {
    background-position: -120px 0px;
    }
#fa_mail {
    background-position: -150px 0px;
    }
#fa_rss {
    background-position: -180px 0px;
    }
#fa_right {
    float: right;
    font-size: 14px;
    }
#fa_right a.rightHeaderLink {
    margin-left: 10px;
    vertical-align: top;
    line-height: 30px;
    color:#555555 }
#fa_right span.rightHeaderLink {
    display:inline-block;
    margin-left: 1px;
    vertical-align: top;
    line-height: 30px;
    color:#555555 }
#fa_welcome, #fa_right #fa_notifications {
    line-height: 30px;
    padding: 0px 5px;
    color: #555555;
    }
#fa_hide {
    background-position: -210px 0px;
    }
#fa_menu {
    display: inline-block;
    }
#fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover {
    cursor: pointer;
    }
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
    color: #555555;
    }
#fa_right #fa_menu ul, #fa_right.notification #fa_menu ul {
    display: none;
    }
#fa_right.welcome #fa_menu #fa_welcome {
    color: #333;
    background-color: #fff;
    }
#fa_right.welcome #fa_menu ul {
    display: block;
    }
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    color: #333333;
    background-color: #FFFFFF;
    }
#fa_toolbar #fa_right .fa_separator {
    width: 90%;
    height: 1px;
    margin: 0;
    padding: 0px;
    background-color: #CCCCCC;
    text-align: center;
    }
#fa_menulist {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px;
    background-color: #FFFFFF;
    min-width: 175px;
    width: auto;
    border: 1px solid #333333;
    line-height: 32px;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    }
#fa_menulist :link, #fa_menulist :visited {
    color: #00569C !important;
    }
#fa_toolbar_hidden {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: -60px;
    background-color: #FAFAFA;
    border-radius: 0px 0px 5px 5px;
    z-index: 20002;
    }
#fa_show {
    background-position: -240px 0px;
    }
#fa_toolbar #fa_right #fa_notifications #notif_unread {
    display: none;
    margin-left: 0.5em;
    }
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
    display: inline;
    }
#fa_toolbar #fa_right #notif_list {
    font-size: 11px;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    }
#fa_toolbar #fa_right.notification #notif_list {
    display: block;
   ;
    }
#fa_toolbar #fa_right #notif_list li {
    margin: 0;
    font-size: 1em;
    padding: 0 0.5em 0.5em;
    color: #333;
    line-height: 1.2em;
    display:block;
    }
#fa_toolbar #fa_right #notif_list li .contentText {
    float:left;
    width:27em;
    height: 2.4em;
    overflow: hidden;
    }
#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #00569C !important;
    text-decoration: underline !important;
    vertical-align: baseline;
   
/*max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}
#fa_toolbar #fa_right #notif_list li:first-child {
    padding-top: 0.5em;
    }
#fa_toolbar #fa_right #notif_list li:first-child hr {
    display: none;
    }
#fa_toolbar #fa_right #notif_list li .content {
    width: 30em;
   
/*height: 2.4em;
   */
 margin: 0;
    display: block;
    overflow: hidden;
    vertical-align: top;
    color: inherit !important;
    line-height: inherit !important;
    }
#fa_toolbar #fa_right #notif_list li a.delete {
    width: 22px;
    height: 2.4em;
    background: transparent url('https://illiweb.com/fa/i/toolbar/toolbar.png') no-repeat -274px 50%;
    float:right;
    }
#fa_toolbar #fa_right #notif_list li hr {
    margin: 0 0 0.5em 0;
    border: 0 solid #ccc;
    border-top-width: 1px;
    }
#fa_toolbar #fa_right #notif_list li.unread {
    font-weight: bold;
    background-color: #e5e5e5;
    }
#fa_toolbar #fa_right #notif_list li.see_all {
    color: #fff;
    background-color: #333;
    padding: 0.7em !important;
    text-align: right;
    }
#fa_toolbar #fa_right #notif_list li.see_all a {
    color: #fff;
    width:100%;
    }
#fa_toolbar #live_notif {
    width: 330px;
    position: absolute;
    }
#fa_toolbar #live_notif .fa_notification {
    background-color: #333;
    opacity: 0.8;
    border-radius: 5px;
    padding: 10px;
    }
#fa_toolbar #live_notif .fa_notification .content {
    padding-left: 40px;
    display: inline-block;
    background-image: url('https://illiweb.com/fa/notifications/notifications.png');
    background-repeat: no-repeat;
    height: 32px;
    font-size : 11px;
    color : #fff;
    overflow : hidden }
#fa_toolbar #live_notif .fa_notification a {
    text-decoration: underline !important;
    vertical-align: baseline;
   
/*max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}
.fa_fix {
    position:fixed !important;
   position: absolute;
   
/*ie6 and above*/
top: 0;
   right: 0;
    }
#fa_toolbar .fa_hide {
    display: none !important;
    }
#fa_usermenu {
    position: absolute;
    left: 0px;
    width: 120px;
     padding: 10px 20px 10px 10px;
    color: #333333;
    font-size: 12px;
    text-align: center;
    }
#fa_ranktitle {
    width: 120px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
#fa_ranktitle:hover {
    text-decoration: none !important;
    color: #333333;
    }
#fa_usermenu td {
    padding: 0px;
    margin-bottom: 5px;
    line-height: 15px;
    }
#fa_usermenu td.first {
    text-align: right;
    }
#fa_usermenu td.bold {
    font-weight:bold;
    text-align: left;
    }
#fa_usermenu img {
    max-width: 120px;
    max-height: 120px;
    }
#fa_menulist {
    padding-left: 150px;
    }
From : http://help.forumotion.com/t147986p30-forumactif-edge-a-free-modern-and-responsive-forum-theme#1041959

If these black lines are still displaying for you, add the CSS above to your stylesheet.
Display > Colors > CSS
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved I Apologize For The late Reply

Post by Thirty on March 12th 2017, 1:21 am

I have not added any code or changed anything and there my site is colors Only - black background with a mix of purples and blues. When I went in today, it was gone, so now its back where it's supposed to be.

Thank you for that information Ange Tuteur Smile


Also SL Gray:

"One thing I noticed is that you have Select Content (text) at the top of the forum."


I've seen it, what does this mean?



Thank you Very Happy
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Thirty on March 12th 2017, 1:27 am

@Gwim_Weaper wrote:This happened to my site a few days ago. a series of black and white lines, as if one was looking through a partially closed venetian blind. It was over the header as depicted in the opening post.

Everyone on the site noticed it.

lasted for an hour or so then went away




This is an excellent description of what it was. Thank you Very Happy
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by SLGray on March 12th 2017, 7:19 pm

@Thirty wrote:I have not added any code or changed anything and there my site is colors Only - black background with a mix of purples and blues. When I went in today, it was gone, so now its back where it's supposed to be.

Thank you for that information Ange Tuteur Smile


Also SL Gray:

"One thing I noticed is that you have Select Content (text) at the top of the forum."


I've seen it, what does this mean?



Thank you Very Happy
Are there any other administrators that have access to the administration panel?

Select content is usually used with the code tags as a link to highlight what is in the code tags. http://help.forumotion.com/t93456-select-content-button?highlight=select


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40909
Reputation : 2777
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Thirty on March 13th 2017, 6:32 am

@SLGray wrote:
@Thirty wrote:I have not added any code or changed anything and there my site is colors Only - black background with a mix of purples and blues. When I went in today, it was gone, so now its back where it's supposed to be.

Thank you for that information Ange Tuteur Smile


Also SL Gray:

"One thing I noticed is that you have Select Content (text) at the top of the forum."


I've seen it, what does this mean?



Thank you Very Happy
Are there any other administrators that have access to the administration panel?

Select content is usually used with the code tags as a link to highlight what is in the code tags. http://help.forumotion.com/t93456-select-content-button?highlight=select







No just me.
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by brandon_g on March 13th 2017, 8:30 pm

I just took a look at your forum for myself, the site appears to look fine for me. The only thing off that appears for me is that weird 'select content' thing right above the banner, but below the toolbar.


Do you have any codes on your forum AT ALL? If not, I cant think of what could be causing this weird 'select content' to appear. scratch blackeye

-Brandon


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6057
Reputation : 553
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by Thirty on March 17th 2017, 2:59 am

@Thirty wrote:
@SLGray wrote:
@Thirty wrote:I have not added any code or changed anything and there my site is colors Only - black background with a mix of purples and blues. When I went in today, it was gone, so now its back where it's supposed to be.

Thank you for that information Ange Tuteur Smile


Also SL Gray:

"One thing I noticed is that you have Select Content (text) at the top of the forum."


I've seen it, what does this mean?



Thank you Very Happy
Are there any other administrators that have access to the administration panel?

Select content is usually used with the code tags as a link to highlight what is in the code tags. http://help.forumotion.com/t93456-select-content-button?highlight=select







No just me.












I have the add this in the head for analytics. It's recommended content.

I put these codes in:

Mobile pagination
CC New Message
FaceBook
Admin and Mod Warning Buttons
Elements by tag T
CTC


A few did not work so I will have to look at them again, but I did these a long time ago.
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Thank you

Post by Thirty on March 18th 2017, 12:49 am

For your help. Very Happy
avatar
Thirty
Forumember

Female Posts : 55
Reputation : 1
Language : English

http://30dd.forumotion.com/

Back to top Go down

Solved Re: The Top Of My Site Is Showing Black Bars

Post by APE on March 18th 2017, 11:58 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 11061
Reputation : 1036
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum