A simple responsive theme optimized for mobile usability, featuring ...
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
pdf files
listing your currently chosen colorssite_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.
Will this theme ever be updated to the new ossn version?
Well,
I'd suggest to make a component out of it. That's the best way to get feedback on your own code.
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!
If you like, just share that code yourself, Rafael. ;)
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
~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.
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.
Thank you for your feedback, Jack.
Please read my lines at https://comz.z-mans.net/group/105/about
I love this theme, and so the obvious question comes in, will this be updated soon for ossn 6.0?
1080 * 2340 Huawei p.smart 2019 mobile phone is not good display in the feed. Theme: Greenbygreen.