Log In · Register

 
 
Closed TopicStart new topic
can you change what the module headers say?, h3 ones 2.0
atthisvolume_x
post Apr 10 2009, 01:40 AM
Post #1


Member
**

Group: Member
Posts: 22
Joined: Jul 2005
Member No: 177,482



For example can you make
the Module headers (h3) such as (interests, blurbs, top friends)
say whatever else you want

like

interests - hobbies
blurbs - things about me

idk, sorry if I'm not explaining it well enough.
 
Mickey
post Apr 10 2009, 06:11 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



I came up with a code but it doesn't seem to work for Internet Explorer. If you still want to use it though, place this in your CSS section:

CODE
div.blurbsModule h3.moduleHead span {visibility:hidden;}
div.blurbsModule h3.moduleHead:before {content:"About Me"; visibility:visible;}

div.interestsModule h3.moduleHead span {visibility:hidden;}
div.interestsModule h3.moduleHead:before {content:"Hobbies"; visibility:visible;}

div.friendSpaceModule h3.moduleHead span {visibility:hidden;}
div.friendSpaceModule h3.moduleHead:before {content:"Mates"; visibility:visible;}

div.commentsModule h3.moduleHead span {visibility:hidden;}
div.commentsModule h3.moduleHead:before {content:"Convos"; visibility:visible;}

Those are for your Blurbs, Interests, Friends and Comments. Just replace what are inside the quotes with what you want them to say.
 
fixtatik
post Apr 10 2009, 08:41 AM
Post #3


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



^ IE6 and earlier don't support CSS pseudo-elements (:before, :after, etc.). Apparently IE7 does, but I don't recall ever getting it to work on Myspace.

There's also the option of using images, which will work in any browser (change the ##px to the height and width of each image you use for the text):
CODE
.moduleHead span { display:block; text-indent:-500em; }
.blurbsModule .moduleHead span { background:url(BLURBS IMAGE); height:##px; width:##px; }
.interestsModule .moduleHead span { background:url(INTERESTS IMAGE); height:##px; width:##px; }
.friendSpaceModule .moduleHead span { background:url(FRIENDS IMAGE); height:##px; width:##px; }
.commentsModule .moduleHead span { background:url(COMMENTS IMAGE); height:##px; width:##px; }
 
Jghelfi
post Apr 10 2009, 12:16 PM
Post #4


Senior Senior Member
******

Group: Official Member
Posts: 1,507
Joined: Sep 2007
Member No: 571,541



im using IE8 and it doesnt show the code that you used mike, but it works when i use codes on myspace....weeeeeiirddd.... huh.gif
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: