Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
I want to make it hard for the viewers to copy the text; On a website, they put every word in a span tag so it would be harder to copy it from the page source and I wanted to know how to do that easily.
Is there any other similar methods?
You can't really make text not copyable if you show it. You can make it a little hard tho.
document.addEventListener('contextmenu', event => event.preventDefault());
.donottouch {
user-select: none;
}
<div class="donottouch">
text
</div>
<img src="http://www.placekitten.com/200/300" width="200px" height="300px"/>
If you really want to make it hard save the text as a picture and add that to the page instead. Then you can't copy the content by inspecting the html. To make it a little harder you can disable rightclicks on a page with document.addEventListener('contextmenu', event => event.preventDefault()); making it harder to rightclick the image and save as. You can still grab the image from the html source, and open it in a new window.
So to sum up there is no way to make content on your site 100% noncopyable, you can always grab content from a public site.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need help with my Wordpress website. Theme, which I am currently using, automatically makes background images dark (in elements with text and button). With bright pictures it's ok, but with dark ones it looks horrible. How to find the stylesheet with the corresponding css and how to make it less dark? It's the same situation as in the demo here: Total Vanilla theme demo
You just need to inspect the image and you will jump to the right html element. In your case it's this element that cause the dark effect:
<span class="wpex-bg-overlay color" style="background-color:#383d47;opacity:0.8;" data-style="background-color:#383d47;opacity:0.8;"></span>
To quickly mask all of them you can use this css:
.wpex-bg-overlay {
display: none;
}
Open your website in the browser and press F12 to open the inspector. There you have every piece of code of your website including the CSS files (which will be in the header with a link to a file ending with .css.
in your case:
https://total.wpexplorer.com/vanilla/wp-content/themes/Total/style.css?ver=4.9.9.1
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
so I have come across an upload template I can use for my site, however I have absolutely no idea on where to start. I want the the template that I have (shown below) to be exactly like it is but on the site and fully functional, how would I do this?
Thanks for any help!
EDIT: This is done by using simple css styles, for example, to create a button like the "done" button in the image below, we would simply create the shape first,
background-color: #000; /*change this to a color of your liking*/
width: 100px;
height: 70px;
this will create the rectangle like figure that we would want.
Now, we can create the cornered edges by applying these;
border-radius: 2px; /*change this to your liking*/
And that's how to create a button similar to the ones below
You should strip the complete image in very tiny parts. For example; the cancel button should be split in a 1px,1px square (repeat it in the css) and convert it to .PNG or if possible take only the css from it, right click on the layer -> copy css.
To avoid high loading or huge broadband usage, you should not take the whole image and put it on your website. This will also not be responsive friendly, if you would like to make it responsive.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I am trying to create a general parser for sites and get relevant information. First thing I would like to be able to do is being able to know what is the logo of the site.
Usually the logo will be an image that will link back to the main page, and might content the word "logo" in its ID.
What would be a good strategy or standards that I could apply in order to find what is the logo of a page when parsing it?
There isn't really a way to make this a generic process. There are no rules about what how the logo of a site will be displayed - so there is no single ID, class, tag or location you can look to. Likewise, images don't "link" to anything, an <a> link might contain an <img> tag, but thats about it.
Short of writing a long, long list of best guesses, there is no way to reliably parse an arbitrary HTML page and get a logo from it.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
Basically I'm customizing a code for a button:
<button type="submit"
id="buttonSaveAsDraft"
class="primary preview next button buttonAction"
title="Save and exit MessageCoder"
value="1">Save</button>
Upon clicking the button, it's taking me to a different website which I want to disable. In order to figure out, I started looking at the CSS used by this button ( I figured out about the CSS using dreamweaver). So basically, I'm doing control + F in dreamweaver and looking for the id buttonSaveAsDraft and classes "primary, preview, next, button, buttonAction" in the CSS but it's not showing up.
1) Am I doing something wrong here?
2) The CSS is a very long messed up file. Is there any way to properly format it and take a look at it?
Please clarify.
Thanks
The link you are looking for is in the HTML document. Try doing a Ctrl+F search for "buttonSaveAsDraft" to find out where it is linking and disable it there. Links are never created in the CSS file.
As for formatting the CSS, there are a number of sites out there that will make it look nice for you if you copy+paste it in. Check out this site for example: http://www.codebeautifier.com/
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I am working on a site and I am designing a landing page where you click on pictures and it will take you to a product page.
I have just hit a problem that I was asked to put a slider into the page above everything, I haven't yet started that and thought that i would upload the site for now to a test server to make sure everything is running OK.
Most of the page is but there are three images on one section (3/6) that just will not load. I've looked over the coding and cant seem to find any mistakes with the code.
You must provide some of your code referring to the images, then only someone can help you. Anyway there can be an issue that you were not providing the correct path for the image. Also, sometimes it happens issue with writing the format of the image in caps or small letter. It make work with image.gif but not with image.GIF for example. So, look into image property also and find the correct format.