WebSite X5Help Center

 
Bjorn Andreassen
Bjorn Andreassen
User

Link color in Footer  en

Autor: Bjorn Andreassen
Visited 2027, Followers 2, Udostępniony 0  

How do I specify a specific color for a:link, a:visited, etc. in footer?

Posted on the
14 ODPOWIEDZI - 3 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Albert X
Albert X
User

Bonjour.

1) Code à placer dans le head de ta page ou de ton site, après l'avoir adapté à tes besoins.

<style>
.linkfooter {
color: red;
}
.linkfooter:hover {
color: black;
}
</style>

2) Code à placer dans un objet HTML, après l'avoir adapté à tes besoins.

<a class="linkfooter" href="http://google.com">Red Link in footer</a>

Jean-Serge.

-----------------------------------------------------------

Hello.

1) Code to place in the head of your page or your site, after having adapted it to your needs.

<style>
.linkfooter {
color: red;
}
.linkfooter:hover {
color: black;
}
</style>

2) Code to place in an HTML object, after having adapted it to your needs.

<a class="linkfooter" href="http://google.com">Red Link in footer</a>

Jean-Serge.

Czytaj więcej
Posted on the from Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Didn't work.

Web:

Czytaj więcej
Posted on the from Bjorn Andreassen
Albert X
Albert X
User

You reversed the codes !

Czytaj więcej
Posted on the from Albert X
Albert X
Albert X
User

1) Code to place in the head of your page or your site.

<style>
.linkfooter {
color: red;
}
.linkfooter:hover {
color: black;
}
</style>

2) Code to place in an HTML object or a text object with HTML enabled.

<a class="linkfooter" href="http://google.com">Red Link in footer</a>

Czytaj więcej
Posted on the from Albert X
Albert X
Albert X
User

I tried with these codes and it works perfectly.

Czytaj więcej
Posted on the from Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Yes, but I want to use a text objekt.

Czytaj więcej
Posted on the from Bjorn Andreassen
Albert X
Albert X
User

OK, you can place this code in an TEXT Object with HTML enabled.

Czytaj więcej
Posted on the from Albert X
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bjorn Andreassen
Yes, but I want to use a text objekt.

(It > En)  ... or in a Text Object (html enabled), or in an HTML Code Object, ... paste this simple string of code:

<a style="font-size:22px;text-decoration:none; color:navy" href="https://www.google.it/" alt="Google" title="Google"> open Google </a>

.

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bjorn Andreassen
Bjorn Andreassen
User
Autor

KolAsim: It works, but how can i change the color in footer when I insert a link this way?

Czytaj więcej
Posted on the from Bjorn Andreassen
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... können Sie die Option File or URL, und fügen Sie, wie Sie es sehen, diesen ganzen String ein:
name_page.html"  style="font-size:22px;text-decoration:none; color:navy

... oder im Bereich >> Experte  | >▼ Vor dem </HEAD> Tag  diesen String einfügen:
<style> .imCssLink:link, .imCssLink {color: red !important;} </style>

... wenn Sie den Link auf der Seite platzieren, kann ich es besser auswerten...

ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Hello KolAsim

<style> .imCssLink:link, .imCssLink {color: red !important;} </style> works, but then all links become RED. I only want to override color in footer.

Czytaj więcej
Posted on the from Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Sorry to mess around so much, but the solution is:
<Style>
#imFooter a: link {text-decoration: none; color: #fff;}
#imFooter a: visited {text-decoration: none; color: #fff;}
#imFooter a: hover {text-decoration: none; color: #fff;}
#imFooter a: active {text-decoration: none; color: #fff;}
</ Style>

Czytaj więcej
Posted on the from Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User
Autor

... code in <head>

Czytaj więcej
Posted on the from Bjorn Andreassen
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
 ‪ KolAsim ‪ ‪
... ...  ... wenn Sie den Link auf der Seite platzieren, kann ich es besser auswerten... ... ... 

... OK ... wink...

<style> #imFooter .imCssLink:link, #imFooter .imCssLink {color: red !important;} </style>

.

hello, ciao

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪