Datum eines Posts "oben" anzeigen, nicht am Ende des Textes

Zitat von Viper780

1600x1200 kann man aber hier schon fast voraussetzen

Da würde ich lieber vorher Zahlen sehen .. und nicht zu vergessen: bei hohen Auflösungen stellen sich User doch schon eher die DPI um oder benutzen den Browser Zoom, würde also auch hier nicht unbedingt annehmen das bei alles 1600ern auch diese Breite netto rausschaut.

Zitat von Sylist

wirklich? ich bin mit meinen 1280x1024 zufrieden.

ja 19" 4:3 wirds auch hier noch genug geben, dann gibts noch die die 2 x 17" oder 2 x 19" haben.

oc.at müsste sogar eine statistik dafür haben, wär mal interessant zu wissen

na bitte. ich kann also beruhigt sein, 1280x1024 is doch noch nicht sooo old-fashioned.

Hier ein Mockup mit mehreren Varianten und das passenden Greasemonkey-Script das ich verwendet habe.

Variante 1: Teil des Titels, davor, in bold


Variante 2: Ganz vor dem Titel, nicht bold


Variante 3: rechts neben dem Titel


Variante 4: über usernamen

Code:

// ==UserScript==
// @name           OC.AT date@top
// @namespace      oc.at
// @description    Shows the date of each post at the top
// @include        [url]http://*.overclockers.at/*[/url]
// ==/UserScript==

// jQuery loading from [url]http://joanpiedra.com/jquery/greasemonkey/[/url]

// Add jQuery
    var GM_JQ = document.createElement('script');
    GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
    GM_JQ.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(GM_JQ);

// Check if jQuery's loaded
    function GM_wait() {
        if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
    else { $ = unsafeWindow.jQuery; letsJQuery(); }
    }
    GM_wait();

// All your GM code must be inside this function
    function letsJQuery() {
        if (typeof $ == 'function') {

            // chose with which variant to render the new position of the date
            // 1 - part of the title, in bold
            // 2 - before the titel, not bold
            // 3 - right aligned at the post; after the title
            // 4 - above username
            var variant = 4;

            var domDate = [];
            var domUser = [];

            // accumulate all dates into one array; order is important
            $('div.sf').each( function() {
                if ( $('img[alt="Old Post"]', this).length > 0 ) {
                    domDate.push( this );
                } else if ( $('img[alt="New Post"]', this).length > 0 ) {
                    domDate.push( this );
                }
            } );

            // for each date the appropriate heading (given by its index)
            var domHeading = [];
            switch (variant) {
                case 1:
                    domHeading = $('a.cat strong');
                    break;
                case 2:
                case 3:
                    domHeading = $('a.cat');
                    break;
                case 4:
                    domUser = $('a[name] + div.nf');
                    break;
            }

            // the number of date entries found must absolutely match the
            // headings, or something is really foobar
            if (variant < 4 && domDate.length != domHeading.length) {
                return;
            }
            if (variant == 4 && domDate.length != domUser.length) {
                return;
            }

            for ( var i = 0, l = domDate.length; i < l; i++) {
                var datum = $.trim( $(domDate[i]).text() );
                var title = $.trim( $(domHeading[i]).text() );

                switch (variant) {

                    case 1:
                        if (title.length == 0) {
                            $(domHeading[i]).text( datum );
                        } else {
                            $(domHeading[i]).text( datum + ': ' + title);
                        }
                        break;

                    case 2:
                        $(domHeading[i]).before(datum + ' ');
                        break;

                    case 3:
                        $(domHeading[i]).before('<div style="float: right;">' + datum + '</div>');
                        break;

                    case 4:
                        $(domUser[i]).before('<div class="sf" style="">' + datum + '</div><br /><br />');

                }

                $(domDate[i]).text('');
            }
        }
    }

Mein jQuery-Kungfu ist ein bisschen rusty, habs nur unterm FF 3.6.4 getestet und ist mir nur einmal wegen einem endless loop abgestürzt

variante 3 ist genau so sinnlos wie links unten - also dafür (weils nicht stört)

Bin für Variante eins nur Datum nicht bold (aber trotzdem rechts neben dem icon)
dann steht im normalfall nur das datum im titel und stört imho nicht, is zur selben zeit aber auch gut ersichtlich falls man es wirklich mal braucht. und wenns einen titel gibt, steht der halt fett daneben.

aber viper hat auch recht