BullGuard Antivirus Sale - 60% Off with openElement !
Forum openElement Homepage
Forum Home Forum Home >

openElement

> Suggestion Box
  New Posts New Posts RSS Feed - Style fading frame ?
  FAQ FAQ  Forum Search   Register Register  Login Login

Style fading frame ?

 Post Reply Post Reply
Author
Message
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankfu
Status: Offline
Points: 654
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Topic: Style fading frame ?
    Posted: 18 Avr 2017 at 22:24
Is there any style which fades the surrounding of an image?
How to modify/create such a style.
I can handle it in solid states; no information required.
But how to fade the frame, the style ?

Like ist is displayed here ?

Also, one can see a 'floating colored' active button on the left selection menu.
How to create such style?




Edited by digizar - 18 Avr 2017 at 22:25
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf
Back to Top
Dmit OE View Drop Down
Admin Group
Admin Group
Avatar

Joined: 31 Mai 2012
Status: Offline
Points: 5283
Post Options Post Options   Thanks (1) Thanks(1)   Quote Dmit OE Quote  Post ReplyReply Direct Link To This Post Posted: 18 Avr 2017 at 22:31
In the example you gave the images are created with this effect - PNG with fade (e.g. in Photoshop with masks+gradients; I imagine there are online services that do the same). I am not aware of any way to do it for an arbtrary background. But if, for example, your page background is white, it is very easy - just use Styles->Customize->Shadow (at the bottom), use a big spread, white color, and "inset" type. This will create a kind of inner glow.

I don't know what you mean by fading the style. If you mean gradual "animated" transitions (like disappear or change color in half a second), you can add the following into Styles->Customize->Free Code (again, at the bottom):


transition: all 0.5s ease


This will make the browser to gradually change styles - background, position, shadow etc.

If you want to do something on mouse over: in Styles->Customize or in the top menu "Style zone: xxxx", choose the State "Mouseover" and modify its styles.

Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: 30 Dec 2015
Location: Germany Frankfu
Status: Offline
Points: 654
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: 18 Avr 2017 at 22:45
Thanks for the hint; I'll try my very best (even if my name is not James). Thumbs Up

No, the effects came with that other tool (WebEasy), where I could directly influence (CSS) the appearance of these objects. They called it 'Stencils'.
But they can not handle the templates; so I came to openElement. Which also fits my budget somehow better. LOL I'm retired since 2004.
My very first site was build with Kompozer, really a pita - but hey, it did and does the job, and it's damn fast and short in execution time.



Edited by digizar - 18 Avr 2017 at 23:00
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 10.11
Copyright ©2001-2012 Web Wiz Ltd.

This page was generated in 0,031 seconds.