ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Create a professional email signature with HTML & CSS
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Learn how to create a professional email signature using HTML and CSS and add it to gmail.
Having an email signature is very important as it adds to your personal brand.
Subscribe for more JavaScript tips and tricks bit.ly/bbsubyt
--------------------------------
Let's connect
--------------------------------
Instagram - / leffesvensson
Twitter - / lefpsi
#emailsignature #html #css ---
Become a Patron and support my work: / bakedbird
If you are just looking for a simple tool and a way to create your own email signature without coding anything, watch my class on Skillshare and get a FREE month on all their classes using this link
skl.sh/3HhET5u
Really, really helpful. Thank you very much, this is exactly what I was looking for!
I'm glad it helped you!
Excellent video! Can't thank you enough. I subscribed!
Thanks for the video! This is exactly what I was looking for
Watching from Bangladesh.
Thank you so much this was so helpful.
Really helpful , thank you
HTML email signature in outlook-
th-cam.com/video/9xpTJo4lalY/w-d-xo.html
Das Video ist helfen!
Nice Video
How did you change the line after the email and phone and address?
The elements have the class 'contact-info' which has the property 'display: block'. You can watch it at minute 5:05 🙂
Hello Sir,
really nice video.
But I didnt understand the step with the image on gmail.
How did you put it?
King regards
Hi Isaac,
You can upload your image on Google Drive, or wherever you prefer, and use the URL for the src attribute of the image tag.
For example, in the video, I use the URL of my instagram profile photo.
Hope this helps!
Nice and easy, how can we add background image in it?
Hi there,
you can use the background-image CSS property on a div to accomplish that, similarly to how you would do it for a website.
Let me know if you're having difficulties achieving this
what site do you use to upload your photo in, and get the link to paste to the img src?
You can use any service that allows you to upload an image. One such example is imgur. For this example, I used the URL of my profile picture on instagram, so, you can use any valid image URL from anywhere. Just make sure the URL points to an actual file, instead of a reference to it.
@@bakedbird3111 Thanks for the reply. I tried Flickr, which worked, and the image was showing fine on my Gmail desktop; however, when I went to my iPhone to see how it looks, the image was stretched across the screen for some weird reason (the text on it was fine, though) - is there some sort of .deviceWidth or Media Query I should add to the image part of the code?? Or ResImage?
Hello, I've set up an html email signature in my apple mail. It works fine in apple mail, but when I send an email to my friend who is using outlook, all the line breaks are removed (it's just one long line) how do I fix this?
Hi Hannah,
I'm not 100% sure of what could the issue here be, it. could be many different things. Have you narrowed it down to Outlook only? For example, does it work when you send an email to a Gmail account?
I've been using the signature on my apple mail as well, and the only issue I had from time to time is the images not showing. This is usually due to settings of the recipient.
Hope this helps somehow!
Nice Video.😃👍 facing problem in uploading image in gmail signature (13:00), please help
Hi there,
You can upload your image on Google Drive, or wherever you prefer, and use the URL for the src attribute of the image tag.
For example, in the video, I use the URL of my instagram profile photo.
Hope this helps!
What program do i download to create this html?
Hey there I'm using VSCode on this one, but you can use any code editor.
If you're not a developer and would not want to do the coding, there are multiple free tools where you can create your email signature fast and easy