Search…

X3 Photo Gallery Support Forums

Search…
 
hardliner
Experienced
Topic Author
Posts: 134
Joined: 22 Jul 2011, 10:15

nav Background without transparency

02 Jan 2019, 06:06

Can i set the Nav Background without clear or transparency with filled colour? White or another colour?

Next Question:
Can I insert an image with white or black overlay similar to Navigation Background in the Plugin Background Plugin?
12% or 25% or more?

So that you can still recognize the text on a blog or a page.

Regards
Danjel Rojka
 
hardliner
Experienced
Topic Author
Posts: 134
Joined: 22 Jul 2011, 10:15

Re: nav Background without transparency

02 Jan 2019, 08:16

simmilar to this demo Site:

https://demo.photo.gallery/examples/plu ... und-image/

But you have make the Picture transparency and not the Settings from the Website
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: nav Background without transparency

02 Jan 2019, 10:19

hardliner wrote:Can i set the Nav Background without clear or transparency with filled colour? White or another colour?
This question is a bit unclear. Do you mean the nav background in general on ALL pages? Or you mean only when in "overlay" mode when using the slideshow intro or image intro for instance?

For the NAV background when set to "filled", it's already without transparency. It's just a slightly darker or lighter color than the main website background, just to make a contrast. You could change the color with custom CSS, but are you sure it will look nice? In addition, the menu text will likely become less clear.
Image
hardliner wrote:Next Question:
Can I insert an image with white or black overlay similar to Navigation Background in the Plugin Background Plugin?
12% or 25% or more?
This is also a bit unclear ... "an image with white or black overlay"? With the background plugin, you can simply set a background image ... And you can also choose to set "menu style" from the background plugin, so that the menu optionally has a background with 12 or 25 % transparency.

If you are asking about adding transparency to the background image itself, that is a bad idea. Why not just make the background image with the correct colors in the first place? The background image in our demo is not transparent ... It's just already edited in photoshop to be very light ... Because that's the only way the background image would look nice and work well with foreground items (text etc). Background images mostly don't look nice with websites, as they just clutter the layout and make it harder to view. Below is the background image used in the link you were referring to. It's already edited like this.
Image
 
hardliner
Experienced
Topic Author
Posts: 134
Joined: 22 Jul 2011, 10:15

Re: nav Background without transparency

02 Jan 2019, 10:57

First Issue:
I'm asking about the Nav background because the logo is not visible on some pictures on the start page. If you either specify a fixed color on the start page that you can better recognize the logo and the menu. If you would set the background color in the menu to white, the font would have to be set to a dark color.

Best Regards
Danjel Rojka
 
hardliner
Experienced
Topic Author
Posts: 134
Joined: 22 Jul 2011, 10:15

Re: nav Background without transparency

02 Jan 2019, 11:03

Second Issue:
If I create a picture extra from Photoshop every time I create a new blog entry it would be too much work for me. I can select the images from the page as background images and specify. Now you have to set the opacity for the image with CSS.
similar to this example:

https://www.webmasterpro.de/coding/arti ... 6b960a73f/

I don't know how to embed the custom CSS into the page.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: nav Background without transparency

03 Jan 2019, 00:32

hardliner wrote:I'm asking about the Nav background because the logo is not visible on some pictures on the start page. If you either specify a fixed color on the start page that you can better recognize the logo and the menu. If you would set the background color in the menu to white, the font would have to be set to a dark color.
I did check your website to get a better picture, and indeed the logo is hard to view on some of the photos. This is more of a clash of several coincidences ... Your logo is very "skinny" (thin), and also set to a very soft brown color, which when laid over transparent black is bound to crash with some of your images.

In my opinion, for the best solution, you should hand-pick only appropriate images to show in your slideshow intro. After all, it is a module that requires some compromise to work with the menu and logo. The ultimate solution, is to even select your images that allow you to not have to use a menu background at all, as you can see on my mjau-mjau website, although that is difficult:
https://mjau-mjau.com/

Besides, what color are you thinking of setting the background to? I don't think it will look nice, and I don't think it's a good solution. If you need to set a custom color/opacity on the menu background, that can be done with custom CSS, but I don't recommend it. Optimal solution is to hand-pick images for your intro slideshow ... You really don't need that many images here. Shouldn't you instead be leading your visitors into a page (for example showcase or portfolio), where you display all your best images in a grid layout, or even in a slideshow format, but BELOW the menu?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: nav Background without transparency

03 Jan 2019, 00:39

hardliner wrote: Second Issue:
If I create a picture extra from Photoshop every time I create a new blog entry it would be too much work for me. I can select the images from the page as background images and specify. Now you have to set the opacity for the image with CSS.
similar to this example:

https://www.webmasterpro.de/coding/arti ... 6b960a73f/

I don't know how to embed the custom CSS into the page.
Are you sure your background image will look nice here? From a design perspective, I am very very skeptical about using background images on websites, and I have yet to see a single good example of good design implementation. Even in the demo you saw, I have not only made the image very very light, but at the bottom of the image, it fades to the background color so that there ugly borders. That is not possible to achieve with CSS of course.

In fact, it is not possible at all the apply opacity to CSS background images. In your example, it's an image <img> tag set with opacity.

Unfortunately this will not be an option. I would also recommend you reconsider trying to add "background images" to your pages, as I am very skeptical to the results. 
 
hardliner
Experienced
Topic Author
Posts: 134
Joined: 22 Jul 2011, 10:15

Re: nav Background without transparency

03 Jan 2019, 08:16

The same menu as if you had the Plugin Page Intro, if you don't set Overlay. I thought more about the gray used as background color. 
Matching the color palette I use on the website. 

So would you prefer a static website with a background image and a welcome text or description of my person above it?

Or my services that I perform?

The Another Issue:

Maybe I found a compromise for the background pictures.
https://danjel.rojka.de/blog/preshoot_mark_britta/

I have now activated the page intro and if you click on the link so set.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: nav Background without transparency

03 Jan 2019, 12:15

hardliner wrote:The same menu as if you had the Plugin Page Intro, if you don't set Overlay. I thought more about the gray used as background color. 
Matching the color palette I use on the website.
I'm not 100% sure what you mean. If you really want, I can assemble a few lines of custom CSS code which could be used to set your own custom color and opacity to the menu background when used over the slideshow intro. My guess is that it might not look so nice.
hardliner wrote:So would you prefer a static website with a background image and a welcome text or description of my person above it?

Or my services that I perform?
I like the slideshow as a page intro, and the image-intro (if you have justone awesome image that looks great) although there are other suitable alternatives also. In my opinion, just adding as few as 3-5 of best / most suitable images often does the job. By the time visitor has "ahhh" seen a couple of photos and see what you are about, they are already looking to take action in the menu or scroll down. Unlike all other gallery layouts and non-intro slideshow, the slideshow INTRO becomes part of the website "design", and therefore you may need to be selective on what images you use.

Entirely up to you what you want to put on your home page of course :) I'm mostly trying to assist with the design prospects. Personally, I would probably prefer to immediately see images on a photography website, as I don't really find "about" text of much interest initially.
100% agree. Page INTRO is a much better way to compliment a page design without cluttering the design and content. We basically use this on www.photo.gallery on all pages, although we mostly use a gradient.