Hover Categorie

Vorige onderwerp Volgende onderwerp Ga naar beneden

Hover Categorie

Bericht van George op 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?

avatar

George
Mega Actief Forumlid

Man Aantal berichten : 508
Geboortedatum : 21-03-98
Leeftijd : 20
Registratiedatum : 06-07-11
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://dariusnl.actieforum.com
George is bedankt door de starter van dit topic.

Re: Hover Categorie

Bericht van 10spetter10 op 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;
}
avatar

10spetter10
Medaille Forumlid

Man Aantal berichten : 1267
Geboortedatum : 21-04-97
Leeftijd : 21
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Hover Categorie

Bericht van George op za 28 jun 2014 - 20:38

1 is opgelost, bedankt!
avatar

George
Mega Actief Forumlid

Man Aantal berichten : 508
Geboortedatum : 21-03-98
Leeftijd : 20
Registratiedatum : 06-07-11
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://dariusnl.actieforum.com
George is bedankt door de starter van dit topic.

Re: Hover Categorie

Bericht van 10spetter10 op 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;
}
avatar

10spetter10
Medaille Forumlid

Man Aantal berichten : 1267
Geboortedatum : 21-04-97
Leeftijd : 21
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Hover Categorie

Bericht van George op 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)?
avatar

George
Mega Actief Forumlid

Man Aantal berichten : 508
Geboortedatum : 21-03-98
Leeftijd : 20
Registratiedatum : 06-07-11
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://dariusnl.actieforum.com
George is bedankt door de starter van dit topic.

Re: Hover Categorie

Bericht van 10spetter10 op 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
avatar

10spetter10
Medaille Forumlid

Man Aantal berichten : 1267
Geboortedatum : 21-04-97
Leeftijd : 21
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


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