I want to have transparent text in the following situation for the menu item in this dropdown that is highlighted. In the example below, what i want to achieve is that the leg would be the visible color in the 'QUIR', and the grass be visible in the 'EMENTS'
You could make the Background of the 'Tech Requirements' Text to be transparent.
Related
I have a problem with a specific button of my site.
In the bottom of the site, there is a button with text "Click here to contact us".
When i touch the border of "Click here to contact us" button the color of the button become white and the text, stays white, as a result someone could not see the text. To appear the text (with purple color), i must touch with cursor the text.
My question is how to make the code, so when touch with cursor the button (the color of the button becomes white), to change automatically and the text "contact with us" (the color of text to become purple)?
Thank you in advance!
On popup short code you can see similar like like this
[popup_trigger id="custom" custom_id="eee" tag="H5" classes="greet-text" do_default]
Click here to contact us![/popup_trigger]
remove tag="H2" & classes="greet-text"
It will look/Work like other pop up buttons.
Later you can adjust that button with div#contact-information selectors.
I am trying to reproduce the effect of this page : http://www.saramarandi.com/ .
I want that when an image is over a black text, the text blends into white.
I have tried combinations of mix-blend-mode, color, text-clip without any success.
I was trying to change the highlight/focus (not sure which it actually refers) background position color when user moves the mouse over the select drop-down list. The blue background box is coming a little below the text. I want to move its position a little bit. What type of css property it needs to add. Any idea?
give padding top to every list item of dropdown menu, a
I have one button with blue bg color and I want to add black shadow as shown in the image,
how can be done in codenameone ?
You can do many things.
The simplest is that when you cut the 9-piece border you can just include the shadow as part of the image: http://www.codenameone.com/how-do-i---create-a-9-piece-image-border.html
You can also use a LayeredLayout and place the button within then place a shadow button in the bottom layer.
Anyone know where I can find the Microsoft guidelines for creating WPF gel-type buttons? I'm not sure if "gel" is the correct name for this effect but I have heard many people use the term. If MS doesn't have a guideline, do you have some other standards or guidelines for creating these buttons?
Have a look at the glass button.
There are a number of XAML elements
which go into making up the button.
They are clearly commented in the XAML
but the list is as follows:
Drop-shadow: an ellipse with a radial gradient of black fading to
tranparent
Button surround: a white ellipse slightly bigger than the green one
Black button background: only visible round the edges of the green
when the button is pressed
Main button colour: the green (or whatever color you want) of the
button. This ellipse is clipped to
its initial outline, thus allowing us
to move the ellipse slightly for the
button press without it overlapping
the button surround
Top glow: an ellipse with a linear gradient background of white (at the
top) fading to transparent. Smaller
than the main button colour and
positioned so that the tops are the
same
Bottom glow: an ellipse the same size as the main button colour but
with a linear gradient background of
white (at the bottom) fading to
transparent. This is also clipped as
per the main button colour.
Hover-over glow: an ellipse the same size as the main button colour
with a radial gradient background of
white (at the centre of the ellipse)
fading to transparent. This is
initially transparent.
Transparent element for catching mouse events: on top of all of this is
a transparent ellipse the same size as
the white button surround for catching
MouseEnter, MouseLeave,
MouseLeftButtonDown and
MouseLeftButtonUp events. This
element also contains the Storyboard
for the pulsating hover-over effect
(although this could be in any XAML
element).