Show some text and hide the rest - text

I want to show some text and hide some, without using overflow, because overflow will show a scrollbar and I do not want to see a scrollbar. I am building a music player web application, when playing a song I don't want to show all of the song title, just want to show some and fade hide the rest if it's a long title
I tried using css overflow but it also shows a scrollbar, which is not what I want.

Have a look at this tutorial:
https://www.w3schools.in/css3/css-marquee
As far as I understand your question, this should be the result you want to achieve.

Related

move image inside imageview getting bounderies

i am working on a app and in 1 option i can load a photo to display when you scroll through items.
The permissions and loading all works fine.
Now my photo is bigger than the imageview so i want that the user can "move" the photo to display the section he/she wants to show.
Again implementing the onTouchListerner and scrolling the photo works fine.
The problem is where to stop the moving of the photo.
I the picture above the grey part is my photo. In my case 2560x1920.
The red part is my imageview (match_parent x 85dp => 1368x255)
I have my scaletype set to CENTER_CROP resulting in a scalefactor of 0.534375
when i scroll in the image ( scrollBy(x,y) ) i can see my Y moves between -390..390 (or close by, hard to see). But that is of course only the case for this specific photo. But no matter which adding/substracting/dividing/... is do i can not seem to find out how the get this limit becuause what is absolutly do not want is the right situation in the picture above.
Does anybody have an idea to figure this out.
I found some (not a lot) examples that are suppose to work but they do not.
Mostly they work by keeping to total somewhere but still having a total is not of much use if you do not no the min/max.
ps. if possible at all (please please) a java example and not kotlin

how to customise elementor functionality(how do I find the right bit of code?)

I'm trying to make a web page formatted similar to that of Netflix. Where a list of videos are displayed in a div with two arrows in either direction on each side. When the number of videos are more than the width of the window clicking the arrows moves the displayed videos in the corresponding direction by one video.
And(key part), when a video is clicked, the clicked video gets displayed on another div(main part of the screen) with a text of introduction and an excerpt of the video playing in the background of that section, plus a "play" button to start the video.
I would probably be able to sort it out with vanilla code. But this page is managed by WordPress so I would have to plug in my code with wordpress.
My assumption is that hacking the existing elementor code for the video widget would be the quickest way to do it. But I don't know how to find the code corresponding to the functionality I need to modify to customize it to do what I want. I can locate the video-widget file, but still, it's a huge file with lots of code. How do I find the functionality I need specifically to import into my own code?
Thank you and sorry for the verbose phrasing.

Custom Magnific Popup Arrows

So this is going to be kinda silly, but I don't like the arrows for Magnific Popup, and I want to use some png arrows that I created, even moreso I don't want them the default way where they are miles apart, and I don't want them to obstruct content (cause I am using Magnific Popup to gallery some ajax). I really want them bound in div/big square buttons on the side of the image (the height of the image as well) like the first example here:
and those big black bars on a tv
I have no idea where the code is to change this, or how to edit the basic construction of the lightbox but I really want to change the arrows (and the x) if someone could direct me to the code where I can do this I will be glad to do it but I feel like I am working blind.
Alternatively, if anyone knows any other lightboxes that allow you to position and design your own arrows and close button, and have a gallery of ajax based items (that is responsive and scrolls) I will gladly switch (I basically want to be behance ha ha)
(also is there anyway we can generate a swipe effect to go through a gallery?)
Feel free to tell me to go to hell if it is impossible :D
Thanks.

Change the body background related to the menu selection

I am new in learning CSS3.
I have stuck on the same problem for couple days.
So I am using this tutorial for practice and else.
http://tympanus.net/Tutorials/CSS3Accordion/
And I get familiar with how it works. Now I want to try to combined them with background slider. In short, I want the body background to change (with transition effect, fade in fade out for example), everytime I click on the menu.
For example: About us -> background change to my photo, How we work -> picture of books or something.
I tried to use div to replace the body background to show up independently on top of each other but I just can't get it to work properly.
Can anyone give me basic solution? Thank you!

How can I create scrolling areas like the ones on stackoverflow?

I'm currently working on a flash project, which will use multiple scroll areas.
I'm trying to find out how to create a scroll area like I see on stackoverflow, and make it function similarly.
Whenever someone posts their lines of code to stackoverflow, the scroll area scrollbar looks exactly like the scrollbar in the web browser, and is able to be scrolled with the mousewheel smoothly, without affecting the webpage scrolling.
Example: disable mouse wheel scrolling while cursor over flex app?
Could anyone please explain to me how I can do this in my flash project?
Thanks!!
You wouldn't need flash to do this... This is accomplished using CSS. You would just need to put the portion you wanted to function like that in a div (or any HTML container for that matter) and then define such properties as min-height, max-height, min-width, max-width, overflow, etc. I think there's one that determines the presence of the scroll bars but I don't remember what it is for sure. Very easy to do this and flash would be a bit of overkill.

Resources