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

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>

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?

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

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 =)

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;
}

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://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 January 5th 2013, 3:59 am

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


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://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.

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://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 January 5th 2013, 2:28 pm

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 January 5th 2013, 5:17 pm

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