Stile tipo griglia su file html

Area dedicata al supporto degli stili
Rispondi
Avatar utente
TakeOVer
Registered User
Registered User
Connesso: No
Messaggi: 28
Iscritto il: 20/02/2013, 12:05
Versione phpBB3: 3.0.11
Stile utilizzato: Subsilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum:
Località: Firenze
Contatta:

Stile tipo griglia su file html

Messaggio da TakeOVer » 31/03/2013, 18:56

Salve a tutto lo Staff di phpbb-store,
inizio con l'augurare a tutto lo Staff del forum e agli utenti una serena e Buona Pasqua.
Adesso veniamo al piccolo problema, ho implementato sul mio forum una sorta di ricerca per Generi (Azione, Avventura, Biografico ecc...). Tutto ok, ma vorrei far in modo che la lista apparisse come in una sorta di griglia tipo la lista utenti! Avevo pensato ad un file CSS, ma in quel campo io ci capisco poco se non nulla. Allego lo screen ed il codice html che andrebbe modificato.

Un grazie in anticipo e buona domenica :aureola:

Codice: listageneri_body.html

Codice: Seleziona tutto

<!-- INCLUDE overall_header.html -->

<style>
/* Pagination
---------------------------------------- */
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   font-weight: normal;
   text-decoration: none;
   color: #808080;
   margin: 0 2px;
   padding: 0 2px;
   background-color: #eeeeee;
   border: 1px solid #bababa;
   font-size: 1.2em;
   line-height: 1.8em;
}

.pagination span a:hover {
   border-color: #808080;
   background-color: #c0c0c0;
   color: #FF0000;
   text-decoration: none;
}
</style>

<!-- IF U_MCP --><p>[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]yyy</p><!-- ENDIF -->
<h2><a href="{U_VIEWFORUM}">{FORUM_NAME}</a></h2>
<div class="post">
   <div class="pagination" align="center"><span>
   <a href="#tl0"><strong>0</strong></a><a href="#tl1"><strong>1</strong></a><a href="#tl2"><strong>2</strong></a><a href="#tl3"><strong>3</strong></a><a href="#tl4"><strong>4</strong></a><a href="#tl5"><strong>5</strong></a><a href="#tl6"><strong>6</strong></a><a href="#tl7"><strong>7</strong></a><a href="#tl8"><strong>8</strong></a><a href="#tl9"><strong>9</strong></a> <a href="#tlA"><strong>A</strong></a><a href="#tlB"><strong>B</strong></a><a href="#tlC"><strong>C</strong></a><a href="#tlD"><strong>D</strong></a><a href="#tlE"><strong>E</strong></a><a href="#tlF"><strong>F</strong></a><a href="#tlG"><strong>G</strong></a><a href="#tlH"><strong>H</strong></a><a href="#tlI"><strong>I</strong></a><a href="#tlJ"><strong>J</strong></a><a href="#tlK"><strong>K</strong></a><a href="#tlL"><strong>L</strong></a><a href="#tlM"><strong>M</strong></a><a href="#tlN"><strong>N</strong></a><a href="#tlO"><strong>O</strong></a><a href="#tlP"><strong>P</strong></a><a href="#tlQ"><strong>Q</strong></a><a href="#tlR"><strong>R</strong></a><a href="#tlS"><strong>S</strong></a><a href="#tlT"><strong>T</strong></a><a href="#tlU"><strong>U</strong></a><a href="#tlV"><strong>V</strong></a><a href="#tlW"><strong>W</strong></a><a href="#tlX"><strong>X</strong></a><a href="#tlY"><strong>Y</strong></a><a href="#tlZ"><strong>Z</strong></a>
   </span></div>
</div>
<br>
<span>

<!-- BEGIN topic_list -->
   
   <!-- IF  topic_list.TOPIC_ICON_IMG == '' -->
      <br>
   <div class="block-start">
   <table class="tablebg" width="100%" cellspacing="0">
      <caption><div class="cap-left"><div class="cap-right"><div><table width="100%"><tr><td width="90%"><a name="tl{topic_list.FIRST_CHAR}">&nbsp;</a>&nbsp;&nbsp;<h3>Lista Genere :: <span style="color: red;">{topic_list.TOPIC_CATEGORY_NAME}</span> :: della sezione :: <span style="color: red;"><a href="{U_VIEWFORUM}">{FORUM_NAME}</a></span></h3></td><td align="center"><a href="#top">top</a></td></tr></table></div>&nbsp;</div></div></caption>                  
      <tr>
      <th width="38%">&nbsp;Titolo&nbsp;</th>
      <th width="28%">&nbsp;Forum&nbsp;</th>
      <th width="10%">&nbsp;Genere&nbsp;</th>
      <th width="7%">Risposte</th>
      <th width="7%">&nbsp;{L_VIEWS}&nbsp;</th>
      <th width="8%">&nbsp;Data&nbsp;</th>
      <th>&nbsp;Ultimo Post&nbsp;</th>
      
      </tr>
   </table>
   </div>
      <!-- ELSE -->
   <div class="block-start">
   <table class="tablebg" width="100%" cellspacing="0">

      <!-- IF topic_list.S_ROW_COUNT is even --><tr class="row2"><!-- ELSE --><tr class="row1"><!-- ENDIF -->
         <td class="row1" width="3%"><img src="{T_ICONS_PATH}{topic_list.TOPIC_ICON_IMG}" alt="" /> </td>
         <td class="row1" align="left" width="35%"><a href="{topic_list.TOPIC_LINK}"><strong>{topic_list.TOPIC_TITLE}</strong></a><strong>{topic_list.I_VALUE}</strong></td>
         <td class="row1" align="left" width="28%"><strong>{topic_list.FORUM_NAME_COR}</strong></td>
         <td class="row1" align="left" width="10%"><strong><span style="color: red;">{topic_list.TOPIC_PREFISSO}</span></strong></td> 
         <td class="row1" align="center" width="7%"><strong>{topic_list.REPLIES}</strong></td>
         <td class="row1" align="center" width="7%"><strong>{topic_list.VIEWS}</strong></td>
         <td class="row1" align="center" width="8%" ><strong>{topic_list.FIRST_POST_TIME}</strong></td>
         <td class="row1" align="center">
               <p class="topicdetails" style="white-space: nowrap;"><strong>{topic_list.LAST_POST_TIME}</strong></p>
               <p class="topicdetails"><strong>{topic_list.LAST_POST_AUTHOR_FULL}</strong></p>
                  <a href="{topic_list.U_LAST_POST}">{LAST_POST_IMG}</a>
               </p>
            </td>         
      </tr>
   </table>
   </div>
      <!-- ENDIF -->
<!-- END topic_list-->
<br />Lista [Generi] ed altre [Mod] aggiuntive tradotte da <a href="http://www.netshadows.it/forum/">Netshadows.it</a> basata su &copy; phpBB Group<br />
</span>
<span class="corners-bottom"></span></div>
<!-- INCLUDE overall_footer.html -->
Immagine
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Sono amico di tutti, ma alle condizioni di nessuno!

Avatar utente
Dr.House
Amministratore
Amministratore
Connesso: No
Messaggi: 2179
Iscritto il: 08/01/2012, 8:24
Versione phpBB3: 3.2.5
Stile utilizzato: Prosilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum: www.phpbb-store.it
Località: Reggio Calabria
Contatta:

Re: Stile tipo griglia su file html

Messaggio da Dr.House » 31/03/2013, 19:02

ciao take e buona Pasqua anche a te.
C'è una mod che potrebbe fare al caso tuo :
http://www.nipponart.org/blog/official-topic-index
e vedi il funzionamento ad esempio qui:
http://phpbb-store.it/guide-phpbb/lista ... -t860.html

Avatar utente
Barrnet
Programmatore
Programmatore
Connesso: No
Messaggi: 481
Iscritto il: 13/05/2012, 19:10
Versione phpBB3: 3.2.2
Stile utilizzato: Derivato dal Prosilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum: https://videogamezone.eu/forum
Località: Bergamo
Contatta:

Re: Stile tipo griglia su file html

Messaggio da Barrnet » 31/03/2013, 21:59

Potresti linkare direttamente tale pagina, se ti è possibile?

Avatar utente
TakeOVer
Registered User
Registered User
Connesso: No
Messaggi: 28
Iscritto il: 20/02/2013, 12:05
Versione phpBB3: 3.0.11
Stile utilizzato: Subsilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum:
Località: Firenze
Contatta:

Re: Stile tipo griglia su file html

Messaggio da TakeOVer » 01/04/2013, 11:10

Buongiorno, @Dr. House si conosco quella mod ed già installata sul mio forum (funziona benissimo)! Ma volevo una cosa un po più mirata. La official topics index crea una lista ordinata A -> Z, io invece dovrei estrarre da una tabella dei prefissi il genere ed ordinarli. Fin qui tutto ok ci sono riuscito, ma mi sono un po impallato con lo stile!
@Barnet, certamente. Questo è il link alla lista: http://www.netshadows.it/forum/mod_topi ... a&gg=10000
spero che come guest tu riesca a vederla nel caso fammi sapere.

Buona giornata a tutti :ciao:
Sono amico di tutti, ma alle condizioni di nessuno!

Avatar utente
TakeOVer
Registered User
Registered User
Connesso: No
Messaggi: 28
Iscritto il: 20/02/2013, 12:05
Versione phpBB3: 3.0.11
Stile utilizzato: Subsilver
Versione SEO: NO
Mod / Estensioni installate: Si
Link del Forum:
Località: Firenze
Contatta:

Re: Stile tipo griglia su file html

Messaggio da TakeOVer » 05/04/2013, 6:17

Salve a tutti,
@Barnet, hai poi avuto tempo di visitare il link e vedere la lista come viene fuori? Sono ancora fermo a sta lista!
Buona giornata :ciao:

P.S. Senza fretta naturalmente, un aiuto mi farebbe comodo!
Sono amico di tutti, ma alle condizioni di nessuno!

Rispondi