CSS sprite with parameter? - css

I am confused, it looks like parameter, but doesn't show any damage if I change ?v=4 to ?v=1 or 2 or 3 or 5. I don't even know what to call it.
Is it for javascript? and/or tracking reference? What is it's purpose then. Image loads without it.
Here's image showing it:
For this : (chrome) right click on stackoverflow logo above and click 'Inspect Element'.

its done for versioning... Maybe the image is generated by some script in the backend. Or its simply to avoid caching. Basically, you can to this with every image. If you change the param, the image is gonna reload form the server,

Related

How to hide the Logo of the whole website

I would like to set the webpage logo disappear by css display:none.
I already know how to open the element , for example , in the website www.kori.jp, i can find the div class .logo and able to put display:none in it.
But after reflesh or click other page, it appears again. I want to set it invisible for the whole website at the time I have my presentation.
How can i use and set the css in the chrome browse (or any browser which is more user friendly)
I need to present and show the website but cannot display the company information.
Thanks a lot
Not sure why you would want to do this, but I'm not the one to question it. Editing elements in, for example, Chromes developer tools only store it temporarily and, since you're not really changing the CSS of the site, it is obvious it returns to its normal state when you refresh.
While it can and probably will break some functionality, what you could do is hit CTRL + U on a website to show its source, copy+paste everything from there into your own files somewhere locally, and change it that way. Remember to do this both for the .HTML and .CSS files though (and perhaps even .JS files if they exist on the site)!

How to disable search Google for image when right clicking on image

I created a logo quiz in Asp.net. What I want is when the user fills the quiz he should not be able to right click and select on 'Search Google for image'.
Earlier I thought of using an alert using JavaScript but that can be disabled in the browser. Need a permanent solution for this.
Thanks in advance.
You could cancel the right-click event on the image. It would of course only work with JavaScript enabled, but there is no way of disabling that option altogether.
I know this is an old post, but, in case anyone else is trying to resolve the issue.
You can certainly disable the context menu in javascript, you can also render the image underneath a transparent object any attempts to click, or context menu the image would result in the click or context menu of the transparent image being triggered.
You could also add your image in css as a background image to a regular html element.
The context menu won't show up for it, but, inspect image will show a clickable link in the css attributes that anyone knowing a little web development will know about.
The best answer is a combination of the css and the transparent overlay.

AJAX Horizontal scrolling the page

I have to build a site like France24.com, There is a navigation on the left and two arrows on sides for scrolling to the sides. when you click on the arrows or one of navigation items , the related page (preloads) and appears without refreshing the page. How to do that? Is there any usable framework or sample for this?
Regards
After looking at the website, I see what you are trying to do. I see a way to do this, which is through a simple JQuery method load() ( http://api.jquery.com/load/ ). This behaves like get(), so on clicking the arrow, an event could be triggered where you can load another piece of HTML code in place of the one the user is currently looking at.
If you need dynamic content to load instead of a simple static HTML code, it's possible to achieve that by filling in the dynamic part into the HTML code that you want to load before actually loading it. A library that you can use to achieve something like this is React js, developed by FB. Good luck!

Drupal - adding a shortcut link that bypasses the overlay

Is it possible to add a shortcut to the menu bar that when clicked, goes straight to the link provided.
e.g. currently if I'm on http://mywebsite.com and I click a shortcut to the admin menu, the url changes to http://mywebsite.com/#overlay=admin and it appears in the popup overlay.
What I want is to go directly to the admin url without the overlay (http://mywebsite.com/admin). It's slow and clunky and can't stand it. However on some occasions it is useful to have it in a popup so it doesn't navigate away from the current page.
I know there's a setting to force all overlay actions to go straight to the page, but I don't want that. I only want a single shortcut link to bypass the overlay, so I can use the admin area directly when I need to, and everything else stays as is.
Can this be done for a single shortcut, or can it only be set one way for everything?
Drupal won't open the overlay if you can get the class 'overlay-exclude' onto the link.
You should be able to get that class onto the link by overriding theme_menu_link() in your theme and checking whether the link belongs to the shortcut set as you go.
You also may be able to use javascript to accomplish the same thing, say something like jQuery('.toolbar-shortcuts a[href="/admin"]').addClass('overlay-exclude')

Drupal6: Theming Node Edit pages / Opening within Lightbox

I'm trying to display all node_edit form neatly within a lightbox without any of the excess content I don't want. No sidebars, footer, header, nothing. Just the content. So I created a page-node-edit.tpl.php file.
I have two problems daunting me, but for now I'll only mention the first since its more important.
1) From any drupal page, clicking on the "edit" link for the node doesn't activate the lightbox like it should. Instead it clicks-thru the link as normal.
With jQuery in the header I added a rel attribute for the lightbox to the links, but the box still doesn't activate. I tested the lightbox on a link I hardcoded into the page, and it activated just fine. For elements generated by Drupal, like the node edit link/button the problem seems to be timing.
I think the rel attribute needs to be built with the page, with the link, rather than appended onto it. The catch is, the link lacks an id and class, so I don't see how the hook_alter_link() function can help me.
I'm willing to try anything. Perhaps someone has done this before? Opened a node/edit form within a lightbox.
Any suggestions would be greatly appreciated.
I've seen the Modal Frame API used in a few modules (Node Relationships uses it to do something very similar to what you're doing); might be helpful...
http://drupal.org/project/modalframe

Resources