we_universal Style / moonphases - Moon Phase
we_universal Style / moonphases
can you help me to make it compatible with the new we_universal style?
https://www.phpbb.com/customise/db/style/we_universal/
Thanks,
kjh-mov
Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
Would like the moon to be in the same place as it is on prosilver? (ie on the right side of the we_universal banner)
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases
Download and upzip BOTH of the attached.
Put your board off line.
Replace the overall_header.html in we_universal with the one just unzipped and upload hifikabin to the ext directory, then enable it in Customise.
Then in the ACP find the Header Banner configuration (see screenshot below)
Enter the URL of the image you wish to use as the banner image (I suggest you place it in the images directory of your board, in which case the address will be http://myboard.com/images/banner.jpg)
Enable the extension and place your board back online.
You can adjust the moons position by editing the CSS file in my extension's we_universal folder
- Attachments
-
- moon_banner.zip
- (33.08 KiB) Downloaded 30 times
-
- overall_header.zip
- (3.83 KiB) Downloaded 30 times
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases
It looks amazing.



Kind regards, kjh-mov
Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
OPEN
styles/we_universal/template/overall_header.html
FIND
Code: Select all
<img src="{ROOT_PATH}styles/we_universal/theme/images/dashboard.jpg" alt="forum header image">
Code: Select all
<!-- start moon banner -->
{% if HEADERBANNER_SELECT %}
<div class="banner-header">
<div id="moon" class="search-box rightside responsive-hide" style="top: 80px; right: 30px;">
<img id="phase" alt="{{ lang('MOON_ALT') }}" title="{{ lang('MOON_TITLE') }}"/>
</div>
{% if HEADERBANNER_SEARCH eq 1 or HEADERBANNER_SEARCH eq 2 or HEADERBANNER_SEARCH eq 3 or HEADERBANNER_SEARCH eq 4 or HEADERBANNER_SEARCH eq 7%}
<div id="search-overlay" class="search-box rightside responsive-hide"
{% if HEADERBANNER_SEARCH eq 1 %}
style="top: 30px; left: 30px;">
{% elseif HEADERBANNER_SEARCH eq 2 %}
style="top: 30px; right: 30px;">
{% elseif HEADERBANNER_SEARCH eq 3 %}
style="bottom: 30px; left: 30px;">
{% elseif HEADERBANNER_SEARCH eq 4 %}
style="bottom: 30px; right: 30px;">
{% elseif HEADERBANNER_SEARCH eq 7 %}
style="bottom: -5px; left :39%">
{% endif %}
{% INCLUDE 'navbarsearch.html' %}
</div>
{% endif %}
<div style="position:absolute; z-index:-100;">
<h1>{{ SITENAME }}</h1>
<p>{{ SITE_DESCRIPTION }}</p>
<p class="skiplink"><a href="#start_here">{{ lang('SKIP') }}</a></p>
</div>
<div class="header-banner">
<a href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ lang('SITE_HOME') }}{% else %}{{ lang('INDEX') }}{% endif %}"><img class="header-banner" style="width:100%; border-radius:{{ HEADERBANNER_CORNER }}px; width:{{ HEADERBANNER_SIZE }}px;" src="{{ HEADERBANNER }}" alt="{{ lang('INDEX') }}"></a>
</div>
</div>
{% endif %}
<!-- end moon banner -->
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases

is it possible, that you change
border-radius:{{ HEADERBANNER_CORNER }}px;
to border-radius: {{ HEADERBANNER_CORNER1 }}px {{ HEADERBANNER_CORNER2 }}px {{ HEADERBANNER_CORNER3 }}px {{ HEADERBANNER_CORNER4 }}px; ?
Thank you again for your help.
kjh-mov
Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
If you let me know what you hope the end result will look like it may help.
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases
First, I wish you a happy new year.HiFiKabin wrote:I am not 100% sure what you are asking for. Do you want each corner of the banner to be a different radius?
If you let me know what you hope the end result will look like it may help.
Second:
If it's possible, I wan't this in the Configuration page for the Header Banner Extension: ACP Headerbanner

Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
Download and unzip the attached, then
OPEN
overall_header.html
IN LINE FIND (line 229)
<img class="header-banner" style="border-radius:10px 20px 30px 40px; width:{{ HEADERBANNER_SIZE }}px;" src="{{ HEADERBANNER }}" alt="{{ lang('INDEX') }}" >
Adjust 10px 20px 30px 40px as required.
SAVE > Upload to root>styles>we_universal>template overwriting the existing file of the same name
Purge the boards and your browsers cache.
Remember to back up first. That will allow you to adjust each corner independently from the other.
If you woule really like it ACP configurable I can do it (maybe as an addon to the extension) but I am working on a brand new Header Banner right now and that will give a lot more options (just not this one)
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases
Thank you for your help.HiFiKabin wrote: ...
If you woule really like it ACP configurable I can do it (maybe as an addon to the extension) but I am working on a brand new Header Banner right now and that will give a lot more options (just not this one)
Of course, it makes no sense to invest time just for me while you're working on a new header banner project.
It would be great if there was the we_universal design with selecting moon on or off and choosing whether you want to have changing headers (as with randombanners, but with the current banner design - there are the buttons in the picture and not over and under the picture).
I wish you great success. I'm looking forward to your work.
kjh-mov
Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
I can not release a CDB approved version for we_universal as it involves hacking the we_universal code.
Once my latest Header Banner has been approved, I will release a new "Moon Phase for we_universal" version on my Extensions Board and support it there.
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact:
Re: we_universal Style / moonphases
can you help me again with your new extension "cosmos banner". I want to use it with the we_universal style. The new version from we_universal is 2.5.8-b1.
Thank you for your help
kjh-mov
Marie von Ebner-Eschenbach
- kjh-mov
- Registered User
- Posts: 48
- Joined: Mon May 07, 2018 12:23 pm
- Contact:
Re: we_universal Style / moonphases
PM sent
- HiFiKabin
- Community Team Member
- Posts: 5169
- Joined: Wed May 14, 2014 9:10 am
- Location: Swearing at the PC, UK
- Name: James
- Contact: