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

Hover Categorie

2 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Hover Categorie Empty Hover Categorie

Bericht van George za 28 jun 2014 - 2:07

Hi,

1) Laatst is er een topic door Veraa geopend over de hover afbeeldingen voor bij een categorie. Ze was me werkelijk een dag voor, aangezien een andere code die ik op dit forum gevonden had niet werkte. Maar (de snelle) ik kwam er net achter dat ik de afbeeldingen wel gewoon kon vergroten naar gelieve alleen de 'opacity' vergoot niet mee. Onder bericht een afbeelding.

2) In de afbeelding heb ik ook 'Kasteel Sabbor' omrand (dit is dus de naam van het categorie). Is er een mogelijkheid om deze in het midden van het vakje te plaatsen of te verwijderen?

Hover Categorie 34rypp4

Terug naar boven Terug naar beneden

George

George
Actief Forumlid

Man
Berichten : 499
Leeftijd : 26
Registratie : 06-07-11
Oprichter : Ja
Templates : Ja
CSS : Ja

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

http://dariusnl.actieforum.com



George is bedankt door de starter van dit topic.

Hover Categorie Empty Re: Hover Categorie

Bericht van 10spetter10 za 28 jun 2014 - 8:08

Je hebt in je css staan dat de hoogte van dit element 55px moet zijn. Als je dit aanpast naar 100% zou dit al meteen opgelost moeten zijn. Smile

Code:
.achtergrond_forum .tekst {
  -moz-transition-duration: .6s;
  -o-transition-duration: .6s;
  -webkit-transition-duration: .6s;
  background: rgba(255,255,255,0.7);
  height: 100%;
  opacity: 0;
  padding: 3px;
  text-align: center;
  transition-duration: .6s;
}

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 27
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

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




10spetter10 is bedankt door de starter van dit topic.

Hover Categorie Empty Re: Hover Categorie

Bericht van George za 28 jun 2014 - 20:38

1 is opgelost, bedankt!

Terug naar boven Terug naar beneden

George

George
Actief Forumlid

Man
Berichten : 499
Leeftijd : 26
Registratie : 06-07-11
Oprichter : Ja
Templates : Ja
CSS : Ja

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

http://dariusnl.actieforum.com



George is bedankt door de starter van dit topic.

Hover Categorie Empty Re: Hover Categorie

Bericht van 10spetter10 za 28 jun 2014 - 21:53

Ow had over het tweede puntje gekeken Razz

Ik vermoed dat je dit enkel wilt bij de categorieën, hierdoor ga je enkel bij specifieke elementen de titel weg willen dus ga je je css ook specifiek moeten maken.

Voor het geval van Kasteel Sabbor kan je onderstaande css gebruiken:

Code:
a.forumlink[href*="/f10"] {
  display: none;
}

Wanneer je ook een tweede wilt weg doen, doe je gewoon hetzelfde:

Code:
a.forumlink[href*="/f10"], a.forumlink[href*="/f11"] {
  display: none;
}

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 27
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

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




10spetter10 is bedankt door de starter van dit topic.

Hover Categorie Empty Re: Hover Categorie

Bericht van George zo 29 jun 2014 - 17:58

No problem Very Happy

Beide code's zorgen er bij mij voor dat het weggaat. Na ik dat gezien heb vind ik dat niet echt mooi, sorry. Misschien weet jij of er iets aan gepast kan worden dat de tekst naar het midden gaat (en misschien ook het lettertype kan veranderen)?

Terug naar boven Terug naar beneden

George

George
Actief Forumlid

Man
Berichten : 499
Leeftijd : 26
Registratie : 06-07-11
Oprichter : Ja
Templates : Ja
CSS : Ja

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

http://dariusnl.actieforum.com



George is bedankt door de starter van dit topic.

Hover Categorie Empty Re: Hover Categorie

Bericht van 10spetter10 zo 29 jun 2014 - 19:16

Hmm, voor dat element te centreren zou je een element ietsje hogerop moeten aanroepen. Maar aangezien je pas ziet wanneer het gecentreerd moet zijn lager te voorschijn komt kan je dit niet meer met de css bij mijn weten. Daarom zou ik een kort javascriptje gebruiken dat ervoor zorgt dat je regio gecentreerd wordt.

Plaats dit javascriptje en zorg dat het werkt op de indexpagina.

Code:
jQuery(document).ready(function () {
$('.achtergrond_forum').closest('.row1.over').css('textAlign','center');
});

Normaal gezien als je nu zou kijken op je indexpagina is je titel al gecentreerd. Het lettertype kunnen we wel aanpassen met css.

Code:
a.forumlink[href*="/f10"] {
  font-family: 'New Times Roman';
}

Je weet het wel te zeggen wanneer het toch niet blijkt te werken of je nog andere problemen ondervindt. Smile

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 27
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

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




10spetter10 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