Upgrade forum - dyskusja. Opcje

[erix]

Tutaj dyskutujemy nt. wprowadzonych zmian.

[wookieb]

Propozycja zmian jeżeli chodzi o boxy z kodem.
(IMG:http://img268.imageshack.us/img268/2962/forumphp.jpg)


Zmiany w pliku css dla geshi.css (kolory dla wybranego stylu wiadomo gdzie trzeba umieścić)

[CSS] pobierz, plaintext 
.apache ol, .asp ol, .bash ol, .c ol, .cpp ol, .csharp ol, .css ol, .dos ol, .html4strict ol, .ini ol, .java ol, .javascript ol, .mirc ol, .mysql ol, .oracle11 ol, .pascal ol, .perl ol, .python ol, .rails ol, .robots ol, .ruby ol, .smarty ol, .sql ol, .xml ol, .xorg_conf ol, .php-brief ol, .php ol 
{
background:#E7E7E7 none repeat scroll 0 0; /* Zmiana background dla rynny */
border-color:#1F3B4E; /* kolor wokoło ol */
border-style:solid;
border-width:1px 1px 2px;
color:#2D2D2D;
font-family:Courier New; /* no i inna czcionka */
margin:0;
}
 
.head {
background:#1F3B4E none repeat scroll 0 0; /* kolor jest wybranym kolorem tła dla stylu */
color:#FFFFFF; /* zmiana koloru dla nazwy języka */
font-family:Verdana; /* czcionka forumowa */
font-size:11px; /* mniejsza czcionka */
padding:3px 5px 3px 7px;
}
 
.head a {
color:#E3E3E3; /* zmiana kolorów linków na "uniwersalny" */
}
[CSS] pobierz, plaintext 

Dodatkowo preferuje zmianę plaintext
Do linku plaintext dodajemy

Kod

onclick="return plaintext(this)"

i oto funkcja wykonująca plaintext

[JAVASCRIPT] pobierz, plaintext 
function plaintext(what)
{
    var ol = $(what).parent().parent().children('ol');
 
    if(ol.length == 0) return false;    
 
    var plainDiv=ol.parent().children('.plaintext_div');
 
    if( ol.css('display') == 'none' )
    {
        plainDiv.css('display', 'none');
        ol.css('display', 'block');
 
    }
    else
    {
        ol.css('display', 'none');
 
 
        if( plainDiv.length )
        {
            plainDiv.css('display', 'block');
        }
        else
        {
            var div = $('<div class="plaintext_div"></div>');
            div.css(
            {
                'white-space' : 'pre',
                'background-color' : '#ffffff',
                'padding' : '5px'
            });
 
            var txtArr = ol.children('li').map(function()
            {
                return this.innerHTML.replace(/(<.*?>)/g, '');
            }).get();
 
            div.html( txtArr.join("\n") );
 
            ol.after(div);
        }
    }
 
    return false;
}
[JAVASCRIPT] pobierz, plaintext 

Uważam, że jest to wygodniejsze, niż kopiowanie tekstu z nowego okna przeglądarki. Nie wiem czy geshi ma opcje używania innego listowania linii kodu niż listy (problem przy kopiowaniu bez plaintexta), ale jeżeli tak to warto to zmienić.

Pomijam fakt złego interpretowania pokolorowanego kodu przy edycji postu.
Jak się spodoba to przygotuje style dla każdego template'u

[HTML] pobierz, plaintext 
<link id="topstyle" rel="stylesheet" type="text/css" href="./" />
[HTML] pobierz, plaintext 

Co to jest? Przecież dla firefoxa oznacza to, że chcecie odczytac styl z aktualnej strony na której się znajdujemy = ponowne wygenerowanie html = niepotrzebne obciążenie. Proponuje wywalic ta linijke i dorzucac kod <link tylko wtedy gdy jest potrzebny.

Kod.

[JAVASCRIPT] pobierz, plaintext 
 
function loadTopStyle(style)
{
	if( $('#topstyle').length == 0)
	{
		$('head').append('<link rel="stylesheet" id="topstyle" />');
	}
	$('#topstyle').attr( 'href', './style_images/top-opcjonalny/'+ style + '.css'  );
}
 
[JAVASCRIPT] pobierz, plaintext 

Zmiany w plikach:
hwao-adds.js

[JAVASCRIPT] pobierz, plaintext 
// linia 262
	var style = "top_standard";
	var sty = $.cookie( "topstyle" );
	if( sty != null ) {
		style = sty;
	}
loadTopStyle(style);
 
//linia 291
lii.click( function() {
				loadTopStyle(style);
				$.cookie( "topstyle", $(this).attr('class'), { path: '/', expires: 10 });
				$('#top-selected').attr( 'class', $(this).attr('class') );
			});
 
// nie wiem czy potrzebne, chyba mozna wywalic
onload = function constr() {
	$('#topstyle').attr( 'href', './style_images/top-opcjonalny/'+ $.cookie( "topstyle" ) + '.css'  );
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował wookieb 15.08.2009, 20:52:48