i'm sure you can help me.
For example: on this site - when you click on "team" - you can hover over an image and the name is shown on the top. (ja, it's flash, i know ;) )
So, i want to do this in a post-thumbnail-grid in wordpress.
pseudo-code: hover over post-thumbnail(ID) in div1-> show title of post in div2
I don't need a exactly described walk-through.
Just a few keywords, ideas etc.
Thank you
Im guessing even though the example is in flash, you arent wanting a "how to" in flash. What you are looking for is probably jquery, if you are looking for what you should be googling, try a jquery hover tutorial or jquery onClick().
try something like this http://bavotasan.com/2009/a-simple-mouseover-hover-effect-with-jquery/ and adapt the hover results to match your criteria.
Related
Website builder name: Dynadot not Wordspace SO I CANNOT MAKE A CHILD THEME
I want css code for my website P.S The website has prebuilt themes and we can basically customize text, change pictures, add products etc. The website also provides a CSS editor like square space does. I have been to so many websites to try to copy some code but not a success. I have no experience with it either. Here is some information that might be useful.Also, the first pictures has drag and drop options like i can drag VIDEO to a certain part Here is a example website: https://www.svpartners.com/ I don't want the image animation it already has i need some new ideas on how to customize it with CSS, Font for the website Open sans
The screenshot 1 shows how my website theme already looks also at the bottom left there is a code option and there is a screen shot #2 for it so it might be helpful. Again I have tried many sites but most ask for money and most are not helpful. ALSO a GIF so you can have a better view😁 please help me out thanks
THE GIF
I am new here, I don't know how this works! Just ignore the writing if it'd not good, Also comment if you need any more details
Has anyone got any idea on how to implement this carousel into my website? I am using WordPress and I am not sure how to go about this. I was told to use 'foo gallery' to achieve the same look however, it doesn't really feel the same and also didn't work on my site (for some reason).
I have tried to code some of this but I am awful at coding and I am mainly just spending my time watching youtube help videos if I am being honest!
I'll explain my neeed for this and what I would like it to do and then, if you could help me that would be great!
So like on reddit, I would like to implement this feature on my home screen to show off some of the 'Hot topics of the day'. Preferably, some code could automatically update the images and text each day depending on the comments/views left on a page - so the top 4 most viewed pages would be automatically added to the front page with a custom image (which I have created). However, that seems quite hard. So just the layout/template of the images (like the photo provided) AND there is a way for me to manually change the images and names each day would suffice. I would also like to have 4 photos which also act as buttons with the curved boarders.(again, like the image I have attached)
Just so it's clear, I do not want these images to be able to move off like a slideshow, I just want them to stay in place and be able to change either manually or automatically.
Maybe this is called something other than a carousel and would be easy to do... i dont know! So if you do, please let me know.
Furthermore, I appreciate this is a place mainly for code to be posted however, I won't post my code as it is useless! If anyone wants to share any code or contact me privately then that would be very much appreciated.
Thank you
I have been trying for some time now to create it myself or find a good example of how to do this in the best way possible. I want to recreate this basically : http://www.materialup.com/posts/plaid
Can anyone point me in the direction of a good tutorial or example of how to do this, im neon-page-animating from a list to a page that looks like i want it, but making that smooth transition is not something i have been successfull at yet. Please help.
Like Ben Thomas said, you should use the neon-animated-pages component for that.
You can also take a look at these official demos that are somewhat similar to what you want to achieve :
grid demo - source
tiles demo - source
I've been searching around for something like this just using CSS, but I can't seem to find what I'm looking for.
I'm making something very similar to a photo gallery, and what I'd like it a panel with a few icons in it. But say I had ten icons in a panel that only fit five - in which case I'd like to have arrows pointing right and left that let you scroll to the next five.
I know I can probably use the overflow:scroll option if I just wanted a nifty scrollbar, but what I'd really like is something where I press the right arrow, and the icons shift across.
If anyone could point out any tutorials, or know what I'm talking about, please let me know :)
Thanks!
Just search around for a jQuery slider plugin, fill this one with the content you want and modify the styling for your needs. Some good options:
http://tympanus.net/Tutorials/ResponsiveImageGallery/
http://tympanus.net/Tutorials/SliderGallery/
You can also try HTML5/CSS3 like this:
http://codepen.io/Merri/details/eEBKp
With some modifications you'll be able to integrate it in your design/needs :)
Ok, so im creating a website and to make it look fancier, I need to make the image responsive to the mouse (i.e. when the cursor is over the image, when the image is click, etc.) Does anyone know the code or another way of doing it? I am using google sites. Thanks!
I would recommend using JQuery to select and add some actions to your images have a look at this tutorial it is quite good.
You can take the idea and change it to your liking.