Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Transparantie

3 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Transparantie

Bericht van Kimdierengek di 6 aug 2013 - 18:21

Hello,

Hoe zorg je ervoor dat de achtergrond van het forum wél transparant is, maar het forum zelf zeg maar, de fora, niet?

Ik heb op het moment deze code:
Code:
body {
opacity: .95;
 filter: alpha(opacity=70);
 -moz-opacity: .70;

Maar deze maakt het alles in een keer transparant.


Laatst aangepast door Kimdierengek op di 6 aug 2013 - 21:53; in totaal 1 keer bewerkt

Terug naar boven Terug naar beneden

Kimdierengek

Kimdierengek
Actief Forumlid

Vrouw
Berichten : 106
Leeftijd : 29
Registratie : 20-08-08
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://reptimarkt.actieforum.com/



Kimdierengek is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Lone Wanderer di 6 aug 2013 - 19:19

Bedoel je het stuk direct achter de fora? Zeg maar, het gedeelte dat hier helemaal wit is? Want in dat geval moet je de opacity niet onder body zetten, maar onder .bodyline. Dus dan krijg je dit:

Code:
.bodyline{
  opacity: .95;
  filter: alpha(opacity=70);
  -moz-opacity: .70;
}

Daar heb ik namelijk de kleur voor mijn forum achtergrond ook aangepast, dus ik neem aan dat je daar de transparantie ook kunt regelen Smile

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://hongerspelenRPG.actieforum.com



Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Kimdierengek di 6 aug 2013 - 19:35

Ja, dat is inderdaad het deel wat ik bedoel /derp
Ik heb het ingevoerd maar nu is het hele forum gewoon niet transparant xD
Waar moet ik het precies tussen zetten? Ik ben echt nieuw in Html o3o Ik heb gewoon een hele bestaande sheet gebruikt en pas die nu aan xD

Terug naar boven Terug naar beneden

Kimdierengek

Kimdierengek
Actief Forumlid

Vrouw
Berichten : 106
Leeftijd : 29
Registratie : 20-08-08
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://reptimarkt.actieforum.com/



Kimdierengek is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Lone Wanderer di 6 aug 2013 - 19:46

Oke, ehm... het is een beetje lastig te zeggen zonder code, maar je moet het in ieder geval in de CSS zetten. Als het een bestaande sheet was, dan zal er misschien al ergens .bodyline staan en kun je daar opacity=.7 oid gewoon bij zetten. Maar het kan ook zijn dat er bij zo'n bestaande sheet het een en ander in de templates is veranderd, waardoor dit niet werkt.
Is het voor Perished of voor een ander forum?

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://hongerspelenRPG.actieforum.com



Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Kimdierengek di 6 aug 2013 - 20:01

Owait ik heb het stukje gefunden.
Het is dezelfde sheet als die voor Perished gebruikt is.

.bodyline {
background-color: #0e121b;
background-image: url("Banner hier >D");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
padding-top: 309px;
border: 1px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

Terug naar boven Terug naar beneden

Kimdierengek

Kimdierengek
Actief Forumlid

Vrouw
Berichten : 106
Leeftijd : 29
Registratie : 20-08-08
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://reptimarkt.actieforum.com/



Kimdierengek is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Lone Wanderer di 6 aug 2013 - 20:15

In dat geval moet je de regels met opacity etc. gewoon onder border-radius zetten. Let er wel op dat je achter opacity .95 hebt staan, terwijl je bij de andere twee 70 procent zichtbaarheid gebruikt.

Nou ja, ik hoop dat het lukt dan ^^

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://hongerspelenRPG.actieforum.com



Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Kimdierengek di 6 aug 2013 - 20:29

Lewut, ik heb het er in gezet, en nu maakt hij gewoon weer het hele forum transparant.

.bodyline {
background-color: #0e121b;
background-image: url("Banner hier >D");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
padding-top: 309px;
border: 1px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
opacity: .95;
filter: alpha(opacity=70);
-moz-opacity: .70;
}

Terug naar boven Terug naar beneden

Kimdierengek

Kimdierengek
Actief Forumlid

Vrouw
Berichten : 106
Leeftijd : 29
Registratie : 20-08-08
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://reptimarkt.actieforum.com/



Kimdierengek is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Lone Wanderer di 6 aug 2013 - 21:36

Never mind mijn vorige post. *deletes* Ik denk dat ik een oplossing voor je heb gevonden. Gebruik een RGBA-waarde voor je achtergrond. Jouw achtergrond kleur is #0e121b in RGB waarden is dit 14,18,27 als het goed is. Nu kun je er nog een vierde nummer achter zetten, en dat is dan de opacity.
Het komt er in je code dan zo uit te zien:

background-color: rgba(14,18,27,0.5);

De eerste drie cijfers staan voor de kleur, het laatste cijfer (0.5) voor de opacity (even zelf invullen voor hoeveel procent het zichtbaar moet zijn). Als het goed is, zou dat wel moeten werken.

Terug naar boven Terug naar beneden

Lone Wanderer

Lone Wanderer
Actief Forumlid

Vrouw
Berichten : 145
Registratie : 26-07-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://hongerspelenRPG.actieforum.com



Lone Wanderer is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Kimdierengek di 6 aug 2013 - 21:53

Halleluja, hij werkt! Héél, héél erg bedankt voor je hulp en geduld  Transparantie 3256900078

Terug naar boven Terug naar beneden

Kimdierengek

Kimdierengek
Actief Forumlid

Vrouw
Berichten : 106
Leeftijd : 29
Registratie : 20-08-08
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://reptimarkt.actieforum.com/



Kimdierengek is bedankt door de starter van dit topic.

Opgeloste Topic Re: Transparantie

Bericht van Joost wo 7 aug 2013 - 11:37

Aanvraag opgelost en gesloten.


Transparantie 121910
Forum Tools | Tutorials | Stijl aanvraag | Forumpromotie goedkeuring | Wachtwoord vergeten?
Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon Transparantie 210610



Transparantie PiUYHC2 Facebook

Terug naar boven Terug naar beneden

Joost

Joost
Beheerder
Beheerder

Man
Berichten : 5895
Leeftijd : 33
Registratie : 31-08-07
Oprichter : Ja
Templates : Ja
CSS : Ja

1000 berichten of meer zijn als leuk gemarkeerd
Wanneer je 1000 of meer likes op je berichten krijgt
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Medewerker award
Je verdient deze award als je medewerker bent van Actieforum
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://ondersteun.actieforum.com/



Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum