Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 


Quick Go »
Thread Status: Normal
Total posts in this thread: 11
Posts: 11   Pages: 2   [ 1 2 | Next Page ]
[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]
Author
Previous Thread This topic has been viewed 95 times and has 10 replies Next Thread
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 286
Status: Offline

Edit this Post   Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Thread]

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]
[Jan 22, 2018, 10:16:45 PM] [First IP: 72.241.35.21 - Last IP: 72.241.35.21] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6042
Status: Offline
Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

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
[Jan 25, 2018, 2:31:44 AM] [69.126.188.75] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
desertwindenterprise
New Member



Joined: Jan 19, 2018
Posts: 1
Status: Offline

Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

Are you sure this fits in title?
I copy and pasted and it only took up to the word flyer.

Sharon
[Jan 25, 2018, 9:10:00 PM] [208.87.237.201] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6042
Status: Offline
Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

Yes - I tested it first smile

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
[Jan 29, 2018, 3:45:01 PM] [69.126.188.75] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 286
Status: Offline

Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

 
Are you sure this fits in title?
I copy and pasted and it only took up to the word flyer.

Sharon

It fits in my website that Marc designed it for just fine.
Go here: http://localendar.com/public/HMWlotest1?rss_link=false

Harry
[Jan 31, 2018, 5:39:43 AM] [72.241.35.21] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 286
Status: Offline

Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

Marc:
 
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:

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.

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
[Jan 31, 2018, 6:01:15 AM] [72.241.35.21] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6042
Status: Offline
Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

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]
[Jan 31, 2018, 10:44:49 PM] [First IP: 69.126.188.75 - Last IP: 69.126.188.75] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 286
Status: Offline

Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

Marc:
Thanks so much for putting in all this effort on my behalf.
 
The image idea can work.. but I warn you it will get a lot more complicated.
No kidding! I tried the two image map generators you linked to. I could never get them to work completely. Plus I saw in one of the articles that you referenced this procedure would cause problems with viewing on smartphones, which more and more folks do to access my website.

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
[Feb 6, 2018, 5:17:01 AM] [72.241.35.21] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6042
Status: Offline
Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 9, 2018, 6:31:03 PM] [69.126.188.75] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 286
Status: Offline

Edit this Post   Re: Adding images & links to Calendar title Reply to this Post
Reply with Quote
[Delete this Post]

Marc:
 
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.

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
[Feb 15, 2018, 5:59:08 AM] [72.241.35.21] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
Posts: 11   Pages: 2   [ 1 2 | Next Page ]
[Show Thread Printable Version] [Post new Thread]

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us