Home | Top Skins | All Skins | Tags | Forums | Contribute | About

BlogSkins.com Forums

Search Forums:
Forums > Tips & Tricks > "HELP NEEDED, PLEASE CLICK? xl" (7 replies)
myclichelove♥'s icon Author: myclichelove♥
Posted: 9 months ago
(link)
http://www.blogskins.com/me/bendan2
Ok, take it as an example, I want to click "Top Skins" (but, don't click yet)
The wordings changed to pink, and at the bottom, it's dashed.
How do you do that?
Please elaborate and teach step by step.
'Cuz I'm a noob! xD
Thanks~
 
 
qetesh's icon Author: qetesh
Posted: 9 months ago
(link)
  First, take a look at this section in your CSS codes. (Stylesheet.)
These codes are for your links.

/
A:link
{ text-decoration: none; color: #c33a60;}
A:visited
{ text-decoration: none; color: #c33a60;}
A:active
{ text-decoration: none; color: #c33a60;}
A:hover
{ color: black; text-decoration:underline;}
/

You are meaning that when you're hovering onto the link, it changes from a random color to another color with dashed border bottom. In this case, you've got to change your /A:hover/ codes to something which is like that. Try changing your hover codes to this:

\
A:hover
{ color: hotpink; border-bottom:1px dashed pink;}
\

You are allowed to edit anyway you like for these codes.
The {color:hotpink} part will allow you to change the colors from your base link colors to another random color, like what you're referring to in that case. The {border-bottom:1px dashed pink} will allow your hovered links to have a dashed base border in a color of your choice.

Hope this helps.
:)
 
 
myclichelove♥'s icon Author: myclichelove♥
Posted: 9 months ago
(link)
  HI THERE!

That does helps.
But example, you've made a skin and you submitted it.
Then, you go to the page of your skin.
How do you make the links on your skin page like your skin too?
Example: http://www.blogskins.com/info/151828
You see, her skin homepage has the pink linky thingy too.
I know how to do that on skins.
But how do I do it on my skins page? :l
 
 
qetesh's icon Author: qetesh
Posted: 9 months ago
(link)
  Ohh :D
Haha ok.
Enter these codes in your description section while submitting the skin, where it requires you to enter a few words about your blogskin :)

\
[style]a
{color:#000000;
font-size: 11px;
font-family: arial;}
[/style]

[style]
a:hover
{color: hotpink;
border-bottom: 1px solid black;}
[/style]
\


Replace all [ and ] with
You can edit the variables in anyway you like, as I'm taking it that you're HTML and CSS experienced :D

This should work! :)
I've tried in my own pages and yeap. It works.
Haha! Hope this helps too.
 
 
myclichelove♥'s icon Author: myclichelove♥
Posted: 9 months ago
(link)
  COOL!

Yeap, it works on my skin page.
But it doesn't work on my homepage.
Any idea about the codings for my homepage? :l

*Thanks!
 
 
qetesh's icon Author: qetesh
Posted: 9 months ago
(link)
  [style type="text/css"]
A:link
{ text-decoration: none; color: #c33a60;}
A:visited
{ text-decoration: none; color: #c33a60;}
A:active
{ text-decoration: none; color: #c33a60;}
A:hover
{ color: black; text-decoration:underline;}
[/style]
 
 
qetesh's icon Author: qetesh
Posted: 9 months ago
(link)
  oh yeah. replace all [ ] with :)
 
 
qetesh's icon Author: qetesh
Posted: 9 months ago
(link)
  You're welcomed :D
Subscribe To This Thread: RSS 2.0 or Atom (?)
This thread has been locked, and no new replies can be posted.


Site

- Home
- News Archives
- About
- Stats
- Feeds
- Privacy Policy

Skins

- All Skins
- Tags
- Search Skins
- Random Skin
- Skin Of The Day
- Contribute

Forums

- General
- Tips & Tricks
- Help!
- Suggestions
- Skin Requests
- Blogging Software
- Web Hosting

Account

- Log In
- Register
</BlogSkins>

Warning! Do not follow this link! It is a trap for poorly-behaved bots. If you follow this link, you will be banned from accessing this site and several others. I will not have mercy on you. Do not follow this link!