WebSite X5Help Center

 
Bjorn Andreassen
Bjorn Andreassen
User

Link color in Footer  en

Autore: Bjorn Andreassen
Visite 2045, Followers 2, Condiviso 0  

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

Postato il
14 RISPOSTE - 3 UTILI - 1 CORRETTO
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.

Leggi di più
Postato il da Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autore

Didn't work.

Web:

Leggi di più
Postato il da Bjorn Andreassen
Albert X
Albert X
User

You reversed the codes !

Leggi di più
Postato il da 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>

Leggi di più
Postato il da Albert X
Albert X
Albert X
User

I tried with these codes and it works perfectly.

Leggi di più
Postato il da Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autore

Yes, but I want to use a text objekt.

Leggi di più
Postato il da Bjorn Andreassen
Albert X
Albert X
User

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

Leggi di più
Postato il da 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Bjorn Andreassen
Bjorn Andreassen
User
Autore

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

Leggi di più
Postato il da 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Bjorn Andreassen
Bjorn Andreassen
User
Autore

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.

Leggi di più
Postato il da Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User
Autore

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>

Leggi di più
Postato il da Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User
Autore

... code in <head>

Leggi di più
Postato il da 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

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪