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 January 4th 2013, 1:33 pm

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 January 5th 2013, 2:28 pm; edited 1 time in total
avatar
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 January 4th 2013, 1:51 pm

Hi,

Here it is:
Code:
<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>
avatar
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 January 4th 2013, 1:57 pm

where will i put the image url i want my bullets to be like?
avatar
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 January 4th 2013, 2:04 pm

Oh, sorry. Do you want to change the design of these bullets? Smile
avatar
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 January 4th 2013, 2:08 pm

yes. i want to change it =)
avatar
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 January 4th 2013, 2:12 pm

Add to your CSS Stylesheet:
Code:
.post ul
{
list-style-image:url('http://www.w3schools.com/cssref/sqpurple.gif') !important;
}
avatar
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 January 4th 2013, 2:41 pm

it isn't working:

http://hellokitty.forumsmotion.com/

Code:
.post ul
{
list-style-image:url('http://illiweb.com/fa/pbucket.gif') !important;
}
avatar
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 January 5th 2013, 3:59 am

bump
avatar
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 January 5th 2013, 4:09 am

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 41154
Reputation : 2811
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

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

Post by Jeissel Denise on January 5th 2013, 4:19 am

sorry. i want to use my own image.
avatar
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 January 5th 2013, 9:03 am

Then try try this:
Code:
ul {
list-style:square url("http://illiweb.com/fa/pbucket.gif") !important;
}

Details: http://www.w3schools.com/cssref/pr_list-style.asp
avatar
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 January 5th 2013, 2:28 pm

it worked Very Happy thanks a lot Smile)
avatar
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 January 5th 2013, 5:17 pm

Topic Solved & Locked
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1693
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