Zelf gemaakte button kleuren niet mee?

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Plaats reactie
Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 21 aug 2016, 12:44

Adres van je forum: http://www.film-test.nl
Event. modificaties op je forum: Meerdere waaronder Ajax. Chat, NewsPage en Reimg
Wanneer ontstond het probleem? nvt
phpBB versie: phpBB 3.1.9 Style aangepaste Absolution

Ben de kleuren van mijn Forum aan het veranderen.

Tot nu toe lukt het me aardig, ik heb de kleuren van van de styl in Colours.css aangepast.
Ook de button kleuren heb ik aangepast.
Tot zover is mij dat aardig gelukt, aldoende leert men.
Nu heb ik zelf een paar buttons aangemaakt in de index-body met <button> Tekst </button> maar bij deze lukt het mij niet om de achtergrond kleur aan te passen:

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button><font size="3"> Tekst </font></button></a>
Ze werken wel maar blijven lichtgrijs met als hooverkleur lichtblauw.
Wie weet hoe :ugeek: ?

BVD
Afbeelding

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door El torro » 21 aug 2016, 13:10


Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 21 aug 2016, 14:23

Dat is het probleem dus, de "Default Button" daar wil ik dus de kleur van aanpassen.
Het overige lukt mij wel.

:ugeek: ?
Afbeelding

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door El torro » 21 aug 2016, 14:39

?
De default button is grijs als je dat wilt aanpassen moet je naar de link die ik eerder plaatste.
http://www.w3schools.com/css/css3_buttons.asp zie "try it yourself":
http://www.w3schools.com/css/tryit.asp? ... tons_basic

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 21 aug 2016, 16:08

El torro schreef:?
De default button is grijs als je dat wilt aanpassen moet je naar de link die ik eerder plaatste.
Bedankt voor je reactie maar,
daarmee worden in colours.css de standaard button kleur mee bepaald, en dat heb ik al aangepast in colours.css. Maar deze werken niet in de index-body, met mijn eigen gemaakte button: <button> tekst </button>

:ugeek: ?

Ps,
Mogelijk doe ik iets fout.
Afbeelding

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door Theriddler » 21 aug 2016, 16:17

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button style="background-color:#000000;color:#ffffff;font-size:1.5em;">Tekst</button></a>

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 21 aug 2016, 22:58

Theriddler schreef:

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button style="background-color:#000000;color:#ffffff;font-size:1.5em;">Tekst</button></a>
Bedankt voor je reactie,

Perfect het werkt, maar hoe zet je er ook nog een Hoover in?

:ugeek:
Afbeelding

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door Theriddler » 22 aug 2016, 11:36

OmkePom schreef:
Theriddler schreef:

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button style="background-color:#000000;color:#ffffff;font-size:1.5em;">Tekst</button></a>
Bedankt voor je reactie,

Perfect het werkt, maar hoe zet je er ook nog een Hoover in?

:ugeek:
Graag gedaan, ik weet niet wat je precies wil qua hovering (tekst of button), maar ik denk dat je hieronder een goed idee krijgt hoe het werkt.

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button style="background-color:#000000;color:#ffffff;font-size:1.5em;" onMouseOver="this.style.color='#880000'" onMouseOut="this.style.color='#FFFFFF'">Tekst</button></a>
http://codepen.io/anon/pen/GqaqmN

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 22 aug 2016, 12:46

Theriddler schreef: Graag gedaan, ik weet niet wat je precies wil qua hovering (tekst of button), maar ik denk dat je hieronder een goed idee krijgt hoe het werkt.
Bedankt voor je reactie, ik wilde graag de button kleur bij mouseover verandererd zien?

Ps,
Bovenstaande werkt wel :ugeek:
Afbeelding

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door Theriddler » 22 aug 2016, 18:26

OmkePom schreef:
Theriddler schreef: Graag gedaan, ik weet niet wat je precies wil qua hovering (tekst of button), maar ik denk dat je hieronder een goed idee krijgt hoe het werkt.
Bedankt voor je reactie, ik wilde graag de button kleur bij mouseover verandererd zien?

Ps,
Bovenstaande werkt wel :ugeek:

Code: Selecteer alles

<a href="http://www.mijnforum.nl/viewtopic.php?f=22&t=123"><button style="background-color:#000000;color:#ffffff;font-size:1.5em;" onMouseOver="this.style.backgroundColor='#880000'" onMouseOut="this.style.backgroundColor='#000000'">Tekst</button></a>
http://codepen.io/anon/pen/NAVjqP

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Zelf gemaakte button kleuren niet mee?

Bericht door OmkePom » 23 aug 2016, 15:49

Theriddler schreef:---
Bedankt voor je reactie, werkt Perfect!

Kreeg het zelf niet voorelkaar, zat maar met dat '-' te prutsen.
Kon het allemaal net niet goedkrijgen, nogmaalt THX ;)
Afbeelding

Plaats reactie