Delete video option is not available in summernote - summernote

I am using one Summernote where i have option to add video url after adding video url video is showing in summernote, But there is no option present if user don't require video.
After adding video there is no option to remove.

Simply Placing the cursor just after the Video and hitting the Backspace button will delete the video entirely from your summernote code.
I expect you've found the solution already.

Related

Pure CSS Slider with Autoplay

how can I add more buttons(+3) to pure css slider from this site : http://cssslider.com/
I try to change .css files and html but something goes wrong ;/
Please help me add more working buttons, or if you could explain how to make radio-imput checked/unchecked with css animation
Have you download the slider software? Download and install the slider softwar. Now run software . You will see a window like
Now click Add images. Add as many images as you need. If you add 6 images then 6 button will be create. For auto play click advance option. I hope you can do that. It last click Save HTML.

Display an image in a Fusiontable, which is stored in Google Drive

I uploaded some images to a public folder in my Google Drive and would like to display them in a Fusiontable. I defined a column "link" as "Four line image" and store a link to the image there in the following format (provided by #Mori)
https://drive.google.com/uc?id=FILE-ID
example: https://drive.google.com/uc?id=0B6qZJQj7B-4ERS1KZ3p2SE9IbkU
I also tried the following format (provided by #niutech)
http://googledrive.com/host/<folderID>/<filename>
Unfortunately the result looks like this (screenshot 1)
Only after right click onto the image placeholder and selecting "View image", the image is displayed in a separate window. Now going back to the fusiontable the image appears correctly, see screenshot 2:
What could be the solution to this problem? I would like to see all images without need to right click first. Btw, I'm using Firefox.
EDIT: I now set the Fusiontable to "visible to anybody with link" and tested with Google Chrome and Opera. There it works fine. Firefox still does not work. Seems to be a browser issue...
I now set the Fusiontable to "visible to anybody with link" and tested with Google Chrome and Opera. There it works fine. Firefox still does not work. Seems to be a browser issue...
After many attempts I was only able to upload my own images to fusion tables via Dropbox and not Drive. I could not find a way to automate this, so for many images it might be better to go to another visualization platform.
Upload the images to your personal Dropbox (mine were .png)
For each image:
Click on Share -> Create a Link -> Copy link.
Open the 'shareable link' in a new tab. It might help to open the link in a private browser to check that anyone not logged in to Dropbox can view the image. Then right click on your image and go to 'Copy Image Location' (Firefox) or 'Copy Image Address' (Chrome). You will notice if you put this link in a new tab it will prompt you to automatically start downloading the image.
Paste this image location URL into the appropriate fusion table cell and make sure the column attribute is defined as e.g. "Four line image" and not 'URL'.
You almost had the correct answer. You have to change your picture's URL from the one for viewing the picture, to a direct URL for download.
See https://www.labnol.org/internet/direct-links-for-google-drive/28356/ for details.
I managed to do this in a calculated column (I use google form to gather info, then google spreadsheet and than synchronized fusion table). I changed the URL with spreadsheet formula:
=CONCAT("https://drive.google.com/uc?export=download&id=",right(left('URL',(len('URL')-17)),len('URL')-49))
Where 'URL' is the URL for viewing your picture in the browser.
Hope it helps anyone else!

How to Get Text Overlay on Images in WordPress?

I want to have some text overlay on Images and am using WordPress.
See this site - http://www.gxigroup.com
On the site, in Center, you can see an Image whose description is hid just LEFT side. When the "Show Text" button is clicked, the text comes up on the Image.
My questions is, How can I get the same functionality on my website running WordPress?
You can do it by adding some javascript to your header.php template file. Start with these and you should be able to get it.
http://codex.wordpress.org/Using_Javascript
http://wordpress.org/extend/plugins/tags/javascript-slider
It can be easily done with jQuery. I recommend you to search on Google "jquery slide panel examples", theres millions of plugins that do the effect you want.
Some of them:
http://web-kreation.com/demos/Sliding_login_panel_jquery/#
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
http://web-kreation.com/demos/login_panel_mooslide/

Outlook truncating images

I'm designing an e-mail template for a company and it tests great in everything besides Outlook. For some reason the bottom images of the email look like they're loading half way and then stop. I've found information online that Outlook won't load images with a height greater than 1728px, but the tallest image we have is much shorter than that. There are images beyond 1728px on the page that are loading just fine, so I'm not sure that's the issue. Does anyone have any experience with this? Any advice would be helpful.
Hi Here is a quick solution for this to be done in the outlook.
Use photoshop and follow this steps:
Once the design is over, slice up the image parts / height(1728px as per yout example).
Save this as, File->Save for web and device. click save. you will get option under save box
Under format change this to HTML and image from drop down.
Save them in one folder. A new HTML file and image file will be created in this folder.
Open this HTML file in a browser.
Just copy and paste the content in the outlook using a single cell table.
That's you are done. Now your image will load without any problem.

Image overlay showing IDs and not text

In the post editor when you click on an image that has already been inserted an overlay pops up allowing you to edit the image.
This overlay is displaying things like {#cancel} instead of the word Cancel. All text on this overlay has been changed in a similar way.
Screenshot: http://awesomescreenshot.com/0151v82eb
I have disabled all plugins and performed an automatic reinstall of WordPress with no avail.
Any ideas?
Downloading TinyMCE from their site and using the language files from the zip fixed the problem.
Found this link that might b helpful for others: http://e-mats.org/2008/07/tinymce-and-advanced_dlglink_url/

Resources