I'd like to disable the tumblr Photoset-function. That means I just want to have one picture on my tumblr-site instead of the "Layout" which is provided by Tumblr. But when the picture is clicked the Lightbox would still open. Thank you.
You can disable the normal photoset function by using the {block:Photos} {/block:Photos} block, which renders individually for each image in the set. It is also possible to select a single picture (plenty of themes do it), but I have no idea how you do it (I'm no developer, but I'll wager Javascript or undocumented code is involved), much less whether you can trigger the full lightbox without ever displaying the other images directly.
Related
I saw a form on Qdoba.com. There is effect where if you click on a checkbox, the checkmark slides up and then if you uncheck it, the checkmark slides down.
Here is a link to the form: http://www.qdoba.com/menu-nutrition/burritos-menu-nutrition
I would like to know what language this was created in and if possible, how might I best approach recreating this.
Thanks for you help in advance.
It's done with JavaScript (powered by jQuery, but this is unnecessary).
However, a similar effect can be achieved with plain CSS, as shown in this Fiddle, by using the :checked selector.
HTML, looks like it uses CSS and jQuery (plugin). Looks like a few different types of code.
I don't know about the language, but this effect is accomplished with a CSS sprite. One image consists of a blank area with a checkmark below. When the user clicks on the checkbox the image slides upward so the checkmark appears to have been animated in. (Note also that the checkbox is a <div>, not an actual <input type="checkbox">; if you recreate something like this, be sure to consider the accessibility implications of using something other than an <input> as a checkbox.)
I need to build a tab looking like this one:
https://www.facebook.com/auto.co.il/app_134594493332806
I know how to add an image and a comment box and i know of several "plain" ways to hide the content from non-fans, but i came across the above tab and i really like the way it shows thee content yet you cant engage it until you press the like button.
Any help please?
Thanks in advance.
Oren
Your link didn't work for me, but you can place a absolutely positioned div with a high z-index above the rest of your content to prevent the user from clicking on anything.
Update: Now that the link has been updated I see that they are doing exactly what I described above. In chrome if you right-click the background and select "inspect element" you will see the following computed style for the div:
rgba(0,0,0,0.796);
display:block;
height:1612px;
width:810px;
The content is blacked out simply with a div with a black background and some opacity. Just for fun, you can overcome their like gate (without liking) via chrome's JS console by selecting the iframe context and then entering the following:
$('.like_float_c').detach();
... now call youself a 'hacker' ;)
I've done the prerequisite searching of stackoverflow and looking on the internet. I suspect that the answer is ' This can't be done. ' but I'm hoping someone here might have a solution.
My page loads fine, but many of my YUI components don't fully load before being displayed. For example, my DataTable will resize itself when displaying or my buttons will appear in their native form and then get YUI-fied.
Is there a way to delay the displaying of the page until all the Javascript is finished (i.e. all my YUI components are finished rendering)? I don't know how this would happen, as a lot of the JS depends on the DOM being present to manipulate it.
Is there a way to delay the displaying
of the page
If I understand correctly you would like to hide it until it's done?
If that's the case I have an idea:
add a wrapper around the element you
want to hide (or use
position:absolute to cover it)
give that div a background which use
the color of the surrounding with a
positive z-index
when all your javascript has loaded remove the
z-index or change the color of the background to transparent
Your javascript code would look like this:
do 1. and 2.
load your js
do 3.
Of course it needs to be synchrone.
As an alternative you could use visibility:hidden / visible on the element itself but I dunno for sure if it's well supported.
Try putting your Javascript in the head section of the page, as if it's near the end of the page, it'll load later (making the first elements load faster). OR, better yet, serve up your Javascript compressed and via a CDN, such as Amazon CloudFront so that it loads quickly.
Does anyone know how to change the image for the facebook like button?
I'm using the XFBML version.
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/Platform" width="292" show_faces="false" stream="false" header="true">
</fb:like-box>
You simply can't (or not allowed to!). Read this answer.
Also check the Facebook Usage Guidelines, under the Facebook Like Button section (Usage tab):
While you may scale the size to suit your needs, you may not modify the
Like Button in any other way (such as
by changing the design).
I know its an old question, but you can do it if you like. Use the iframe inside a div or span tag, then put a backgroung image in the tag and make the iframe "opacity: 0", so, you can click the button, but you don´t see it. Here´s an example:
Like Button with custom image
Actually you can legally change the like button as long as you don't disguise it as something else, as confirmed by this forum post.
However how to do it is a bit more tricky.
Here's an example on how change it (the iframe version doesn't work on i.e.):
http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/
I have written
<input type="file">
which results in one small text box along with browse button if i want to apply my custom CSS for this button then how do i do that?
Is there any plug-in to upload file from client to server where for button i can apply my own CSS?
Most browsers don't give you very much control over the styling of inputs of type="file", and even if they did, you wouldn't get a very consistent appearance as the control is rendered differently by different browsers: in Chrome, for instance, there's no input field.
If you want to control appearances, consider a tool such as uploadify
You could definitely apply styles to the upload button. Here's a link which details achieve this. http://www.burhankhan.com/css_tricks/styling-file-upload-input-box-in-css/
The options to style this element directly through CSS are very limited. One of the best know approaches to get around these limitations is this one by Shaun Inman.
Another option is an asynchronous upload using Flash, often done using swfupload.