phpBB Italia chiude!
phpBB Italia ringrazia tutti gli utenti che hanno dato fiducia al nostro progetto per ben 9 anni, e che, grazie al grande lavoro fatto da tutto lo Staff (rigorosamente a titolo gratuito), hanno portato il portale a diventare il principale punto di riferimento italiano alla piattaforma phpBB.

Purtroppo, causa motivi personali, non ho più modo di gestirlo e portarlo avanti. Il forum viene ora posto in uno stato di sola lettura, nonché un archivio storico per permettere a chiunque di fruire di tutte le discussioni trattate.

Il nuovo portale di assistenza per l'Italia di phpBB diventa phpBB-Store.it, cui ringrazio per aver deciso di portare avanti questo grande progetto.

Grazie ancora,
Carlo - Amministratore di phpBB Italia

Modificare template per smartphone

Supporto generale stili
Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Modificare template per smartphone

Messaggio da frank » 01/07/2015, 17:02

Difatti l'avevo pensato anch'io, guarda il mio in formato smartphone

http://gruppoalveo.it/forum/index.php

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Modificare template per smartphone

Messaggio da Sir Xiradorn » 01/07/2015, 19:57

Può anche andare bene cosi se preferisci ma cosi hai meno possibilità di personalizzazione e effetti se vuoi creare qualche animazione o transizione. Inoltre la mia tecnica previene che ti possano copiare quelle immagini più facilmente e puoi ulteriormente proteggerle con una piccola tecnica di hovering.

Due consigli importantissimi che spero tu faccia tesoro (non tanto del primo, ma il secondo):
- Hai i link che ti danno una piccola linea rossa quando ci passi sopra nell'angolo in basso al sinistra. dovresti eliminare la decoration
- Non usare MAI SE POSSIBILE css inline. Questi tag hanno una specificità che potrebbe stravolgere altre assegnazioni fatte. E' sempre bene usare css inline solo in casi eccezionali e per mantenere un codice più leggero e pulito nonché veloce.
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Modificare template per smartphone

Messaggio da frank » 01/07/2015, 20:01

Ho fatto una prova: ho tolto tutti i tuoi codici e ho modificato il mio originale, sembra che vada bene, prova a vedere:

Codice: Seleziona tutto

<!-- Immagini-link nella parte alta -->
<div style="width:auto; margin-bottom:15px; text-align:center;">
<a href="http://www.ilgiardinodeilibri.it/__libri/_alimentazione_cucina/?pn=5106">
<img style="width:150px; height:70px; margin-left:15px;" src="styles/prosilver/theme/images/libri.jpg" alt="Libri" title="I libri del benessere">
</a>

<a href="https://www.idealandia.it/cucina_estrattori_slow_juicer/?a=9LPnN&b=h50LM">
<img style="width:160px; height:70px; margin-top:10px; margin-left:15px;" src="styles/prosilver/theme/images/estrattori.jpg" alt="Estrattori" title="Estrattori di succhi vivi">
</a>

<a href="http://www.amazon.it/gp/search?ie=UTF8&camp=3370&creative=23322&index=kitchen&keywords=frullatore&linkCode=ur2&tag=gruppoitforum-21">
<img style="width:110px; height:70px; margin-top:10px; margin-left:15px;" src="styles/prosilver/theme/images/frullatori.jpg" alt="Frullatori" title="Frullatori di ogni genere">
</a>

<a href="http://www.amazon.it/gp/search?ie=UTF8&camp=3370&creative=23322&index=kitchen&keywords=vaporiera&linkCode=ur2&tag=gruppoitforum-21">
<img style="width:110px; height:70px; margin-top:10px; margin-left:15px;" src="styles/prosilver/theme/images/vaporiere.jpg" alt="Vaporiere" title="Vaporiere di tutti i tipi">
<a>

<a href="http://www.macrolibrarsi.it/home/prodotti.php?pn=4632">
<img style="width:180px; height:70px; margin-top:10px; margin-left:15px;" src="styles/prosilver/theme/images/bio-shop.jpg" alt="Bio-shop" title="Prodotti biologici">
<a>
</div>

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Modificare template per smartphone

Messaggio da Sir Xiradorn » 01/07/2015, 20:03

I link ancora hanno quel problema sull'hover. Il posizionamento delle immagini pare ok
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Modificare template per smartphone

Messaggio da frank » 01/07/2015, 20:06

Nel mio codice il decoration non c'è

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Modificare template per smartphone

Messaggio da Sir Xiradorn » 01/07/2015, 22:14

Appunto :D devi aggiungere ai link

Codice: Seleziona tutto

text-decoration: none !important;
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Modificare template per smartphone

Messaggio da frank » 01/07/2015, 22:18

L'ho messo nel css principale ma la riga rossa non va via

Codice: Seleziona tutto

<div style="width:auto; margin-bottom:15px; text-align:center; text-decoration: none !important;">

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Modificare template per smartphone

Messaggio da Sir Xiradorn » 01/07/2015, 23:09

Link = a non div quindi

Codice: Seleziona tutto

<a href=" ... " style=" ... text-decoration: none !important;" ...
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Avatar utente
frank
Utente
Utente
Messaggi: 1908
Iscritto il: 25/11/2014, 8:02
Sesso: Maschio
Versione: 3.1.7-PL1
Server: UNIX/Linux
PHP: 5.5.29
Database: MySQL(i) 5.5.43-log

Re: Modificare template per smartphone

Messaggio da frank » 01/07/2015, 23:17

Ok, a posto.

Ancora una cosa poi sarebbe a posto del tutto: metterei una cosa del tipo che quando metto sopra il mouse, l'immagine si ingrandisce (effetto primo piano), oppure si illumina, proviamo

Avatar utente
Sir Xiradorn
Grafico
Grafico
Messaggi: 1659
Iscritto il: 11/08/2009, 12:41
Sesso: Maschio
Versione: 3.2.0
Server: UNIX/Linux
PHP: 5.6.15
Database: MariaDB 10.1.9
Località: Lontano....
Contatta:

Re: Modificare template per smartphone

Messaggio da Sir Xiradorn » 01/07/2015, 23:45

Con il codice inline non lo puoi fare! Ma soprattutto con il codice da te scritto ti sei complicato la vita. Inoltre con le immagini è un po più difficile da fare. In ogni caso per l'effetto di primo piano devi fare si che:
- i link siano abbiano overflow in hidden
- le immagini quando fai l'hover sui link e sulle stesse immagini cambino le dimensioni crescendo di un po. Ma essendo contenute nel link si zoomano senza dilatare il link stesso.
Per questo io creai delle classi ad hoc.

Se vuoi farco facendo illuminare per così dire le immagini usa l'opacity
Sir Xiradorn
Immagine
~ XDojo - Xiradorn Lab Division - xiradorn.it ~
~ GitHub - XiradornLab ~

Immagine
Stargate - phpbb 3.0.x || 3.1.x || 3.2.x

Rispondi

Torna a “Supporto”

Chi c’è in linea

Visitano il forum: Nessuno e 32 ospiti