WebSite X5Help Center

 
Bjorn Andreassen
Bjorn Andreassen
User

Link color in Footer  en

Autor: Bjorn Andreassen
Besucht 1722, Followers 2, Geteilt 0  

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

Gepostet am
14 ANTWORTEN - 3 NüTZLICH - 1 KORREKT
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.

Mehr lesen
Gepostet am von Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Didn't work.

Web:

Mehr lesen
Gepostet am von Bjorn Andreassen
Albert X
Albert X
User

You reversed the codes !

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Albert X
Albert X
Albert X
User

I tried with these codes and it works perfectly.

Mehr lesen
Gepostet am von Albert X
Bjorn Andreassen
Bjorn Andreassen
User
Autor

Yes, but I want to use a text objekt.

Mehr lesen
Gepostet am von Bjorn Andreassen
Albert X
Albert X
User

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

Mehr lesen
Gepostet am von Albert X
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
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

.

Mehr lesen
Gepostet am von  ‪ 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?

Mehr lesen
Gepostet am von Bjorn Andreassen
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT

(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

.

Mehr lesen
Gepostet am von  ‪ 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.

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User
Autor

... code in <head>

Mehr lesen
Gepostet am von Bjorn Andreassen
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
 ‪ 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪