HTML Code toevoegen aan bestaande code

  • René
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Wij zijn een Foto- en Webstudio die diensten kunnen verlenen aan een ieder, zoals het MKB, Overheid,
Lees meer
19 mrt 2019 20:18 #19114 door René
HTML Code toevoegen aan bestaande code werd gestart door René
In een website heb ik deze code staan, voor een plaatje:
Code:
[ img]images/domeinnaam registreren.png[/img]

Wil het volgende effect bereiken: als je met de muis op het plaatje komt, dat het plaatje vergroot, dit zodat de gebruiker getriggert wordt om er op te klikken. Is hier een stukje HTML code die ik kan toevoegen om het gewenste effect te bereiken.

Foto- & Webstudio Digitaal ICT (René Schouten)
Wij kunnen voor u Webdesign & Webhosting Verzorgen
Geregistreerd Partner van Vimexx "Dé best beoor
Discussie gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Lees meer
19 mrt 2019 21:27 #19115 door Rondeb
Beantwoord door Rondeb in topic HTML Code toevoegen aan bestaande code
Hallo René,

probeer het volgende eens het is natuurlijk even met de .css spelen ;)

Succes ermee.

Groeten Ron :)
Discussie gesloten.
  • Hans van der Meer
  • Administrator
  • Administrator
  • Weet soms dingen
Lees meer
20 mrt 2019 05:49 #19116 door Hans van der Meer
Beantwoord door Hans van der Meer in topic HTML Code toevoegen aan bestaande code
Ik heb even codetags en een spatie toegevoegd. :)
Die laatste om de regel code niet uitgevoerd te krijgen. Zal het probleem aankaarten.

Moderator Joomlacommunity
Mede-organisator JoomlaDagen
ex Team Leader Official Joomla Social Media Team, ex-JUG-organisator & Joostock (RIP) mede-organisator
Eigen site: www.hierbenikthuis.nl
Discussie gesloten.
  • René
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Wij zijn een Foto- en Webstudio die diensten kunnen verlenen aan een ieder, zoals het MKB, Overheid,
Lees meer
20 mrt 2019 09:00 #19117 door René
Beantwoord door René in topic HTML Code toevoegen aan bestaande code
Hoi Ron,

1) Neem aan dat ik het stukje .css code in de template.css dient te plaatsen.
2) Neem aan deze code: <img src="[your hosted image URL]" class="thumbnail" height="100" width="100" /> bij mijn image toevoegen.

Foto- & Webstudio Digitaal ICT (René Schouten)
Wij kunnen voor u Webdesign & Webhosting Verzorgen
Geregistreerd Partner van Vimexx "Dé best beoor
Discussie gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Lees meer
20 mrt 2019 20:21 #19124 door Rondeb
Beantwoord door Rondeb in topic HTML Code toevoegen aan bestaande code
Hoi René,

1. css code het liefst in custom.css plaatsen.
Code:
.thumbnail:hover { position:relative; width:???px; height:auto; display:block; z-index:999; }
2. Gisteren had je in je eerste bericht een html code staan en daar moet je deze code toevoegen class="thumbnail"

Succes ermee.

Groeten Ron :)
Discussie gesloten.
  • René
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Wij zijn een Foto- en Webstudio die diensten kunnen verlenen aan een ieder, zoals het MKB, Overheid,
Lees meer
25 mrt 2019 19:46 #19141 door René
Beantwoord door René in topic HTML Code toevoegen aan bestaande code
Hoi Ron,

Bij het plaatje (image) heb ik nu de volgende code staan:
<p><img class="thumbnail" style="display: block; margin-left: auto; margin-right: auto;" title="Domeinnaam Registreren bij Vimexx" src="images/domeinnaam registreren.png" alt="Domeinnaam Registreren bij Vimexx" width="313" height="250" /></p>

De css code zoals beschreven heb ik onder in de template.css gezet, custom.css was niet aanwezig.
Moet ik in de code: width:???px; de ??? ook nog vervangen.

Foto- & Webstudio Digitaal ICT (René Schouten)
Wij kunnen voor u Webdesign & Webhosting Verzorgen
Geregistreerd Partner van Vimexx "Dé best beoor
Discussie gesloten.
  • René
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Wij zijn een Foto- en Webstudio die diensten kunnen verlenen aan een ieder, zoals het MKB, Overheid,
Lees meer
25 mrt 2019 20:39 #19142 door René
Beantwoord door René in topic HTML Code toevoegen aan bestaande code
Zou de oplossing ook te verkrijgen zijn door gebruik te maken van JCE Editor & JCE MediaBox.

Foto- & Webstudio Digitaal ICT (René Schouten)
Wij kunnen voor u Webdesign & Webhosting Verzorgen
Geregistreerd Partner van Vimexx "Dé best beoor
Discussie gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Lees meer
25 mrt 2019 20:49 #19143 door Rondeb
Beantwoord door Rondeb in topic HTML Code toevoegen aan bestaande code
Hallo René,

class="thumbnail" heb je goed toegevoegd.

witdh:???px de vraagtekens moet je vervangen voor een getal alleen je moet zelf invullen voor een gewenst resultaat vandaar de ??? ;)

De template die je gebruikt is eigen gemaakt ga ik vanuit? Want bij een protostar template van joomla bijvoorbeeld wordt de template.css bij joomla update overschreven dus dan zijn alle aanpassingen verloren.

Succes ermee.

groeten ron
Discussie gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Lees meer
25 mrt 2019 20:50 #19144 door Rondeb
Beantwoord door Rondeb in topic HTML Code toevoegen aan bestaande code

Zou de oplossing ook te verkrijgen zijn door gebruik te maken van JCE Editor & JCE MediaBox.


Heb nog nooit gebruik gemaakt van JCE MediaBox dus durf dat niet te zeggen maar misschien dat een van de andere forum leden dat wel weet.

Groeten Ron :)
Discussie gesloten.
  • René
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Wij zijn een Foto- en Webstudio die diensten kunnen verlenen aan een ieder, zoals het MKB, Overheid,
Lees meer
25 mrt 2019 20:53 #19145 door René
Beantwoord door René in topic HTML Code toevoegen aan bestaande code
Hoi Ron,

Thanks voor de feedback. Heb gebruik gemaakt van het template Joonext van Maarten Blokdijk.

Foto- & Webstudio Digitaal ICT (René Schouten)
Wij kunnen voor u Webdesign & Webhosting Verzorgen
Geregistreerd Partner van Vimexx "Dé best beoor
Discussie gesloten.
Gemaakt door Kunena