Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me

TOPIC: nice icons specially for unorderded lists in articles

nice icons specially for unorderded lists in articles 1 year 2 months ago #43957

  • mlehr
  • mlehr's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 371
  • Karma: 0
Hi,

For my unorderded list I use the regular bullets/squares of JCE. But I have seen much nicer ones.
1. What is a good place to get free elegant icons/bullets?
2. After downloading, how can I use the icons for my unoderded list in an article?
3. In one list I might have to use two different icons: something like V and X (included and not included). How can I do that?

Regards, Maurice
Maurice
Please become a member of OSTraining to reply to this post.

nice icons specially for unorderded lists in articles 1 year 2 months ago #43971

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 4035
  • Thank you received: 138
  • Karma: 10
Hi Maurice,

To use an image for your list bullets, use this code:
ul { 
    list-style-image: url("greenV.jpg"); 
   } 

As for icons, what type of icons are you looking for?

You can make your own by finding an image you like and resizing it the the standard icon size. :P
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

nice icons specially for unorderded lists in articles 1 year 2 months ago #43986

  • mlehr
  • mlehr's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 371
  • Karma: 0
Hi Tessa,

Thanks.
Code: should I make a special class for evert different image-icon?
Or would be using
<ul style="list-style-image: url('/"greenV.jpg'">
be a good solution as well?
Type: above all that indicate very clear what is included in the package (eg the green V) or not included (the red X).

There are no special Joomla plugins/extensions for this?

Regards, Maurice
Maurice
Please become a member of OSTraining to reply to this post.

nice icons specially for unorderded lists in articles 1 year 2 months ago #44007

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 4035
  • Thank you received: 138
  • Karma: 10
Not that I've seen Maurice, as for extensions.

And for different images you'd probably assign it to a class. :P

.greenv ul { list-style-image: url....
.redx ul { list-style-image: url...

<ul class= ' greenv ' > </ul>

Something like that. :-)
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

nice icons specially for unorderded lists in articles 1 year 2 months ago #44057

  • mlehr
  • mlehr's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 371
  • Karma: 0
Grazie Tessa!
Maurice
Please become a member of OSTraining to reply to this post.

nice icons specially for unorderded lists in articles 1 year 2 months ago #44060

  • tessa
  • tessa's Avatar
  • OFFLINE
  • Moderator
  • Posts: 4035
  • Thank you received: 138
  • Karma: 10
You are welcome! :-)
Warm Regards,

Tessa Mero



Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.

Sign Up for OSTraining

Copyright 2013 Open Source Training, LLC. All rights reserved.