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

[opgelost]Foto in categorieën forum

4 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic [opgelost]Foto in categorieën forum

Bericht van peepplaza di 29 nov 2016 - 18:02

Is het volgende mogelijk;

Als je een nieuw bericht plaatst waarbij een foto wordt geplaatst is deze dan zo in te stellen dat de foto ook automatisch terecht komt bij het openen van categorieën.

Ik weet niet zo goed hoe ik dit juist moet omschrijven dus heb er even een foto van gemaakt als voorbeeld van een ander forum.

[opgelost]Foto in categorieën forum 25a7xp3


Laatst aangepast door peepplaza op di 28 feb 2017 - 19:52; in totaal 1 keer bewerkt

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van Liesbeth* wo 30 nov 2016 - 8:36

Ja je gaat naar je beheerderspanel.
Dan ga je naar forums en categorien.
Dan bij de categorie klik je op bewerken.
En bij afbeeldingslocatie (dacht ik) zie je dit.
[opgelost]Foto in categorieën forum Pbuvljbezysrx

En ja kan dan kiezen tussen HTML code of de IMG tags.


[opgelost]Foto in categorieën forum 121910
Forum Tools | Tutorials | Stijl aanvraag | Forumpromotie goedkeuring | Wachtwoord vergeten?
Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon [opgelost]Foto in categorieën forum 210610



[opgelost]Foto in categorieën forum PiUYHC2 Facebook | [opgelost]Foto in categorieën forum X10 X (Twitter)

Terug naar boven Terug naar beneden

Liesbeth*

Liesbeth*
Globaal Moderator
Globaal Moderator

Vrouw
Berichten : 1712
Leeftijd : 69
Registratie : 13-06-13
Oprichter : Ja
Templates : Ja
CSS : Ja

500 berichten of meer zijn als leuk gemarkeerd
Wanneer je 500 of meer likes op je berichten krijgt
Medewerker award
Je verdient deze award als je medewerker bent van Actieforum
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://pspparadise.actieforum.com/forum https://pspsensation.actieforum.com/forum



Liesbeth* is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza wo 30 nov 2016 - 17:23

Hallo Liesbeth,

Bedankt voor de reactie maar is niet wat ik bedoel.

Wij hebben een metaaldetector forum en leden plaatsen in een vondsten rubriek hun gevonden voorwerpen, als een lid dus een nieuw topic plaatst met een foto zou ik deze foto graag automatisch links aan het forum zien en niet alleen de titel van de topic.

Ik denk dat dit door ons als beheer wel handmatig is in te stellen alleen gezien dat er soms heel wat geplaatst zou kunnen worden vergt dit erg veel werk en hoop ik dat dit automatisch is in te stellen.

De afbeelding die ik er bij had geplaatst zijn allemaal aparte berichten of topic moet ik zeggen van leden op een ander metaaldetector forum.
Ik vind dit mooi en overzichtelijk.

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 za 3 dec 2016 - 15:07

Momenteel is er nog geen optie om dit te doen op Nederlandse fora, op Engelse is er iets dat erop lijkt : http://help.forumotion.com/t148489-templates-for-the-classified-ads

Ik kan wel eens kijken of ik een javascript kan maken dat iets dergelijks doet. Ik moet dan wel je forumversie weten en of je al aanpassingen hebt gemaakt aan de template 'topics_list_box'.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza zo 4 dec 2016 - 8:34

Bedankt Spetter,

Iets dat er op lijkt!
Is daar een voorbeeld van!

Straks wil je iets maken wat ik niet mooi vind of bedoel en dat zou zonde van je tijd zijn.

Ik heb PunBB

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 zo 11 dec 2016 - 13:58

Probeer dit eens:

Template Topic_list_box

Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">
 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }
 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }
 </script>
 <!-- END multi_selection -->

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
 </div>
 <div class="main-content">
 <table cellspacing="0" id="topiclist" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
 <!-- BEGIN table_sticky -->
 </tbody>
 </table>
 </div>

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
 <!-- END multi_selection -->
 <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END table_sticky -->
 <tr>
 <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
 <span class="status">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
 </span>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /> 
 <!-- END single_selection -->
 {topics_list_box.row.ICON} 
 {topics_list_box.row.NEWEST_POST_IMG}
 {topics_list_box.row.PARTICIPATE_POST_IMG} 
 {topics_list_box.row.TOPIC_TYPE} 
 <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2> 
 {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE} 
 {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
 <!-- BEGIN switch_description -->
 <br />
  {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
 </td>
 <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
 <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
 <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
 <!-- BEGIN multi_selection -->
 <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END multi_selection -->
 </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
 <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
 </tbody>
 </table>
 </div>
 <div class="main-foot clearfix">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
 <p class="options">
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
 </p>
 </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->


Javascript

Kies als plaatsing : 'In the sub-forums'.

Code:
$(function() {
 $('#topiclist .tdtopics:contains("[img]")').each(function(i,v) {
 var imgUrl = $(this).text().match(/\[img\].+\[\/img\]/g)[0];
 imgUrl = imgUrl.slice(5, -6);
 var childnodes = $(this)[0].childNodes;
 var end = childnodes.length;
 childnodes[end-1].nodeValue = childnodes[end-1].nodeValue.replace(/\[img\].+\[\/img\]/g,'');
 $(this).children('img').before('<img src='+imgUrl+' class="topic_img" />');
 });
});


CSS


Code:
.topic_img {
  height: 80px;
}




Nu kan je afbeeldingen toevoegen in de beschrijving van je topic dmv de img-tags.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza ma 12 dec 2016 - 21:29

Uitgevoerd zoals het er stond, hoop dat ik het goed gedaan heb maar ik zie verder niets of hoe ik er een plaatje bij krijg.

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 ma 9 jan 2017 - 19:12

Ik heb de bovenstaande code nog eens getest en deze doet het wel degelijk. Misschien dat er ergens interactie is met een ander script. Daarvoor zou ik eens online kunnen zijn als het script actief is op je forum zodat ik zie waar het precies fout loopt.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza ma 9 jan 2017 - 20:00

Bedenk me dat ik geen subforums heb.
hier moet ik dan nog even naar kijken, ik kom er later op terug.
Bedankt Spetter thumps up

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza wo 11 jan 2017 - 20:48

er gebeurt niets nu ik het opnieuw heb ingevoerd Spetter.
wel dat ik alle linken nu dubbel krijg als ik naar beneden scroll in de forums.

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza wo 25 jan 2017 - 7:35

even omhoog halen

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 ma 6 feb 2017 - 17:39

Geen probleem voor die bump, m'n examens zijn nu gedaan dus kan ik wat meer online zijn.

Kan je eens een printscreen doorsturen van wat je bedoelde met dubbele links?

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza di 7 feb 2017 - 8:36

Hallo Spetter 10,

Print screen op de pc maken lukt mij niet, deed dit wel altijd met mijn IPhone maar hiermee kom ik het forum niet op zie andere berichtgeving van mij.
Je zou even naar het forum kunnen gaan en een rubriek openen (trouwring verloren rubriek is open voor gasten), daar zie je gauw genoeg wat ik bedoel als je naar beneden scrollt.

Ik heb de bovenstaande code's nog niet verwijderd in het beheersysteem.

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 di 14 feb 2017 - 21:56

Oke, als ik zelf iets maak loopt het in het honderd. Dus probeer eens een script van iemand anders.

Code:
       
        /***
        * Application: Topic Thumbnail
        * Description: This application can displays thumbnails of topics.
        * Version: 1.03032014-jq1.9.1 - Udyat (Argumentum parvam)
        * Made and Optimizations by JScript - 2014/03/03
        * View more in: http://ajuda.forumeiros.com
        * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
        * This work is free. You can redistribute it and/or modify it
        * under the terms of the WTFPL, Version 2
        */
        jQuery(function () {
            var sCSS =
                '<style>' +
                '.bim_mainThumb {' +
                    'opacity: 1;' +
                    'visibility: visible;' +
                    'max-width: none;' +
                    'max-height: none;' +
                    'width: 100%;' +
                    'height: auto;' +
                    'display: block;' +
                    'image-rendering: auto' +
                '}' +
                '.bim_thumbPreview {' +
                    'float: right;' +
                    'position: relative;' +
                    'z-index: 0;' +
                '}' +
                '.bim_img_container {' +
                    'height: 70px;' +
                    'width: 70px;' +
                '}' +
                '.bim_thumbPreview span {' +
                    'box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);' +
                    'margin-left: 84px;' +
                    'margin-top: -68px;' +
                    'position: absolute;' +
                    'visibility: hidden;' +
                    'z-index: 100;' +
                '}' +
                '.bim_thumbPreview:hover span {' +
                    'visibility: visible;' +
                '}' +
                '.bim_thumbPreview span img {' +
                    'border: 3px solid #000000;' +
                    'max-width: 300px;' +
                '}' +
                '</style>';
            document.head.insertAdjacentHTML('beforeEnd', sCSS);
       
            var sHtml =
                    '<a class="bim_thumbPreview">' +
                        '<div style="padding: 1px; border: 1px solid #d5d5d5;">' +
                            '<div class="thumbIMG">' +
                                '<div class="bim_img_container" style="overflow: hidden; background-image: none;">' +
                                    '<img src="http://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        '<span class="previewIMG"><img src="http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg"></span>' +
                    '</a>';
         
            var oTarget = 0,
                sFound = 'td:eq(2)',
                sInsert = '',
                sCommon = 'a.topictitle',
                sOverflow = 'auto',
                sGetIMG = '';
             
            /* Forum versions! */
            var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
            var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
            var punbb = jQuery('.statused tr:not(":empty")');
            var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
         
            if (phpBB2.length) {
                oTarget = phpBB2;
                sInsert = 'div.topictitle';
                sGetIMG = '#page-body .post:first .postbody img:first';
            } else if(phpBB3.length) {
                oTarget = phpBB3;
                sFound = 'dd.dterm';
                sInsert = 'div.topic-title-container';
                sOverflow = 'inherit';
                sGetIMG = '#main-content .post:first .content img:first';
            } else if(punbb.length) {
                oTarget = punbb;
                sFound = '.tcl.tdtopics';
                sInsert = 'span.status';
                sGetIMG = '.main-content.topic .entry-content:first img:first';
            } else if(invision.length) {
                oTarget = invision;
                sInsert = sCommon;
                sGetIMG = '.borderwrap .post-entry:first img:first';
            };
       
            oTarget.each(function( index ) {
                var oFound = jQuery(this).find(sFound);
                if (oFound.length) {
                    var oInsert = oFound.find(sInsert);
                    var sUrl = oFound.find(sCommon).attr('href');
                    var ID = 'Udyat_' + index;
       
                    oFound.attr('id', ID);
                    oFound.css('overflow', sOverflow);
                    jQuery(sHtml).insertAfter(oInsert);
       
                    /***
                    * Only show the image if is visible in browser window (view port)!!!
                    * Made and Optimizations by JScript at www.punbb.forumeiros.com
                    */
                    var elem = document.getElementById( ID );     
                    if (isInViewPort(elem)) {
                        jQuery.get(sUrl, function(data) {
                            var oImg = jQuery(sGetIMG, data);
                            var sImg = '';
       
                            if (oImg !== undefined) {
                                sImg = oImg.attr('src');
                                if (sImg !== undefined) {
                                    oFound.find('.bim_img_container img').attr('src', sImg);
                                    oFound.find('.previewIMG img').attr('src', sImg);
                                } else {
                                    oFound.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                                }
                            }
                        });
                    } else {
                        /* Fire event for 'scroll' to show the image... */
                        jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG));
                    }
                }
            });
        });
        /* Function to check if an element is visible in view port */
        function isInViewPort(elem) {
          var rect = elem.getBoundingClientRect();
       
          return (
          rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
          rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
        }
        /* Start function to show the image... */
        function showImage(event, elem, oBject, sString) {
          return function() {
                /* Chech if the element is visible in view port! */
              if (isInViewPort(elem)) {
                    /* If visible, stop event!!! */
                jQuery(window).off('scroll.' + event);
                    jQuery.get(event, function(data) {
                        var oImg = jQuery(sString, data);
                        var sImg = '';
       
                        if (oImg !== undefined) {
                            sImg = oImg.attr('src');
                            if (sImg !== undefined) {
                                oBject.find('.bim_img_container img').attr('src', sImg);
                                oBject.find('.previewIMG img').attr('src', sImg);
                            } else {
                                oBject.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
                            }
                        }
                    });
                }
          }
        }

Plak de code in een javascript met als plaatsing 'in de sub-forums'. Verwijder ook de aanpassingen in de template die ik je liet maken.

Normaal zou dan de eerste afbeelding in de openingspost gebruikt worden in de topiclist.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza wo 15 feb 2017 - 21:51

Hallo Spetter10,

Ik heb nu alles uitgevoerd zoals je me verteld en het werkt [opgelost]Foto in categorieën forum 1f44d nog niet naar behoren want vind het nu even druk over komen.

Hier even een link naar een deel van ons forum dat open is voor gasten zodat andere forum gebruikers kunnen zien waar het over gaat http://waterzoekers.actieforum.com/f20-trouwring-verloren

Ik wil hem nog verder uitwerken als mij dat lukt zoals de scroll balkjes hoeven voor mij niet maar zit momenteel even in tijd nood. Zou deze topic nog even open mogen blijven mocht ik nog vragen hebben omtrent dit onderwerp later.

@Spetter nogmaals bedankt, wat moet dit forum zonder jou

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 wo 15 feb 2017 - 23:00

Van mij mag dit nog even open blijven.

Maar wat bedoel je met scrollbalkjes? Als ik via mijn computer kijk staan er geen scrollbalkjes rond die voorbeeld afbeelding. Als ik kijk hoe het nu verschijnt op je forum, heb ik misschien wel nog enkele puntjes die ik kan aanpassen die het beter zouden maken.

Zo kan ik het script activeren voor een aantal gekozen categorieën, zodat dit niet verschijnt bij bv. 'forumvragen' . Verder kan ik instellen dat de 'no-image' afbeelding niet getoond wordt of een variant instel die meer aansluit bij je forum.

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza do 16 feb 2017 - 19:31

Oke super als je dat nog zou willen uitvoeren dan heel graag, ben net zelf bezig geweest maar kom er niet uit. Zijn de smileys ook uit te schakelen!
Het gaat mij puur om de foto's namelijk.

Gr, Danny

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza ma 20 feb 2017 - 7:29

Hallo Spetter 10,

Inmiddels zelf al wat wezen rommelen in de code, en ik moet zeggen het is me aardig gelukt. Het komt nu veel rustiger over, geen scroll balken meer etc.
Nu wil ik alleen eigenlijk nog de smileys weg hebben maar weet nog niet of dit gaat want eerste plaatje pakt hij als eerst wat getoond wordt op het forum.

Hier nog even de link zodat je kunt zien dat het veel rustiger is nou http://waterzoekers.actieforum.com/f20-trouwring-verloren

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van 10spetter10 ma 27 feb 2017 - 15:04

Beter laat dan nooit ...

Code:
/***
* Application: Topic Thumbnail
* Description: This application can displays thumbnails of topics.
* Version: 1.03032014-jq1.9.1 - Udyat (Argumentum parvam)
* Made and Optimizations by JScript - 2014/03/03
* View more in: http://ajuda.forumeiros.com
* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
* This work is free. You can redistribute it and/or modify it
* under the terms of the WTFPL, Version 2
*/
jQuery(function () {
   var pathname = $(location).attr('pathname');
    if (pathname.match("^\/f((4)|(12)|(15))-") ) {
      var sCSS =
         '<style>' +
         '.bim_mainThumb {' +
            'opacity: 1;' +
            'visibility: visible;' +
            'max-width: none;' +
            'max-height: none;' +
            'width: 100%;' +
            'height: auto;' +
            'display: block;' +
            'image-rendering: auto' +
         '}' +
         '.bim_thumbPreview {' +
            'float: left;' +
            'margin-left: -35px;' +
            'position: relative;' +
            'z-index: 0;' +
         '}' +
         '.bim_img_container {' +
            'height: 45px;' +
            'width: 45px;' +
         '}' +
         '</style>';
      document.head.insertAdjacentHTML('beforeEnd', sCSS);

      var sHtml =
            '<a class="bim_thumbPreview">' +
               '<div style="padding: 1px;">' +
                  '<div class="thumbIMG">' +
                     '<div class="bim_img_container" style="overflow: hidden; background-image: none;">' +
                        '<img src="http://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
                     '</div>' +
                  '</div>' +
               '</div>' +
            '</a>';
   
      var oTarget = 0,
         sFound = 'td:eq(2)',
         sInsert = '',
         sCommon = 'a.topictitle',
         sOverflow = 'auto',
         sGetIMG = '';
      
      /* Forum versions! */
      var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
      var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
      var punbb = jQuery('.statused tr:not(":empty")');
      var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
   
      if (phpBB2.length) {
         oTarget = phpBB2;
         sInsert = 'div.topictitle';
         sGetIMG = '#page-body .post:first .postbody img:not([src*="smiles"]):first';
      } else if(phpBB3.length) {
         oTarget = phpBB3;
         sFound = 'dd.dterm';
         sInsert = 'div.topic-title-container';
         sOverflow = 'inherit';
         sGetIMG = '#main-content .post:first .content img:not([src*="smiles"]):first';
      } else if(punbb.length) {
         oTarget = punbb;
         sFound = '.tcl.tdtopics';
         sInsert = 'span.status';
         sGetIMG = '.main-content.topic .entry-content:first img:not([src*="smiles"]):first';
      } else if(invision.length) {
         oTarget = invision;
         sInsert = sCommon;
         sGetIMG = '.borderwrap .post-entry:first img:not([src*="smiles"]):first';
      };

      oTarget.each(function( index ) {
         var oFound = jQuery(this).find(sFound);
         if (oFound.length) {
            var oInsert = oFound.find(sInsert);
            var sUrl = oFound.find(sCommon).attr('href');
            var ID = 'Udyat_' + index;

            oFound.attr('id', ID);
            oFound.css('overflow', sOverflow);
            jQuery(sHtml).insertAfter(oInsert);

            /***
            * Only show the image if is visible in browser window (view port)!!!
            * Made and Optimizations by JScript at www.punbb.forumeiros.com
            */
            var elem = document.getElementById( ID );   
            if (isInViewPort(elem)) {
               jQuery.get(sUrl, function(data) {
                  var oImg = jQuery(sGetIMG, data);
                  var sImg = '';

                  if (oImg !== undefined) {
                     sImg = oImg.attr('src');
                     if (sImg !== undefined) {
                        oFound.find('.bim_img_container img').attr('src', sImg);
                     } else {
                        oFound.find('.bim_img_container img').attr('src', '');
                     }
                  }
               });
            } else {
               /* Fire event for 'scroll' to show the image... */
               jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG));
            }
         }
      });
   };   
});
/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
  var rect = elem.getBoundingClientRect();

  return (
  rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
  rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Start function to show the image... */
function showImage(event, elem, oBject, sString) {
  return function() {
      /* Chech if the element is visible in view port! */
     if (isInViewPort(elem)) {
         /* If visible, stop event!!! */
      jQuery(window).off('scroll.' + event);
         jQuery.get(event, function(data) {
            var oImg = jQuery(sString, data);
            var sImg = '';

            if (oImg !== undefined) {
               sImg = oImg.attr('src');
               if (sImg !== undefined) {
                  oBject.find('.bim_img_container img').attr('src', sImg);
               } else {
                  oBject.find('.bim_img_container img').attr('src', '');
               }
            }
         });
      }
  }
}

Ik hoop dat alle bewerkingen nu zijn toegepast, ik heb degene die ik op het eerste zicht op jouw forum zag en degene die je niet direct lukte gebundeld tot bovenstaand script. Dit bevat volgende aanpassingen:


  • Hover uit geschakeld
  • Smilies worden niet meer weergegeven
  • Selectie voor categorieën
  • Opmaak aangepast (geen border, linkse uitlijning, kleiner)


Als ik iets zou vergeten zijn, laat je het me maar weten.



Info over het selecteren van categorieën :

Elke categorie wordt op je forum genummerd, zodat deze uniek is voor je forum. Deze nummer kan je terug vinden in de url van een categoriepagina. Zo is bijvoorbeeld de nummer van de categorie 'trouwring verloren' 20 (zie : h††p://waterzoekers.actieforum.com/f20-trouwring-verloren).

Deze nummer moet je toevoegen in het script om aan te duiden dat het daar moet actief zijn. Dit doe je door het nummer in te sluiten tussen haakjes en achterin de reeks te zetten van het if-statement op lijn 13.

voorbeeld:

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
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.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van peepplaza di 28 feb 2017 - 19:49

Hallo Spetter10,

Met 1 woord geweldig, precies zoals ik het hebben wilde Very Happy
Super blij en super bedankt voor jou uitstekende hulp weer, je verdient een dikke pluim [opgelost]Foto in categorieën forum 3613474791


Misschien een idee om deze bij de tutorials te plaatsen

Terug naar boven Terug naar beneden

peepplaza

peepplaza
Actief Forumlid

Man
Berichten : 182
Leeftijd : 52
Registratie : 12-03-12
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://metaaldetectors.actieforum.com



peepplaza is bedankt door de starter van dit topic.

Opgeloste Topic Re: [opgelost]Foto in categorieën forum

Bericht van Korra wo 1 maa 2017 - 9:22

.[opgelost]Foto in categorieën forum Hurhad10.Ondersteunings Vraag opgelost en gesloten.

Terug naar boven Terug naar beneden

Korra

Korra
Actief Forumlid

Vrouw
Berichten : 356
Leeftijd : 32
Registratie : 13-01-12
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!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://ondersteun.actieforum.com http://korratestforum.actieforum.com/forum



Korra 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