Adattare automaticamente il contenuto del sito (no sfondo)
Autor: Abramo B.
Visitado 3288,
Followers 1,
Compartido 0
adattare il contenuto del sito non dello sfondo a tutte le risoluzioni video in modo automatico, il sito riconosca la risoluzione e adegui al formato.
Publicado en
... trovi un mio vecchio esempio, qui: http://answers.websitex5.com/post/25600
... link utili, e se utili, e da studiare, qua:
http://stackoverflow.com/questions/2254558/android-emulator-browser-detecting
http://www.webmasterpoint.org/programmazione/html/html-tutorial/reindirizzare-base-risoluzione.html
http://www.marioconcina.it/blog/mobile-development/script-di-redirect-per-dispositivi-mobile.html
.
ciao
Autor
Grazie KolAsim per tua risposta veloce, faro delle prove, certo fare piu siti per avere questo risultato e un scocciante, non sarebbe possibile integrare tale funzione in website, cosi da scegliere se si vuole un sito multiplo che adatti ai formati video esistenti, be si gonfia un po di piu, ma sipuo dare la possibilità di scegliere o meno, non credo sia una cosa molto elaboriosa da integrare, ti faccio sapere :-)
... no, ...il layout del Sito, da programma, è a misura fissa in larghezza...
.
ciao
Autor
scusa se faccio 2 siti uno principale con ris. 1280 e uno con ris 1024 e creo una cartella 1024 e gli metto dentro il sito con layout modificato a ris. 1024 esso si apre a 1024, il problema e che il codice che copio di java non funziona per che obbliga l'apertura della pagina in htm anziche html e quindi errore 404.
Autor
in merito alla mia affermazione sul fatto di automatizzare queste risoluzioni video era proprio sul fatto che website crei in automatico le copie del sito con risoluzione diverse in cartelle diverse e reindirizzare in modo automatico tramite codice java, anziche fare quello che prima dicevo farlo manualmente!!!
... non capisco; ...hai valutato i miei esempi per vedere se funzionano...?...
... poi, ...non vedo ancora programmi accreditati nel tuo profilo; ...per proseguire dovresti regolarizzarti, ed accedere con i dati legati alla e-mail di attivazione della licenza...
.
ciao
Autor
Questi sono i miei dati di registrazione di website erano diversi li ho sostituito tranquillo, prima erano *** poi li ho cambiati non se la procedura è andata a buon fine ma io attivo la licenza con queste credenziali credo e gli aggiornamenti anche
Autor
non so come fare per accreditare la licenza acquistata a questo indirizzo email, perche quello precedente non ce l'ho più.
ok adesso credo di essere in regola sono entrato con le credenziali ufficiali va bene Koalasim? Un po di confusione...:-)
Su serrandemessina.it fatto cosi per il riconoscimento da web a mobile ma provabilmente per il cambio risoluzione il codice sarà diverso, quello che mi hai dato prima ripeto obbliga l'apertura index.htm anziche index.html e va in errore 404.
Questo è il codice che ho usato:
<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
header('Location: http://www.serrandemessina.it/mobile');
?
>
in questo modo il sito aperto su smartphone si adattano alla dimensione reindirizzando il sito nella cartella dove risiede il sito mobile.
... inizialmente non avevi fatto riferimento al "mobile"; ...il mio esempio dovrebbe essere valido solo per il rilevamento della risoluzione schermo...
... non ne so del codice PHP che hai esposto, ...ma troverai un altro suggerimento dedicato al rilevamento del dispositivo, da valutare, qui: http://answers.websitex5.com/post/49228
.
... se realizzi un Sito di misure comprese tra gli 800 ed i 960 pixel, dovrebbe poter andar bene sia su PC che su mobile senza bisogno di codici...
.
ciao
(... se realizzi un Sito di misure comprese tra gli 800 ed i 960 pixel, dovrebbe poter andar bene sia su PC che su mobile senza bisogno di codici...)
Si questo lo so, ma il problema che cosi penalizzo l'estetica del sito, sono costretto per stare dentro a queste misure, perche se voglio fare una schermata flash con delle immagini che scorrono a full video possono uscire fuori dai margini video dell'utente che utilizzasse valori di bassa risoluzione, quindi a me interessebbe sapere se ce uno script che regola a seconda dell'impostastazione video dell'utente il sito, che faro di vari valori 1024 - 1280 ecc.. cosi si adegua sempre la stessa schermata sul monitor dell'utente senza la necessita di scrollare la visuale di tutta la pagina, quello script che mi hai fatto vedere in esempio non funziona:
(... trovi un mio vecchio esempio, qui: http://answers.websitex5.com/post/25600
... link utili, e se utili, e da studiare, qua:
http://stackoverflow.com/questions/2254558/android-emulator-browser-detecting
http://www.webmasterpoint.org/programmazione/html/html-tutorial/reindirizzare-base-risoluzione.html
http://www.marioconcina.it/blog/mobile-development/script-di-redirect-per-dispositivi-mobile.html)
perche obbliga la pagina index in htm e non html e quindi non la trova e da errore 400, mi servirebbe una soluzione che si potesse fare una cosa simile come la utilizzo per il mobile che ti ho linkato prima, ma e solo un esempio e cioè uno script che riconosce la risoluzione video utilizzata dall'utente che accede al sito e in modo automatico lo reindirizza al sito della risoluzione video adeguata che ho messo online 1024 - 1280 ecc.., spero di essermi spiegato meglio... :-)
... non ho dispositivi "mobile" per verificare...
... dimmi cosa vedi nel monitor ai seguenti LINK, sia con il "mobile" che con il PC...
http://www.zspace.it/kolasim/website/mobile_k/
http://www.zspace.it/kolasim/website/mobile_k/mobile_si/
...
... fammi sapere se noti differenze, ed in che modo si visualizzano, magari con degli STAMP...
.
ciao
risoluzione video 1024 x 768 http://prntscr.com/3jozfq
risoluzione video 1280 x 1024 http://prntscr.com/3joyq7
ho provato solo con questo per farti capire:
http://www.zspace.it/kolasim/website/mobile_k/
il riquadro centrale dove viene inserito il contenuto del sito deve rimanere sempre nella stessa grandezza, siccome io il riquadro centrale voglio utilizzarlo per far scorrere grandi immagini lo porto ai limiti di margine, voglio che si adegui a qualsiasi risoluzione video...non mi so spiegare io... non so come altro spiegartelo.
lascia perdere il mobile per adesso, parliamo di pc.
... ti danno lo stesso risultato, perché hai usato risoluzione superiore a 1000 pixel che ho indicato come soglia...
... prova a diminuire temporaneamente la risoluzione dello schermo al di sotto di 1000 pixel...
... la pagina che dovresti vedere è più piccola, e l'ho clonata adesso direttamente in linea, eliminando lo SCRIPT, ed è questa nominata index2.html: http://www.zspace.it/kolasim/website/mobile_k/mobile_si/index2.html
... la pagina reale però è questa, ma che non vedrai se verrà ridirezionata in base alla risoluzione: http://www.zspace.it/kolasim/website/mobile_k/mobile_si/index.html
.
... adesso non so se ho capito, ma con la stessa regola si potrebbe fare un Sito adatto per risoluzioni alte, superiori a 1600 pixel, uno intermedio tra 1600 e 1024 pixel, ed un altro sui 640 pixel per i monitor piccoli...
...
... siccome nel titolo parlavi di [(no sfondo)], ed adesso mi pare di capire che ti interessi invece proprio quello, prova a vedere i bellissimi esempi di Mirko, che trovi qui:
http://answers.websitex5.com/post/21241
http://answers.websitex5.com/post/87286#7
... eventualmente fatti risentire, e nel caso di Mirko, lo puoi contattare dal suo profilo...
.
ciao
___edit______________________
... per il contenuto pagina, non so se ne esistessero altri, e se ti interessasse, ma l'unico esempio che conosco è una mia invenzione di diversi anni fa, sulla base di Mirko, e solo per fartelo vedere, perchè sono senza strumenti: http://www.zspace.it/kolasim/resizeContentK2/pagina_1.html