Free Republic
Browse · Search
Bloggers & Personal
Topics · Post Article

To: poconopundit

I have been very frustrated when trying to create a website of simple links with logos. Lists of links by topic. This looks like an easy way to do that. Am I correct?


11 posted on 03/21/2021 2:55:03 PM PDT by LucienCA13 (sorry if you are microaggrieved)
[ Post Reply | Private Reply | To 1 | View Replies ]


To: LucienCA13

I just tried to look for HTML examples to point you to, but could find absolutely none.

Take a look at this page: https://start.me/start/us/startpage

I think this may be what you are looking for. Unfortunately, when search for the source code, you can’t find it because the author is trying to protect his code by hiding it somewhere through the use of scripts.

Let me help you develop an example of what you are looking for.

But first, can you point me to a page that does what you want it do? Or create something in Word or PowerPoint or Excel and send to me.

And you say “logo”, but company logos are of various shapes. If you use an icon or symbol, it will be look much nicer on your page. But either way will work.

Will the text go on the bottom of the icon or to the side?

Let me know.


14 posted on 03/21/2021 3:53:55 PM PDT by poconopundit (Hard oak fist in an Irish velvet glove: Kayleigh the Shillelagh we salute your work!)
[ Post Reply | Private Reply | To 11 | View Replies ]

To: LucienCA13; KevinB; V K Lee; GOPJ
First of all, LucienCA13, check the comment from KevinB.  I think he points to an option for a logo launchpad that is an add-on to Firefox.

On the same question you raised, I have coded a change to the 6th column in myhomepage that shows the links appearing as logos (or icons).

Here's the sample page for that.

To make that work, you need to find all the icons and insert them into the icons folder.  Then the width attribute in the img element needs to be set to 120px or whatever your choice is.

Here's the code which you can drop in as a replacement to Column 6:

<!-- Column 6 -->
<div class="column">

<h4>Travel</h4>

<a href=https://www.orbitz.com/>
<img width=120 title="Orbitz Travel"
src=icons/orbitz_icon.jpg>

<a href=https://www.southwest.com/>
<img width=120 title="Southwest Airlines"
src=icons/southwest_icon.jpg>

<a href=https://us.megabus.com/>
<img width=120 title="Megabus bus lines"
src=icons/megabus_icon.jpg>

</a><!-- closing anchor -->

</div>

Note, I added the "title" attribute which enables a mouse-over text description of the link just in case the logo doesn't explain itself.  Of course, the use of the "title" attribute is optional.

20 posted on 03/21/2021 11:18:00 PM PDT by poconopundit (Hard oak fist in an Irish velvet glove: Kayleigh the Shillelagh we salute your work!)
[ Post Reply | Private Reply | To 11 | View Replies ]

Free Republic
Browse · Search
Bloggers & Personal
Topics · Post Article


FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson