I want to embed a slideshow that goes from edge to edge of the screen. It would be convenient if I could embed into the header, but it only accepts images, and no embeds or zip files.
It sounds like you want a background image. On the toolbar, select View, then Master. You'll see a 'background' option on the toolbar.
Related
I would like to remove or hide the grey "Page 1/1", etc toolbar that appears when hovering over the image as it is blocking access to some of the links further down. The image is an embed from Google Drive.
I'm no coder but this is what I have so far:
[googleapps domain="drive" dir="file/d/1VK0wQFkxwvAHkLDqa8j0NHIeX3ynoRBB/preview" query="#toolbar=0" width="640" height="500" text-align:center]
Example: https://www.wildeones.com/product-tag/uk-size-m-half/
I think you will need to accept and work around that issue by increasing the frame height so injecting a taller height value it may look like this:-
I'm making externally hosted CSS files for use by other people. I want to be able to create a small logo in the bottom left corner that links back to my page. Is this possible using just CSS? I cannot use HTML for the image/link because people can and will remove my credit.
I used the twenty-seventeen customize tool to add an embedded youtube video to my header-media, by only providing a link url.
But it displays with 2 black side bars, on the left and right of the video. From reading other posts, this is how Youtube formatted the video to display. But is there a way to override this somehow?
My work-in-progress website is: www.diatomfilms.com so you can see the problem.
Found this article with quick google search: https://filmora.wondershare.com/youtube-video-editing/remove-youtube-videos-black-bars.html
I guess the fourth solution in the article would be helpful for you because you have already uploaded the video on YouTube.
Click on the Edit button next to the video, and add the most suited
instruction in the Tag bar below:
t:crop=16:9 This tag zooms in on the video because of which the
contents at the borders (black bars in this case) do not appear
anymore.
yt:stretch=16:9 This tag stretches the video in the aspect ratio of
16:9. It is used to view the video in wide-screen format.
yt:stretch=4:3 if your video is appearing in wide-screen format, but
you want it to display in 720 x 480 pixels, apply this tag. It scales
down the video 4:3 aspect.
I am fairly new to svg and webfonts, and I have some svg logos which I would like to embed in my web page (and make sure they are visible on various device types)
I have tried the icon-font-generator (https://github.com/Workshape/icon-font-generator), to create web fonts, but I am not sure if this is the right approach or should I use img tag , i.e. <img class="svg" src="../svg/Tensorflow_logo.svg">
I don't want to give fixed height and width and all logos should appear of the same size. Is web fonts the right approach, and how do I need to create webfonts maintaining the original colors of the trademark logos.
Thanks,
You can easily turn your SVG files into fonts using the
icomoon.io .
1.select SVG
2.select Color section for create color pattern
3.select and create color pattern and click Add theme button
4.select Edit icon and click on the SVG in page
5.in edit page select svg section by section and select color
Once you have reached the desired shape, you can close the edit page
6.click on generate font and download
In my website I have an image as the navigation bar and have created hotspots to link them to different pages. The problem is since the text is a part of the image, I cannot change the style of the text on hover. Whereas I want the text/the hotspot to stand out on mouseover, so I learn the background color could be changed on mouse over. Is that possible? Is there a way to do that in CSS, using the area or maps. If Javascript is to be used, could someone help me out with it.
Is there a reason you've used a single image as the nav bar?
Instead of a single image with hotspots, I'd use an individual image for each navigation link. That way you can easily change the image (or use CSS image positioning) on hover. This is described here:
http://css-tricks.com/video-screencasts/7-three-state-menu/
along with many other places I'm sure.
I don't think it's a good idea to use neither image maps nor individual images.
Instead, use CSS sprites: a single image file, add that as a background image to the menu links, but position the background images differently. See this Line 25 tutorial for more information.