How to add button in email template - email

I want to add a button in email template and want to call a method based on that button click.
can anyone suggest me how can i do this?
Thanx in advance.

In html email, you are limited to html and css, so the only button you can create is a hyperlink. You could however pass some url parameters to a web page that does all your dirty work for you.
The design options are:
An image wrapped in a href <img src="">
Full CSS button - by building it in CSS so that it shows with images turned off.
"Bulletproof Buttons" - using a combination of CSS and background images. They fallback to the css if the images are turned off. See buttons.cm for a great example

Related

Change/remove next/prev buttons for featherlight gallery

Is there a way to change the next/prev buttons? I want to use characters from my site's custom icon webfont instead of an external image like the default.
Thanks in advance!
You can specify a different previousIcon and nextIcon.
If that doesn't do it, you can modify the layout in your own afterOpen.

Tumblr: add pages to custom theme

I am creating a custom theme with HTML and want to create a navigation menu for my pages. I am not sure how to do this however.
I have tried to add:
{block:HasPages} {/block:HasPages}
and
{block:Pages} {/block:Pages}
but nothing appears.
Do I just have to hard code the links into the theme? Is there no way to do this dynamically?
You must have one or more Custom Page(s)
Each Custom Page must have Show Link enabled
The code block to show links to the Custom Page(s) is as follows:
{block:HasPages}
{block:Pages}
{Label}
{/block:Pages}
{/block:HasPages}
Code per the Tumblr HTML Guide.

Facebook hide content from non-fans in a unique way

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' ;)

How to disable Tumblr Photosets

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.

Styled ALT Text for not shown images

What happens if you use images in an email to replace text?
Most of the email clients do not load images by default. So... a normal user would not see anything.
But what happens when you use images this way:
<img src="notfound.jpg" alt="NOT FOUND"/>
Do they see the NOT FOUND alt if the image has not loaded? And what if it is styled similarly to the image to make it look a bit better, for example:
<img src="notfound.jpg" alt="NOT FOUND" style="font-size:24px;color:#FF00FF"/>
Are this alt texts styled accordingly?
Thanks
A whole bunch of email clients don't actually render the alt tag - they either render the title tag, and the styles don't get applied to that, or they render the filename or something else.
So it works for a few clients, but it's nothing like widespread.
Add a title tag in addition to your alt tag.
Unfortunately certain email client will ignore these tags and only show the link URL.