Hitskin.com

[ResonatingOctave]

ResonatingOctave

•  
•   

ResonatingOctave

New Member

Posts : 13
Reputation : 1
Language : english

• Post n°1

Transparent Forum Problems

 by ResonatingOctave April 3rd 2015, 5:51 pm

Technical Details

Forum version : phpBB3
Position : Administrator
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Other
Who the problem concerns : All members
When the problem appeared : About a week ago
Forum link : http://gladiatoracademy.forumcroatian.com/

Description of problem

So, on this forum, we have had the problem with our background. We had it set to be transparent and for a good long while the forum was fine. Now, if we are to put on a transparent background for some reason, everything else looks fine, up until you get to the Who Is Online? section of the forum. For some reason, that ends up having the background of whatever image we use. We took down the background for now because it was too unpleasing to the eye. If anyone could help, much would be appreciated.

LikeDislike

[ResonatingOctave]

ResonatingOctave

•  
•   

ResonatingOctave

New Member

Posts : 13
Reputation : 1
Language : english

• Post n°2

Re: Transparent Forum Problems

 by ResonatingOctave April 4th 2015, 2:55 am

Is there anyone with an idea on how to fix this? Been waiting all day, still no response.

LikeDislike

[niquon715]

niquon715

•  
•   

niquon715

Forumember

Posts : 83
Reputation : 10
Language : english

• Post n°3

Re: Transparent Forum Problems

 by niquon715 April 5th 2015, 11:03 am

send me a screenshot of the problem and i can probably fix it 

Code:


body {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #5c758c;
   background-color: #1a1a1a;
   background-image: url(add your background here);
   background-attachment: fixed;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
filter:alpha(opacity=90);}


throw this in your css and it should work fine everything there can be changed

LikeDislike

[ResonatingOctave]

ResonatingOctave

•  
•   

ResonatingOctave

New Member

Posts : 13
Reputation : 1
Language : english

• Post n°4

Re: Transparent Forum Problems

 by ResonatingOctave April 5th 2015, 3:11 pm

The problem still persist tho, here's a screenshot of what I mean.



We don't want that to have that background we are using, but rather have a box around it, so its easier to read.

LikeDislike

[Ange Tuteur]

Ange Tuteur

•  
•   

Ange Tuteur

Forumaster

Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

• Post n°5

Re: Transparent Forum Problems

 by Ange Tuteur April 6th 2015, 3:07 am

Hello @ResonatingOctave,

We can add a container for this by making a small modification to the templates. Go to Administration Panel > Display > Templates > General > open the template title index_body

Find :

Code:

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

Replace by :

Code:

<!-- BEGIN disable_viewonline -->
<div class="panel">
  <div class="inner">
    <span class="corners-top"><span></span></span>
   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
  <span class="corners-bottom"><span></span></span>
  </div>
</div>
<!-- END disable_viewonline -->

Save and publish.

LikeDislike

[ResonatingOctave]

ResonatingOctave

•  
•   

ResonatingOctave

New Member

Posts : 13
Reputation : 1
Language : english

• Post n°6

Re: Transparent Forum Problems

 by ResonatingOctave April 6th 2015, 7:31 pm

Hello @ResonatingOctave,

We can add a container for this by making a small modification to the templates. Go to Administration Panel > Display > Templates > General > open the template title index_body

Find :

Code:

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

Replace by :

Code:

<!-- BEGIN disable_viewonline -->
<div class="panel">
  <div class="inner">
    <span class="corners-top"><span></span></span>
   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
  <span class="corners-bottom"><span></span></span>
  </div>
</div>
<!-- END disable_viewonline -->

Save and publish.

So, I cannot find where to place. I am using version phpBB3 if that might be an issue.

LikeDislike

[brandon_g]

brandon_g

•  
•   

brandon_g

Manager

Posts : 10113
Reputation : 923
Language : English
Location : USA

• Post n°7

Re: Transparent Forum Problems

 by brandon_g April 6th 2015, 8:29 pm

Hello,
What Ange is referring to is the templates, this is a Founder ONLY tool, so make sure your logged in as the Founder, or you won't see it.

-Brandon

LikeDislike

[ResonatingOctave]

ResonatingOctave

•  
•   

ResonatingOctave

New Member

Posts : 13
Reputation : 1
Language : english

• Post n°8

Re: Transparent Forum Problems

 by ResonatingOctave April 6th 2015, 9:45 pm

Thank you very much for all the help. I have now been able to apply the changes thanks to brandon_g's information on it being an owner account action, as well as Ange Tuteur's code. The issue has been fixed, and is now solved.

LikeDislike

[brandon_g]

brandon_g

•  
•   

brandon_g

Manager

Posts : 10113
Reputation : 923
Language : English
Location : USA

• Post n°9

Re: Transparent Forum Problems

 by brandon_g April 6th 2015, 9:55 pm

Your welcome, anytime .

Remember to mark your topic when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?


Team Leader
Review Section Rules | Request A Review | Sticker Points

LikeDislike