|
|
|
Forums » List all forums » » Forum: General Discussion » » » Thread: Adding images & links to Calendar title |
| Posted by OPwebmaster at Jan 22, 2018, 10:16:45 PM |
|
Adding images & links to Calendar title Marc: Based on an example in Localendar's Help page, I have been experimenting with adding images with a link to calendar titles. I am testing on this site: http://localendar.com/public/HMWlotest1?rss_link=false If you go there and click on the dog image I added, you will be sent to www.ottawapark.org. If you click on the owl image, you will be sent to www.friendsofottawapark.org. This is what I want to accomplish--having the user be sent to a webpage or file based on which image he clicks. Here is the Header code I am using: HMWlotest1 - for testing only<p><a href='http://www.ottawapark.org'/a><img src='http://localendar.com/clipart/dog.png'/><a href='http://www.friendsofottawapark.org'/a><img src='http://localendar.com/clipart/owl.png'/><style>body {margin:0px;padding:0px;border-color:transparent;}</style></p> I have a multi-part question: The dog and cat images are centered on the page, and below the text. Can I move the images to the left or to the right, or place one or both on the same line as the text? Here is what I would like to achieve: Go to: http://www.ottawapark.org/calendar-ottawa-park-toledo.html At the top of the page is a red box, which contains a common header line (Special Upcoming Event) and red text which lists 2 or 3 important events. In this case there is one icon (skates) which when clicked will display a flyer for that event. I currently do this as part of my website, and the Localendar is just below it. But to make any changes in the red text requires me to rebuild and reupload my complete website, which takes time, and is a pain. What I would like to do is incorporate the Special Upcoming Events at part of my header for Localendar. Then I could more easily update my calendar as events change. I know that Localendar requires a lot of coding to do special text, etc., so one option for me would be to create the red box and its contents (minus the skate icon) as one image. Then I could add that image to my Localendar header, and place the skate icon image (or images) to the right of the red box image. So I would appreciate your thoughts on the best (easiest?) way to accomplish this task. Harry |
| Posted by support at Jan 25, 2018, 2:31:44 AM |
|
Re: Adding images & links to Calendar title Hi Harry, One quick/simple way to do this is to create a basic html table to use as your calendar title. I can't remember how much space we allocate for the title off-hand, but I whipped up this quick example for you, and it fits: <style>#usr_banner{border:4px solid red;color:red;font-size:16px;font-weight:bold;width:845px;}#usr_banner td{border:0px !important}</style><table id="usr_banner"><tr><td colspan=4 style="text-align:center;font-size:32px">SPECIAL UPCOMING EVENTS</td></tr><tr><td>Dec.27 thru Mar.6</td><td>Learn to Skate/Play Hockey-FREE<br/>Check Calendar for dates/times</td><td>Ice Rink</td><td>Click here for flyer</td></tr><tr><td>Daily</td><td>Open Skating</td><td>Ice Rink</td><td>Check Calendar</td></tr><tr><td colspan=4 style="text-align:center;">Dates/times change depending on rentals. Always call 419-936-2997 before coming</td></tr></table>Of course, you don't have to use HTML, I could go back to your question about the images if you want. It just seemed that adding images, links inside the image, etc would wind up being more work for you. ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
| Posted by desertwindenterprise at Jan 25, 2018, 9:10:00 PM |
|
Re: Adding images & links to Calendar title Are you sure this fits in title? I copy and pasted and it only took up to the word flyer. Sharon |
| Posted by support at Jan 29, 2018, 3:45:01 PM |
|
Re: Adding images & links to Calendar title Yes - I tested it first  Perhaps you didn't get everything copied onto the clipboard from my post? Try pasting it into Notepad first to make sure it's all there. Both the title and footer fields can hold 4,000 characters, so the text from my previous message will definitely fit. ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
| Posted by OPwebmaster at Jan 31, 2018, 5:39:43 AM | ||
Re: Adding images & links to Calendar title
It fits in my website that Marc designed it for just fine. Go here: http://localendar.com/public/HMWlotest1?rss_link=false Harry |
| Posted by OPwebmaster at Jan 31, 2018, 6:01:15 AM | ||
|
Re: Adding images & links to Calendar title Marc:
That is amazing! I know nothing about html tables (I guess I can learn). But I don't understand how you get the columns to line up (the lines don't exactly). Plus, I juggle font sizes to get everything I need in the space. I just updated my website for February, and here is that calendar: http://www.ottawapark.org/calendar-ottawa-park-toledo.html So while I try to learn something about the tables, maybe you could take a shot at the image idea. And the links don't have to be inside the image. I could visualize using your HTML red border, background color, and 'Special Upcomng Events' text. Then create the image for just the rest of the text. The links could either be inside the red border, or outside. Harry |
| Posted by support at Jan 31, 2018, 10:44:49 PM |
|
Re: Adding images & links to Calendar title The image idea can work.. but I warn you it will get a lot more complicated. Basically, in html you can create rectangular areas inside an image and make those clickable. It's called an image map. https://www.w3schools.com/tags/tag_map.asp https://html.com/images/how-to-make-an-image-map/ You really need some kind of tool to help you create the rectangular areas, and help you create all the html you will paste into your calendar title. I found https://www.image-map.net/ and http://imagemap-generator.dariodomi.de/ (they were both a little clunky though) ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
| Posted by OPwebmaster at Feb 6, 2018, 5:17:01 AM | ||
|
Re: Adding images & links to Calendar title Marc: Thanks so much for putting in all this effort on my behalf.
So I think the easier of the alternatives is to forget about incorporating this within Localendar, and just to continue modifying the relevant section on my website Calendar page as required, and uploading the changes multiple times/month, as frustrating as that is. Harry |
| Posted by support at Feb 9, 2018, 6:31:03 PM |
|
Re: Adding images & links to Calendar title Can you tell me anything about the platform you are using to create your site? Are you using something like weebly or wordpress? Or do you maintain all your pages by hand? There may be other alternatives for making your life easier. ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
| Posted by OPwebmaster at Feb 15, 2018, 5:59:08 AM | ||
|
Re: Adding images & links to Calendar title Marc:
I use a program called WebEasy. It is still sold (https://www.avanquest.com/USA/software/webeasy-professional-10-new-version-500665?APOP=Transition) but it has not been updated for years. I started with Version 9, so I can use it reasonably well. Always eager to listen to your thoughts. Harry |
|
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |