Joomla!NL - Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

24 jul 2013 14:21

#1

All,

Is het mogelijk om een volledige 'Aangepaste HTML'-module klikbaar te maken?

Voorlopig lukt het me enkel een afbeelding te 'linken' aan een artikel. Het zou fijner zijn als ik van deze module een soort aanklikbaar vlak of knop kan maken.

Bedankt!

Goewardus
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 89

Aangepaste HTML - knop maken van deze module?

24 jul 2013 14:26

#2

Zou kunnen met een transparante afbeelding. Kijk hier maar even.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37625

Aangepaste HTML - knop maken van deze module?

25 jul 2013 08:47 - 25 jul 2013 11:06

#3

Ik bekeek de mogelijkheid, maar raak er niet uit.

Ik open mijn aangepaste-html module, ga naar de code editor, plak het boeltje zoals beschreven op die website:

Code:

<div style=”position:absolute;left:0;top:0;z-index:9999; background-color:transparent;width:200px;height:250px;cursor: pointer;”
onclick=”location.href=’/';”>&nbsp;</div>

waar staat

Code:

onclick="location.href='/'; ...

plaats ik dit (omdat ik denk naar dat welbepaald artikel moet als ik op de module klik)

index.php?option=com_content&view=article&id=87:aanbod-5&catid=82:aanbod&Itemid=529

maar niets gebeurd, ik krijg zelfs geen handje te zien...

Wat doe ik fout?

Dank!
G.

Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Goewardus
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 89

Aangepaste HTML - knop maken van deze module?

26 jul 2013 09:13 - 26 jul 2013 09:14

#4

Ik had het niet getest, maar werkt idd niet. Andere mogelijkheid is om een module class suffix te maken en te werken met een transparante afbeelding in de achtergrond.
Geef je module bijvoorbeeld de class suffix

-clickable

Zet dan dit in je custom html module:

Code:

<a id="clickable" href="http://forum.joomlanl.nl">&nbsp</a>
<p>De achtergrond van deze module is een transparante afbeelding.</p>

waarbij je natuurlijk je eigen link (kan ook een interne zijn) invoegt.
Voeg dan dit toe aan je css:

Code:

.moduletable-clickable {
  background-image: url("images/trans.png");
  background-repeat: no-repeat;
  height: 200px;
  padding: 5px 0;
  position: relative;
  width: 200px;
}

#clickable{
	position: absolute; 
	width: 200px; 
	height: 200px; 
	background-color: transparent; 
	border: 1px solid yellow; 
}

Is ongeveer. In de laatste regel staat nog even een gele border, zodat je e.e.a. eenvoudiger kunt positioneren. Die regel kan je dus verwijderen als alles naar wens is.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37625

Aangepaste HTML - knop maken van deze module?

26 jul 2013 12:59

#5

vooraleer ik dit uitprobeer, in welk css-bestand voeg ik dit toe?

Ik veronderstel dat dit bij mij een van de css-bestanden is op deze plaats:

/domains/quovadiscoaching.be/public_html/templates/rt_hexeris/css

daar heb ik index.html / master-ie8.css / master-ie9.css en systems.css

dank!

Goewardus
Heeft onderwerp gestart
Bekend met Joomla!NL
Berichten: 89

Aangepaste HTML - knop maken van deze module?

26 jul 2013 17:08

#6

Zo te zien is dat template gebaseerd op Gantry en kan je het beste een custom css bestand aanmaken.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37625

Laatste nieuws

Welkom bij Joomla!NL

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Aangepaste HTML - knop maken van deze module?

Laatste forumberichten

Wil je Joomla!NL steunen?