GreenByGreen

5.0
German Michael Zülsdorff 2 years ago

GreenByGreen

!! CAUTION !!
DO NOT ACTIVATE ANY OLD VERSION OF THIS THEME ON Ossn 6.x.
IT WILL DEFINITELY CRASH YOUR SITE.


A simple responsive theme optimized for mobile usability, featuring ...

  • fixed topbar

enter image description here


  • two member selectable color presets (light and dark)

enter image description here


  • custom color and logo editor on admin backend

enter image description here


  • chat on mobile devices

enter image description here


  • separate 'My Groups' page instead of numerous entries in the sidebar menu
  • separate section keeping your personal stuff
  • floating widgets allowing usage of full screen width on large displays

Backup / Restore

Starting with release V 2.3, GreenByGreen comes with a backup/restore mechanism that takes care of keeping your modifications.
Whenever you disable GreenByGreen (= switch to a different theme) the following files will be saved to your Ossn data directory:

  • favicon.ico
  • logo.png (your site's frontend logo)
  • logo_admin.jpg (your admin backend logo)
  • frontpage.css
  • light_mode.css
  • dark_mode.css
  • as well as the 3 accompanying pdf files listing your currently chosen colors
  • site_custom_css.php (holding your custom css changes and additions)

Whenever you enable GreenByGreen these files will be restored to the theme directory, making your site instantly look the same again without any further manual interaction.

Customizing

Before manually applying any CSS changes to GreenByGreen, make friends with the comfortable admin backend and asure they can't be applied there in a much more easier way.
Manual CSS changes and additions must be saved in site_custom_css.php, only. Don't touch any of the other files since they are being modified and managed programmatically.

Comments
Breton Alexandre Barbosa Replied 1 month ago

Michael Zülsdorff,
I knew. I saw the advise. It is everything ok. I use to make some experiences in a subdomain site before I make changes in my main site. I comented just to help with some more information. The information that there is a solution for the crash. And helping with the information that the crash is not DEFINITELY. There is a solution. But there is not so conspicuous warning at tayona social pink theme, where the problem is worse. I just want to help with my humble experience.

German Michael Zülsdorff Replied 1 month ago

Alexandre,
you wrote: "I had problem activating this theme in version 6.1. ...."

Yes, and right because of that known incompatibility I placed the big blue warning on top of this page an appropriate time before Ossn 6.0 was going to be released.

!! CAUTION !!
DO NOT ACTIVATE ANY OLD VERSION OF THIS THEME ON Ossn 6.x.
IT WILL DEFINITELY CRASH YOUR SITE.

Still you tried and I'd like to know why? Is the warning not conspicuous enough or incomprehensible?

Breton Alexandre Barbosa Replied 1 month ago

I had problem activating this theme in version 6.1. But I managed to solve the problem by going to the directory and deleting the theme folder and replacing it with another version. However, doing this directly in the directory. So, the site worked well again. I have the same problem using the tayona social pink theme. This time I couldn't solve the problem.

se Kaka Raka Replied 3 months ago

Will this theme ever be updated to the new ossn version?

German Michael Zülsdorff Replied 5 months ago

Well,
I'd suggest to make a component out of it. That's the best way to get feedback on your own code.

Breton Rafael Amorim Replied 5 months ago

In the end of OssnProfile/plugins/default/js/OssnProfile.php I change to

Ossn.RegisterStartupFunction(function () {
        $(document).ready(function () {
            window.addEventListener("orientationchange", function () {
                showRotateTip();
            }, false);
            $('.profile-cover').on('mouseenter', function () {
                showRotateTip();
                $('.profile-cover-controls').show();
            });
            $('.profile-cover').on('mouseleave', function () {
                $('.profile-cover-controls').hide();
            });
        });
    });

and add showRotateTip function:

  function showRotateTip() {
        var windowsize = $(window).width();
        var classTooltipPosition = '.profile-cover';
        if (windowsize < 480) {
            $(classTooltipPosition).attr('data-toggle', 'tooltip');
            $(classTooltipPosition).attr('data-placement', 'auto');
            $(classTooltipPosition).attr('title', '<?php echo ossn_print('profile:cover:rotate:mobile'); ?>');
            $(classTooltipPosition).tooltip({animation: true});
            $(classTooltipPosition).tooltip('enable');
        } else {
            $(classTooltipPosition).attr('data-toggle', 'tooltip');
            $(classTooltipPosition).attr('data-placement', 'auto');
            $(classTooltipPosition).attr('title','');
            $(classTooltipPosition).tooltip('disable');
        }
    }

Also, I add profile:cover:rotate:mobile into locale\ossn.pt.php.

Can you suggest some improvements into my code? You are more familiarized with me in OSSN :-)

Regards!

German Michael Zülsdorff Replied 5 months ago

If you like, just share that code yourself, Rafael. ;)

Breton Rafael Amorim Replied 5 months ago

Michael

Although the component is not available for OSSN 6, can you share your messaging solution for screen rotation on smartphones? I believe this is a feature that should be in every theme.

Regards

gb JACK AMPERES Replied 8 months ago

~Z~ Man Thanks for a timely response. hope you feel better soon. for me my first jab was worst , got second on 12th of june . I will be eagerly looking out for updates before I consider 6.0 , the work here earns a high degree of respect for sure.

us Pariter Retirap Replied 8 months ago

Can confirm, this really does crash your site :D

This is my theme, what do we need to do to get it back working. I can't live without it.

Component

Developer: Michael
License GPL v2
Type: Themes
Requires Ossn Version : 6.2
Latest Version:
Last Updated
Repository Url View Repository

Versions