Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Widget afbeeldingen naast elkaar plaatsen

Vorige onderwerp Volgende onderwerp Go down

Widget afbeeldingen naast elkaar plaatsen

Bericht van Lily1901 op za 30 mei 2015 - 22:26

Forumversie : phpBB2
Functie op het forum : Administrator
Betreffende webbrowser(s) : Chrome

Ik wil graag hoover afbeeldingen naast elkaar plaatsen op een forum widget.
Alleen weet ik niet welke code ik moet gebruiken. De afbeeldingen zijn 100px breed en de breedte van forum widgets staan ingesteld op 230px


Laatst aangepast door Lily1901 op zo 31 mei 2015 - 13:16; in totaal 1 keer bewerkt

Lily1901
Nieuw Forumlid

Vrouw Aantal berichten : 10
Leeftijd : 21
Registratiedatum : 29-05-15
Oprichter van het forum : Nee
Templates gewijzigd : Ja
CSS : Ja

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

Re: Widget afbeeldingen naast elkaar plaatsen

Bericht van 10spetter10 op za 30 mei 2015 - 23:09

Ik heb snel iets in elkaar gestoken maar het is wel heel basis. Je moet gewoon heel de code kopiëren en plakken in een zelfgemaakte widget.

Code:
<style>.img_cont {position: relative; overflow: hidden; float: left; width: 100px; height: 100px; margin: 1px;} .img_cont .hover {position: relative; display: table-cell; top: -100px; width: 100px; height: 100px; vertical-align: middle; text-align: center; transition: 0.5s; opacity: 0;} .img_cont:hover .hover {opacity: 1.0;}</style>
<div class="img_cont">
   <img src="http://i.imgur.com/c0k0zvA.jpg?1" />       
   <div class="hover">
      tekst     
   </div>
</div>
<div class="img_cont">
   <img src="http://i.imgur.com/c0k0zvA.jpg?1" />         
   <div class="hover">
      tekst     
   </div>
</div>
<div class="img_cont">
   <img src="http://i.imgur.com/c0k0zvA.jpg?1" />         
   <div class="hover">
      tekst     
   </div>
</div>

Als je wat kennis van css hebt kan je eventueel de opmaak zelf aanpassen anders moet je eens een uitgebreide beschrijving maken over hoe het er precies moet uitzien.
bv: wanneer je met je muis over de afbeelding gaat schuift er een halfdoorzichtige witte blok voor met een groene vette tekst.


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1296
Leeftijd : 19
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: Widget afbeeldingen naast elkaar plaatsen

Bericht van Lily1901 op za 30 mei 2015 - 23:25

thanksies <3



Lily1901
Nieuw Forumlid

Vrouw Aantal berichten : 10
Leeftijd : 21
Registratiedatum : 29-05-15
Oprichter van het forum : Nee
Templates gewijzigd : Ja
CSS : Ja

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

Re: Widget afbeeldingen naast elkaar plaatsen

Bericht van Liesbeth* op zo 31 mei 2015 - 8:25

..Als uw ondersteuningsvraag opgelost is, gelieve dan het topic als opgelost met het icoon te markeren! Hoe doe ik dit? Klik Hier



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Liesbeth*
Globaal Moderator
Globaal Moderator

Vrouw Aantal berichten : 503
Leeftijd : 62
Taal : Nederlands
Locatie : Oosten
Registratiedatum : 13-06-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

Profiel bekijken http://pspismagic.actieforum.com/ http://testpspismagictest.actieforum.com/
Liesbeth* is bedankt door de starter van dit topic.

Re: Widget afbeeldingen naast elkaar plaatsen

Bericht van Lily1901 op zo 31 mei 2015 - 11:46

- opgelost


Laatst aangepast door Lily1901 op zo 31 mei 2015 - 13:16; in totaal 1 keer bewerkt (Reden van aanpassing : zelf opgelost)

Lily1901
Nieuw Forumlid

Vrouw Aantal berichten : 10
Leeftijd : 21
Registratiedatum : 29-05-15
Oprichter van het forum : Nee
Templates gewijzigd : Ja
CSS : Ja

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

Re: Widget afbeeldingen naast elkaar plaatsen

Bericht van Liesbeth* op zo 31 mei 2015 - 14:09

..Ondersteunings Vraag opgelost en gesloten.



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Liesbeth*
Globaal Moderator
Globaal Moderator

Vrouw Aantal berichten : 503
Leeftijd : 62
Taal : Nederlands
Locatie : Oosten
Registratiedatum : 13-06-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Nee

Profiel bekijken http://pspismagic.actieforum.com/ http://testpspismagictest.actieforum.com/
Liesbeth* 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