Hide some element from printing by client side on web [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
Let's say I log into facebook but I don't want the "likes" to appear when the page is rendering.
Again: I open a photo from my friend. Under the pic there's a element that says "Somefriend, someotherfriend and 123123 persons like this".
I don't want that to appear.
I think it can be achieved by writing some script (plugin, addon) for my browser, maybe in Firefox with firebug or in Chrome with it's built in code inspector...
Any suggestions?
Cheers

Yes, you can easily implement such functionality using browsers' extensions (add-ons). In order to do so, read their official tutorials. We can't give you exact solution because it differs among browsers. One thing will be similar though - they all use Javascript for page manipulation

Every browser comes with a built-in CSS style sheet. Simply goto the Developer Tools or press Ctrl-Shift-I on most browsers and check out the user agent stylesheet. The trick is to find this stylesheet in your installation folder and add whatever elements you want to hide and adding !important so it overrides everything.

Related

How can we manipulate elements value in browser forms? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
How can we manipulate elements value in browser forms.
I have a signup form and i want to manipulate the hidden post data while submitting the form...please help me.
You can use the plugin 'firebug' in your browser . In this plugin you can get source code by which you can manipulate the elements of your sign in form and also you can add elements view hidden elements such as authenticity token and other hidden values and also you can change the data of your form fields. For more details hit this url:
http://getfirebug.com/
If you want to manipulate them WITHIN the browser, then open your browser's Developer Tools, as #Aristona suggested:
If you're using Google Chrome you can click the right button of the mouse over an input and then "Inspect Element".
If you're using Firefox you can add the Firebug plugin, that let's you inspect the DOM.
With IE use the Developer Toolbar.
Opera has a similar toolbar, but you get the idea.
Press F12 on your browser so you can change the form data.
You don't need any other dependencies such as Firebug. Every major browser has a builtin web inspector.

How to add code into wordpress site? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
Hello I have just started to use word press today, I have developed my own theme, and edited the header and footer files to show what I want it to show, however I’ve ran into a problem adding in the main content. What I did was just take the html, and dump it into the html editor and this worked great site was fine, however if you click into the visual editor and then click at the start of a div, and press “backspace” it removes the div and merges it with the div above it, should this happen? And if that is what is supposed to happen can you prevent it?.
Allot of my potential clients don’t want a html website and want word press and that makes me lose them since I am mainly html/css/php etc, so that’s why I'm learning it, however if the above is what happens it seems like these clients will keep on coming back to me wanting it fixed etc and make me look bad for making sites that break easily thus decreasing my value as a freelancer.
Any and all help is welcome the reason I'm asking is because i can’t find any websites about this they are all purely make a theme. Thank you.
P.S this site is running locally so cannot provide link sorry.
I agree with #jhanifen, your client will not want to post html into the WYSIWYG editor, so keep in mind your theme will have to allow what ever they choose to put in there.
You wont be able to prevent the behaviour you are describing, you could lock the page from other users editing it but this is a bad way to go.
I usually make a child theme of a good simple standard theme and create page templates to allow for different page styling. http://codex.wordpress.org/Page_Templates
You may also want to look into custom post formats for more specific posting behaviour. http://webdesignledger.com/tips/getting-started-with-wordpress-post-formats.

HTML page editing [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
In an attempt to learn HTML, I thought it may be a good idea to edit some simple code. So, I navigated to what I figured was a simple layout on a website and copied the source to my desktop. I made minor changes and attempted then to reopen the HTML file in a browser to see the changes.
Instead of the same layout with a few minor adjustments, the entire scheme was deformed. The wording was all there(no longer formatted), but the background was now white and all the links appeared structrually in one column on the left side of the screen.
So, in essense, what is the best way to learn HTML and why didn't my attempt at editing work? Are there more files required than provded by a simple source save provides?
The HTML likely references things by RELATIVE PATH, e.g. a CSS File included with /styles/... not http://originaldomain.com/styles/... So if you just saved the HTML, none of the relative paths will resolve. Most browsers allow you to file --> save page as, which will copy not just the file but also the resources.
Try www.w3schools.com/html/ should give you a good start and a good understanding. Don't try and run before you can walk! And try learning CSS aswell
The file you needed was an external CSS file. It is linked to in the head of the document. This site is better than w3schools, www.w3fools.com
There are a lot of videos out there. Try www.reddit.com/r/learnprogramming
That community is much laid back and friendly!

Restore a deleted CSS from loaded page on localhost in firefox [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 9 years ago.
Improve this question
I was working on web project, and when i pushed my changes, my files disappeared because of bad manipulations. Now, I've lost my files, but my page is still Firefox memory, so I could copy the HTML code. But I cannot copy the CSS ! I've tried to recover deleted file using Quetek's utility, but the files are corrupted, and in the css I could see "heade", "master"... But not my CSS. Please help me !! I didn't closed Firefox. Vinz243
You have just discovered why all developers need to use source control (Git, Mercurial, Subversion, etc.)
That said, this isn't really a programming question and doesn't fit well with Stack Overflow's guidelines. The latest version of FireFox (the only one I've checked) lets you choose "Web Developer" from the menu, then click on the "Style Editor" choice on the top of the newly opened area. In there, you can see the css resources it is using.
Firefox has a built in Inspector tool you can access by right-clicking an element and selecting Inspect Element from the drop down menu that appears.
From here you can select Style Editor menu to the right of the Inspector tab to view the css of the rendered page

Is there a tool to find html elements affected by certain css file [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I've been working with a jquery file uplouad plugin which has it's own CSS files, but when the plugin implemented in a web page that also has its own CSS file applied, the elements will have styles applied from multiple files, so what I need is a tool that enable me to select a CSS file and an HTML file than the tool should show all the elements affected by this file, I used Firebug but it only provide the opposite of what I need like selecting element and see all the CSS files affect the element, I think there must be a faster way to do it.
Fire bug https://addons.mozilla.org/en-us/firefox/addon/firebug/
or google developer tool
https://developers.google.com/chrome-developer-tools/
works pretty well.
I think use notepad++ and do some pity, tool will help you but also you will become slave. Apply some of your mind, its easy for Press CTRL + F and search the hierarchy..
Also the browser with Developer Tool will help, but not sure ,who will teach you there :)