The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change the list bullets to your own design.

View previous topic View next topic Go down

Solved How to change the list bullets to your own design.

Post by Jeissel Denise on Fri 4 Jan - 13:33

what is the html code use in order for the list bullets like this

  • a
  • b
  • c
  • d


to be changed into my own bullets. thanks Smile


Last edited by Jeissel Denise on Sat 5 Jan - 14:28; edited 1 time in total

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Cassius Dio on Fri 4 Jan - 13:51

Hi,

Here it is:
Code:
<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Fri 4 Jan - 13:57

where will i put the image url i want my bullets to be like?

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Cassius Dio on Fri 4 Jan - 14:04

Oh, sorry. Do you want to change the design of these bullets? Smile

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Fri 4 Jan - 14:08

yes. i want to change it =)

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Cassius Dio on Fri 4 Jan - 14:12

Add to your CSS Stylesheet:
Code:
.post ul
{
list-style-image:url('http://www.w3schools.com/cssref/sqpurple.gif') !important;
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Fri 4 Jan - 14:41

it isn't working:

http://hellokitty.forumsmotion.com/

Code:
.post ul
{
list-style-image:url('http://i214.photobucket.com/albums/cc105/24168/egobox/vf/resources/favicons/113.gif') !important;
}

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Sat 5 Jan - 3:59

bump

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by SLGray on Sat 5 Jan - 4:09

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Since this is your third reminder, you have received a warning.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36712
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Sat 5 Jan - 4:19

sorry. i want to use my own image.

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Cassius Dio on Sat 5 Jan - 9:03

Then try try this:
Code:
ul {
list-style:square url("http://i214.photobucket.com/albums/cc105/24168/egobox/vf/resources/favicons/113.gif") !important;
}

Details: http://www.w3schools.com/cssref/pr_list-style.asp

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Jeissel Denise on Sat 5 Jan - 14:28

it worked Very Happy thanks a lot Smile)

Jeissel Denise
Forumember

Female Posts : 318
Reputation : 0
Language : English
Location : Phillippines

http://hellokitty.forumsmotion.com

Back to top Go down

Solved Re: How to change the list bullets to your own design.

Post by Base on Sat 5 Jan - 17:17

Topic Solved & Locked

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum