Mi piace!

[Lady R]

facciamo due e l'affare è fatto u.u

[Carlo]

Grazie, grazie e grazie! Ora siamo a quota 4 grazie (ops 5).

[Lady R]

puoi anche modificare il tasto cerca con questi volendo, se ti piace:

Codice: Seleziona tutto

#keywords {
  border-radius: 6px 0 0 6px;
  padding: 3px 3px 3px 18px;
  background-position: 1px;
  border: 0px none !important; 
}

#keywords:active { box-shadow: 0px 0px 5px white; border: 0px none;}

#search-box input[type=submit] { 
padding: 3px;
margin-left: -5px;
border: 0;
border-radius: 0 6px 6px 0px;
background: #CECECE;
-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; 
}
#search-box input[type=submit]:hover { background: #333; color: whitesmoke; }

(aggiungilo a stylish e vedi l'anteprima)

[alex75]

Se posso dire la mia; io cambierei lo stile da misura fissa a dinamica.
Non vedo il motivo di sprecare tutto questo spazio.
Per intenderci, sul mio monitor widescreen 22 pollici, vedo circa 10 cm a sx e 10 cm a dx di spazio grigio inutilizzato.
Sul mio forum, uso la larghezza dinamica e si adatta benissimo a tutti i tipi di monitor sia 4:3 che 16:9.

[Lady R]

Io preferisco la larghezza statica, la dinamica è roba vecchia, piuttosto bisognerebbe rendere lo stile scalabile tramite i CSS.

Ho sviluppato due righe di jQuery che servono a rendere il header-sub-menu sempre in cima alla pagina, solo quando però si scolla un po.

Ok non è facile spiegarlo

Finchè non scrolli la pagina, è tutto normale
quando la scrolli, e l'header sparisce, il sub-header si appiccica al bordo superiore dello schermo e si comporta analogamente al footer.
Sinceramente con la modifica che ho fatto toglierei il footer fixed e lo lascerei solo in fondo alla pagina.

Per provarlo puoi usare stylish e greasmonkey:
stylish:

Codice: Seleziona tutto

#phpbb-sub-header {
z-index: 1000;
width: 100%;
margin-top: -5px;
margin-left: -8px;
top: 5px;
position: static;
padding-top: 9px;
padding-left: 0px;
}

.phpbb-logo a { height: 38px;}

greasmonkey:

Codice: Seleziona tutto

// ==UserScript==
// @name       Demo fixed sub-header-menu
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      http://wwww.phpbbitalia.net/*
// @copyright  2012+, Lady R
// @require https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
// ==/UserScript==

(function($){
			$.fn.scrollFixed = function(params){
			params = $.extend( {appearAfterDiv: 0, hideBeforeDiv: 0}, params);
			var element = $(this);
 
			if(params.appearAfterDiv)
				var distanceTop = element.offset().top + $(params.appearAfterDiv).outerHeight(true) + element.outerHeight(true);
			else
				var distanceTop = element.offset().top;
 
			if(params.hideBeforeDiv)
				var bottom = $(params.hideBeforeDiv).offset().top - element.outerHeight(true) - 10;
			else
				var bottom = 200000;				
 
				$(window).scroll(function(){	
					if( $(window).scrollTop() > distanceTop && $(window).scrollTop() < bottom ) 		
						element.css({'position':'fixed', 'top':'5px'});
					else
						element.css({'position':'static'});				
				});			  
			};
		})(jQuery);


$("#phpbb-sub-header").scrollFixed();

Qui uno screenshot: http://www.webpagescreenshot.info/img/6 ... 01254118PM

è comodo perché rende sempre visibile il breadcrumb e la barra di ricerca

PS: Modificati css

[alex75]

Sarà anche roba passata, ma da vedersi così, non mi sembra il massimo...
Adesso sono a casa, con un monitor 17" 4/3 a 1024 X 768 e per vedere tutta la pagina devo scorrere a destra e sinistra.

[Lady R]

si perché la risoluzione è sbagliata, non va bene 1040 di larghezza, dovrebbe essere 960 come il mio forum (http://forum.allise.net)

[Carlo]

Ora va bene?

[alex75]

sul 17" 4/3 adesso va bene... da un 16:9 ti dico tra 2 minuti. Accendo il portatile
Edit: da un 15,4" a 1280 x 800 lo spazio grigio è ragionevolmente poco.
Edit2: da cellulare android (samsung i5500) si vede benissimo sia in visuale verticale che ruotandolo in orizzontale (sembra dinamico)

Edit3: La pagina di titania, è rimasta larga. Con un monitor 4/3, si deve scorrere a dx e sx per visualizzare tutta la pagina.

[Carlo]

Per Titania ora dovrebbe andare bene. Ha una cache apposita e non l'avevo svuotata.

Edit: da un 15,4" a 1280 x 800 lo spazio grigio è ragionevolmente poco.

Puoi inserire uno screenshot?

Edit2: da cellulare android (samsung i5500) si vede benissimo sia in visuale verticale che ruotandolo in orizzontale (sembra dinamico)

Per accedere dal cellulare Android ti consiglio l'uso di Tapatalk, molto più veloce.