Announcement

  •  » Themes
  •  » [Theme] GreyDragon Theme

#316 2020-01-06 18:57:26

KrisvH
Member
2016-09-03
2

Re: [Theme] GreyDragon Theme

Hi guys,

What a great theme and configuration options. Using it. The only thing is that I can't seem to figure out is how to make the photos/photo-page adapt/fit to the screen. This does work when I use it in combination with Fotorama. However, then I loose other aspects like social media links etc. Would be great if there is a way to make the photo page more adaptive. Or am I missing a trick?

Regards,

Kris
www.kris.photos
Piwigo 2.10.1
GreyDragon Theme - 1.3.3

Offline

 

#317 2020-01-28 10:50:58

Frank
Member
2020-01-28
1

Re: [Theme] GreyDragon Theme

Hi,
I am using your theme (at faces.photo, still in work), and it looks great.
The only drawback is: I cannot see the "About"-link anymore.
No, I didn't switch it off in the theme settings ("Hide About Link" is unchecked). I do use some plugin, i.e.:
"Additional pages", "PWG stuffs", "Admin Tool", "Community", "Extended description", "gdThumb", "Mobile Theme for tablets", "Personal About" and a few more.
I switched off some of them, but that didn't change anything.
Any idea?

I can still see the dot after "Register" (in "Login· Register· "), so this looks to me like a CSS problem...

Thanks for any help,
Frank

Update: I worked around it, by the way, by using the homepage from "Additional pages", but this isn't a solution to the issue...

Last edited by Frank (2020-01-28 17:20:14)

Offline

 

#318 2020-02-16 20:45:24

jeffreybillings
Member
2017-04-24
1

Re: [Theme] GreyDragon Theme

Great theme.  It makes my life a lot easier.  But I have one request/suggestion.  I'd like to highlight the "Cart" link on the single image page.  Where would I look to either modify the CSS or other file. to do that?  Or is this something you'd be willing to include in the next theme update?

Offline

 

#319 2020-12-29 11:03:12

augras
Member
2018-12-24
6

Re: [Theme] GreyDragon Theme

Hi,

I use GreyDragon and i'm very glad with it. But i was looking for PgDown and PgUp buttons.
I use some code i have found on the web and it works fine.

In the Admin Menu Theme Config, in the Custom css field put the code (don't forgot to register) :

Code:

/*---------------------------------------
   add scroll-down/scroll-top buttons
----------------------------------------*/
.scroll-page {
  font-size: 20px;
  background-color: #000000; /* Scroll bg color */
  border-radius: 3px;
  color: #ffffff;
  opacity: 1;
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 9999;
  display: none;
  cursor: pointer;
}

.scroll-page i {
  background: url('sprite.png'); /* PNG fallback */
  background-image: url('sprite.svg'); /* SVG image */
  background-repeat: no-repeat;
  color: inherit;
  display: block;
  width: 38px;
  height: 35px;
  padding: 15px;
}


.scroll-page .scroll-up {
  background-position: -26px 10px;
  padding-bottom: 5px;
        opacity: 0.6;
}

.scroll-page .scroll-down {
  background-position: 10px 5px;
  padding-top: 5px;
        opacity: 0.6;
}

.scroll-up:hover {
  opacity: 1;
}

.scroll-down:hover {
  opacity: 1;
}
.scroll-page:hover {
  opacity: 1;
}

.rtl .scroll-page {
  right: auto;
  left: 25px;
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .scroll-page {
    display: none !important;
  }
}

Take care to these 2 lines :

Code:

background: url('sprite.png'); /* PNG fallback */
  background-image: url('sprite.svg'); /* SVG image */

It needs 2 files for the arrows up and down, sprite.png and sprite.svg : with this code these files must be at the same place cutom.css file in /local/greydragon. You can use what you want for the arrows but change the code with your files name.


And then add in /themes/greydragon/template/header.tpl just after the body, line 118 with 1.3.3 version, the code :

Code:

<!-- scroll-up/scroll-down buttons -->
<div class="scroll-page">
  <i class="scroll-up"></i>
  <i class="scroll-down"></i>
</div>

<script>

(function($) { // Avoid conflicts with other libraries

'use strict';

$(function() {
  var settings = {
      min: 150,
      scrollSpeed: 10000
    },
    button = $('.scroll-page'),
    buttonHidden = true;

  $(window).scroll(function() {
    var pos = $(this).scrollTop();
    if (pos > settings.min && buttonHidden) {
      button.stop(true, true).fadeIn(4000);
      buttonHidden = false;
    } else if(pos <= settings.min && !buttonHidden) {
      button.stop(true, true).fadeOut(4000);
      buttonHidden = true;
    }
  });

  var scrollPage = function() {
    $('html, body').animate({
      scrollTop: ($(this).hasClass('scroll-up')) ? 0 : $(document).height()
    }, settings.scrollSpeed);
  };

  $('.scroll-page > i').bind('click touchstart', scrollPage);
});

})(jQuery);

</script>

And that's all.

Maybe there is a best way, a best code : i don't know.

I don't find how to join files !

This code is not from me, i got it on the web some time ago and use it on an another website.

If you want ta add this option you can use it, modify it as you want.

Thanks for this theme,

Philippe

Last edited by augras (2020-12-29 16:52:19)

Offline

 

#320 2020-12-29 15:19:31

augras
Member
2018-12-24
6

Re: [Theme] GreyDragon Theme

If you have a lot of thumbnails, like i have, you may want to stop your scroll down or up.
For that you must add in the header.tpl file, just after the line "$('.scroll-page > i').bind('click touchstart', scrollPage);" the code :

Code:

//STOP scroll-up/scroll-down with 
//- scroll
//- mouse click
//- mousewheel
//- hit a key-->
  $('html, body').bind('scroll mousedown DOMMouseScroll mousewheel keyup', function(){
    $('html, body').stop();
  });

Philippe

Offline

 

#321 2021-01-10 15:06:12

augras
Member
2018-12-24
6

Re: [Theme] GreyDragon Theme

In the css code there are these lines

Code:

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .scroll-page {
    display: none !important;
  }

that means the scroll buttons will not display with a resolution or a window less than 800px.
To get always the scroll buttons you must comment are delete these lines.

Offline

 
  •  » Themes
  •  » [Theme] GreyDragon Theme

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2021 · Contact