phpBB • Free and Open Source Forum Software

kjh-mov · by **kjh-mov** » Thu Oct 04, 2018 9:10 pm

Hello HiFiKabin,

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

**My CDB Contributions** · by **HiFiKabin** » Fri Oct 05, 2018 8:49 am

I am busy right now, but hopefully I will be able to look at it over the weekend/start of next week.

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)

**My CDB Contributions** · by **HiFiKabin** » Fri Oct 05, 2018 4:45 pm

My 'busy' lasted for a lot less that I expected, so here it is. I am afraid I had to edit the we_universal template file as there is no suitable event there for me to use.

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

kjh-mov · by **kjh-mov** » Sat Oct 06, 2018 10:30 am

Thank you very much for your help, HiFiKabins.
It looks amazing.

Kind regards, kjh-mov

**My CDB Contributions** · by **HiFiKabin** » Sat Oct 06, 2018 10:59 am

Glad its worked for you. Just remember, when the style is updated you will loose the edit I have made so keep this for reference.

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">

REPLACE WITH

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 -->

kjh-mov · by **kjh-mov** » Sat Dec 29, 2018 2:49 am

Hello, Hifikabin

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

**My CDB Contributions** · by **HiFiKabin** » Sat Dec 29, 2018 10:39 am

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.

kjh-mov · by **kjh-mov** » Tue Jan 01, 2019 9:41 pm

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.

First, I wish you a happy new year.

Second:
If it's possible, I wan't this in the Configuration page for the Header Banner Extension: ACP Headerbanner

kjh-mov

**My CDB Contributions** · by **HiFiKabin** » Wed Jan 02, 2019 10:31 am

I suspect that you will be in a very small minority who would like this. It is certainly 'doable' but the simple way would be to just edit one file with the values you would like.

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)

kjh-mov · by **kjh-mov** » Thu Jan 03, 2019 7:16 pm

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)

Thank you for your help.

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

**My CDB Contributions** · by **HiFiKabin** » Sat Jan 05, 2019 10:22 am

Thanks.

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.

Moon Phase

we_universal Style / moonphases - Moon Phase

advertisements