Anno 1990 - Hässliche Imageanzeige nach Upload

[LosWochos]

Hallo Community.
Seit ich das phpBB kenne fällt mir jedesmal auf, das immer die selben Fehler includiert und von Version zu Version weitervererbt werden,
trotz bekannter Mängel. So auch im Bilderupload.

[ externes Bild ]

Sicherlich wird es dafür eine Modifikation geben, doch das kann ja wohl nicht Sinn der Sache sein, oder?
Also wäre das meine Software, wäre das bereits vor Jahren schon rausgeflogen und ersetzt worden.
Ganz im Sinne der Benutzer.

(Welcher User bekommt bei so einer Beitragsanzeige Lust zu Posten?
Ich täte nichts posten wollen...)
Edit: Im Jahr 2014 gibts tatsächlich richtig gute WYSIWYG Editoren, sogar kostenlos! und JAVASCRIPT Bilderanzeigen zu Hauf. (sogar mit Mouseover)

Mein Problem sollte den meisten also bekannt sein:
Wie kann ich diese hässliche, absolut abstoßende und Augenkrebs erzeugende Imageanzeige ANNO 1990
gegen eine bessere Austauschen?

Denn das geht gar nicht!
Wer hat denn mal einen Tip für einen Austausch oder eine bessere Konfig. parat?

Grüße in die Community.

[Kirk]

Hallo

Wie kann ich diese hässliche, absolut abstoßende und Augenkrebs erzeugende Imageanzeige ANNO 1990
gegen eine bessere Austauschen?

Wo soll das aud dem von dir verlinkten Bild zu sehen sein?
Am besten du gibst uns mal einen Link zu deinem Board, wo man sich so ein Bild anschauen kann.

[HabNurNeFrage]

Hi @LosWochos,

meinst Du sowas?

Wenn ja:

Öffne: ./styles/[DEIN_STYLE_NAME]/template/attachment.html

Finde:

Code: Alles auswählen

<!-- IF _file.S_THUMBNAIL -->
        <dl class="thumbnail">
            <dt><a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
            <!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
        </dl>
        <!-- ENDIF -->


        <!-- IF _file.S_IMAGE -->
        <dl class="file">
            <dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>
            <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
            <dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
        </dl>
        <!-- ENDIF -->

Ersetze es durch:

Code: Alles auswählen

        <!-- IF _file.S_THUMBNAIL || _file.S_IMAGE -->
        <script type="text/javascript">
        //<![CDATA[
        if (typeof jQuery == 'undefined') {
            var script = document.createElement('script');
            script.type = "text/javascript";
            script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
            document.getElementsByTagName('head')[0].appendChild(script);
        };

        document.write("<a href=\"javascript:void(0);\" onclick=\"$(this).next('.easybox').slideToggle('slow');$('<div></div>').css({'z-index' : '99', 'position' : 'fixed', 'top' : '0', 'left' : '0', 'background-color' : 'beige', 'width' : '100%', 'height' : '100%', 'opacity' : '0.9', 'filter' : 'alpha(opacity=90)'}).attr('id','overlay').hide().appendTo('body').fadeIn('slow');\"><img style='max-width:144px; width: auto; margin-right:8px; border-radius:6px; box-shadow: 3px 3px 6px gray; margin:12px;' src='<!-- IF _file.S_THUMBNAIL -->{_file.U_DOWNLOAD_LINK}<!-- ENDIF --><!-- IF _file.S_IMAGE -->{_file.U_INLINE_LINK}<!-- ENDIF -->' alt='*' title='click to enlarge' /></a>");

        //]]>
        </script>
        
        <div class="easybox" style="display: none; color:black; z-index: 999; padding: 14px; background-color: white; min-width:20%; min-height:40px; position: absolute; margin-left: 100px; margin-right:90%; margin-top:-244px; border: 1px solid gray; border-radius: 8px; box-shadow: 0.5em 0.5em 1em dimgray; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color='#585858');">
            <a href="javascript:void(0);" onclick="$(this).closest('.easybox').slideToggle('slow');$('#overlay').fadeOut(1444, function(){$('#overlay').remove();});">
                <img src="data:image/gif;base64,R0lGODlhEAAQAPcAAMZrOd5zQveESveMWvele96lhP/e1u/v3v/n3vf35/////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAQABAAQAh8ABMIHEiwoEAAAhIOQKBAAYIBCQUAWJAAoQACBiAKGGCAQMKJFSOKHAmyQICRIwMUoGhxoUOGDz+yTGjA4QCXBmQmWFAAgM+fQFdS5Am0KAChIVGSnCmg5kOcOi1uZGgzIsiWMGFqvJoQo0aOHiVSNKk0osqhC9KqXbs2IAA7" alt="*" style="float: right;" />
            </a>

            <!-- IF _file.S_THUMBNAIL -->
            <div style="text-align:center;"><img style="max-height:650px; max-width:880px; margin-top:14px;border-radius:8px;box-shadow:2px 2px 3em gray;" src="{_file.U_DOWNLOAD_LINK}" alt="*" /></div>
            <dl class="thumbnail">
                <dt><a href="{_file.U_DOWNLOAD_LINK}">{_file.L_DOWNLOAD_COUNT}</a></dt>
                <!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
            </dl>
            <!-- ENDIF -->

            <!-- IF _file.S_IMAGE -->
            <div style="text-align:center;"><img style="max-height:650px; max-width:880px; margin-top:14px;border-radius:8px;box-shadow:2px 2px 3em gray;" src="{_file.U_INLINE_LINK}" alt="*" /></div>
            <dl class="file">
                <dt class="attach-image"></dt>
                <!-- IF _file.COMMENT --><dd><em>{_file.COMMENT}</em></dd><!-- ENDIF -->
                <dd>{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</dd>
            </dl>
            <!-- ENDIF -->
        </div>
        <!-- ENDIF -->

LG

PS: Board-Cache im ACP leeren nach Template-Änderungen nicht vergessen.