Saturday, August 28, 2010

Nuovo tema: Windows

Ecco a voi l’ultima idea geniale del venerdì sera…. Me ne rendo conto anche da solo, però l’idea è simpatica. Seguiranno gli stili Windows 95 e Seven (tralascio vista) Ovviamente il tema si chiamerà… già, come lo chiamerò….

preview.png

questa è la prima versione che contiene solo lo stile windows xp, ma aggiungerò anche gli stili “seven” e “win 95”.
Poi chissà, potrei fare un po’ tutti i sistemi operativi…

Scarica il tema Windows





EDIT
Fatto anche lo stile win95/98

preview.png





EDIT
Aggiunto il menù a comparsa premendo su start. Le dimensioni del menù sono fatte in modo da includere l’area di amministrazione
Il menù visualizza i widget inseriti nel footer. Per visualizzare più plug in è necessario modificare il file common.css e l’immagine di sfondo del menù, allungandola secondo le proprie esigenze

P.s. Non funziona con explorer, no so con FF o altri

  1. Piero VDFN

    Tuesday, August 31, 2010 - 11:52:40

    Dato che ci sei potresti aggiungere anche la barra di start XD E i tasti che funzionano davvero, per esempio con la X ti tira via il blog etc.
    Inoltre potresti implementare veramente il resizing (non mi viene il termine in italiano) grazie a jQuery.
    C’è solo un piccolo ma fastidioso dettaglio: sugli angoli arrotondati c’è un pezzettino di bianco.

  2. Lantaca

    Tuesday, August 31, 2010 - 12:14:13

    Giuste osservazioni, anche io ci avevo pensato solo che:
    [list]
    [*]la barra delle applicazioni non saprei dove metterla e a cosa farla servire, potrei metterla solo in fondo, così tanto per farla vedere forse.
    [*]sui tasti ci avevo fatto un pensierino, ma per far prima ho lasciato perdere. Potrei far si che cliccando sulla X si fa il log out, cliccando sul quadrato dal pannello di controllo si torna al blog o viceversa e sul trattino si crea un nuovo post, ma richiede un po’ di lavoro… e qualche moccolo!
    [*]Sul ridimensionamento invece non so come si faccia… devo creare forse un div contenitore ed applicarci la funzione javascript/jQuary? Quale? non sono ferrato in materia…
    [*]Lo smusso bianco invece è un problemino… se lo faccio trasparente si vede l’immagine sottostante che compone i bordi quindi, invece che bianco si vedrebbe blu. Devo trovare uno soluzione alternativa. al limite tolgo lo smusso e faccio l’angolo, ma non è più come su windows…
    [/list]

  3. Piero VDFN

    Tuesday, August 31, 2010 - 15:38:48

    Parto dall’ultimo punto che mi è più facile rispondere :-) Li metti sopra a tutti e poi usi i margini negativi.
    Il mio nuovo template sarà basato su png con trasparenza (per andare a nozze con internet explorer < 7) e perciò bisogna essere abbastanza precisi per fare queste cose (soprattutto con firebug alla mano e pronti a lavorare).
    Poi, per jQuery: per fortuna fa tutto lui! Guarda qui: http://docs.jquery.com/UI/Resizable che fanno un esempio per cui sembra una cavolata.
    Per il punto 2: non so che programma di fotoritocco usi, ma ti consiglio The GIMP.
    C’è un plugin apposta per fare le cosiddette mappe sulle immagini.
    Comunque con la X fai scomparire il blog, col quadrato e javascript ingrandisci al massimo il blog, con la _ riduci a icona nella barra tipo Start che faresti apposta.
    Comunque mi sa che seven sarà un po’ più ardua…

  4. Lantaca

    Tuesday, August 31, 2010 - 17:09:20

    La barra start la dovrò quindi mettere in un div apposito visualizzato sempre al bottom della pagina… va bene, ci provo…
    e mi sono anche accorto che il BBCode non va nei commenti, e nemmeno l’html. evvai!

  5. Piero VDFN

    Tuesday, August 31, 2010 - 17:14:09

    Del bb_code avevo già letto :-) Comunque perché hai messo anche reCAPTCHA?
    Hai avuto problemi di SPAM?

  6. Lantaca

    Tuesday, August 31, 2010 - 18:06:19

    Nono, mai un problema con spam. Stavo solo guardando come funziona.
    Mi è sempre piaciuto il captcha come antyspam, il blog sembra più tecnologico…. ^_^
    L’unica cosa è che le mail di notifica dei commenti che mi invia il blog vengono tutte classificate come spam su Gmail, chissà perché.

  7. Lantaca

    Wednesday, September 1, 2010 - 13:34:45

    Ho aggiunto la barra :-)

  8. Piero VDFN

    Wednesday, September 1, 2010 - 13:44:00

    Ho visto :-) Non era proprio come intendevo (io pensavo fissa a terra) ma è comunque carina.
    Potresti usarla per aggiungere link utili tipo le barre “che ti inseguono” in siti molto visitati (però adesso non ne ho in mente neanche uno).

  9. Lantaca

    Wednesday, September 1, 2010 - 13:55:24

    Ma perché, non è fissa sul bottom della finestra del browser? per me si, sia con chrome che con IE (strano, funziona anche li… :-))

  10. Piero VDFN

    Wednesday, September 1, 2010 - 16:07:39

    È fissa ma va su e giù insieme alla scrollbar.
    Ora provo con chromium

  11. Piero VDFN

    Thursday, September 2, 2010 - 12:24:01

    Ho controllato e si vede uguale in Firefox e Chromium.
    Comunque manca solo una cosa al tema di windows 98: lo sfondo con le nuvolette!!
    Magari provo a fare una vm un giorno con win98 se non riesci a trovarlo da qualcuno…

  12. Lantaca

    Thursday, September 2, 2010 - 12:40:22

    mi mandi una immagine per vedere come lo visualizzi?
    nuvole messe…

  13. Piero VDFN

    Thursday, September 2, 2010 - 19:19:52

    Inviata.
    Comunque ti consiglio di aggiornare la versione del plugin tabmenu perché c’è un errore (scoperto visitando il tuo sito) che rimane selezionato home anche nelle categorie e nelle ricerche per date.

  14. bobu

    Saturday, September 4, 2010 - 14:44:56

    ciao.. intanto complimenti x il tema.. x me è stupendo.. xò ho una domanda… è possibile mettere il tema a pieno schermo.. cioè senza il bianco dietro? vedere la “finestra di windows” intera?

  15. bobu

    Saturday, September 4, 2010 - 19:17:46

    ancora io.. è possibile fare in modo che quando una clicca su start viene fuori uno di questi: http://www.buttongenerator.com/
    ho letto sopra che ne parlavate

  16. Lantaca

    Saturday, September 4, 2010 - 23:48:25

    Si che si può, devo modificare il tema appositamente per creare un layout liquido anziché a larghezza predefinita. In pratica nel file Common.css devi mettere il div tutto-container al 100% ed il div main ad una % a tua scelta( tipo 80%). dopo nel file column.css devi mettere la larghezza al 100- larghezza main (in questo caso 20%)
    Dovrebbe funzionare.
    Per il menù su start bisogna inserire un menù in javascript. Ho in programma di farlo quindi tieni d’occhio il post

  17. bobu

    Sunday, September 5, 2010 - 09:47:37

    ok lo farò

  18. bobu

    Sunday, September 5, 2010 - 09:56:48

    potendo mettere su start la tag boarda forse verrebbe bene… da un po fastidio sulla colonna dei badges.. mettendola su start si risolverebbe il problema.

  19. Piero VDFN

    Sunday, September 5, 2010 - 15:31:27

    Allora crea uno spazio per i widget nel tema, dichiaralo nel file theme.conf.php. Poi con javascript (ricorda che c’è a disposizione jQuery) lo fai diventare un menu.

  20. bobu

    Sunday, September 5, 2010 - 16:33:11

    grazie piero.. ma non credo di esserne capace da solo.. xò magari potremmo trovarci e farlo assieme(il lavoro) così magari imparo cm fare.. che sarebbe utile.. xke mi sono un po’ stancato di copiare sempre tutto dagli altri..cmq lantaca fa i temi troppo belli x nn copiarglieli

  21. Lantaca

    Sunday, September 5, 2010 - 20:23:31

    Anche io li copio… Quando da Windows quando da siti che mi piacciono. :-) Piero, non ho assolutamente idea di come si fa un menù con javascript e jquary, ma se lo trovo da qualche parte lo copio :-)

  22. Piero VDFN

    Monday, September 6, 2010 - 09:24:58

    Piuttosto che trovare come fare un menu, il fatto è tenere l’accessibilità del sito.
    Il menu è praticamente tutto un CSS.
    Non ho immagini di Windows qua ma potrei abbozzare lo stesso un menu.
    Con jQuery poi lo animi nel senso che lo fai andare su e giù.
    Comunque mi sono dimenticato di dirti in commenti precedenti: questo tema è veramente carino, poi mi piacciono un sacco i bottoni che danno un super tocco di classe, tuttavia dovresti far capire agli utenti quando hanno messo qualcosa che non va nei campi che allora serve un rosso un po’ diverso (oppure potresti mettere direttamente lo sfondo rosso).
    Per il menu potrei pubblicare un tutorial.

  23. Lantaca

    Monday, September 6, 2010 - 09:52:57

    Pensavo di far apparire nel menù a comparsa cliccando su start, i plugin-widget che si mettono nel footer, sarebbe carino, così ci metto il pannello di amministrazione ed il login ed il logout li faccio da start. Alla Windows insomma…
    Grazie dei complimenti :-)
    Il tutorial a questo punto è d’obbligo!

  24. bobu

    Wednesday, September 8, 2010 - 12:18:39

    cn firefox va…

  25. bobu

    Wednesday, September 8, 2010 - 12:24:12

    x favore puoi mettere gli aggiornamenti ank nela versione x il download? grazie

  26. Lantaca

    Wednesday, September 8, 2010 - 14:01:49

    Fatto

  27. Piero VDFN

    Thursday, September 9, 2010 - 09:23:25

    Pensavo di avertelo già detto, invece no…
    Con show e jQuery UI dovresti poter animare anche verso l’alto…

  28. Lantaca

    Wednesday, December 22, 2010 - 11:08:50

    Update:
    - corretti piccoli errori di visualizzazione
    - impostata un’altezza fissa per la top-bar in modo da visualizzare il blog sempre nella finestra, anche quando la top-bar non viene utilizzata.

  29. Lantaca

    Tuesday, July 26, 2011 - 12:18:35

    Update
    - Fix the incompatibility with BBToolbar plugin