|
Index | Recent Threads | Register | |
Forums » List all forums » Forum: General Discussion » Thread: Adding images & links to Calendar title |
Total posts in this thread: 11
|
[Change thread status]
[Delete this Thread]
[Move this Thread] [Add To My Favorites] [Watch this Thread] [Post new Thread] |
Author |
|
OPwebmaster
localendar Expert
|
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 ---------------------------------------- [Edit 1 times, last edit by OPwebmaster at Jan 22, 2018, 10:20:18 PM] |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6395 Status: Offline |
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 |
||
|
desertwindenterprise
New Member
|
Are you sure this fits in title? I copy and pasted and it only took up to the word flyer. Sharon |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6395 Status: Offline |
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 |
||
|
OPwebmaster
localendar Expert
|
It fits in my website that Marc designed it for just fine. Go here: http://localendar.com/public/HMWlotest1?rss_link=false Harry |
||||
|
OPwebmaster
localendar Expert
|
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 |
||||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6395 Status: Offline |
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 ---------------------------------------- [Edit 1 times, last edit by support at Jan 31, 2018, 10:45:03 PM] |
||
|
OPwebmaster
localendar Expert
|
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 |
||||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6395 Status: Offline |
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 |
||
|
OPwebmaster
localendar Expert
|
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 |
||||
|
|
[Show Thread Printable Version] [Post new Thread] |
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |