Back to top

Autore Topic: modificare template "siteground-j15-63"  (Letto 3256 volte)

Offline tenaz

  • Esploratore
  • **
  • Post: 132
  • Sesso: Maschio
    • Mostra profilo
modificare template "siteground-j15-63"
« il: 25 Gen 2009, 14:29:11 »
Ciao,
mi sto costruendo il mio primo sito con joomla.
Come template ho scelto "siteground-j15-63" ma dovrei cambiarlo un po' per le mie esigenze.
Il sito che sto per realizzare riguarda la mia città e volevo sostituire l'immagine in alto delle dimensioni di 940x 251 con una serie di foto dei monumenti della mia città.
Un esempio di quello che vorrei realizzare lo si può vedere nel sito della città ungherese di Sopron:
http://portal.sopron.hu/Sopron/portal/
Ancora meglio sarebbe se si potesse fare una sorta di slideshow delle foto: usando ozio gallery ci riuscirei?
E' possibile anche realizzare quei tasti "immagine" al di sotto del titolo Sopron premendo i quali si può andare sulla pagina turismo ad esempio?
Devo studiarmi XHTML e CSS per apportare queste modifiche che voglio?
Essendo un newbie nel campo della realizzazione di siti internet mi piacerebbe almeno avere delle indicazioni di massima su come mi devo muovere.
Ciao

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: modificare template "siteground-j15-63"
« Risposta #1 il: 26 Gen 2009, 00:32:45 »
Ti fai una immagine con i monumenti che vuoi della stessa dimensione estensione e nome dell'altra e la sostituisci.
Più complesso il tema della slideshow. Perchè devi poter inserirla in un modulo, sia che usi ozio o altri moduli specifici per slideshow. Quindi devi inserire una posizione modulo dentro  la header dove adesso ci sta l'immagine. Leggi qui:
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F
Per il menù con le immagini stessa cosa. Devi inserire una posizione modulo e poi fare un modulo di tipo html personalizzato e pubblicarlo dentro quella posizione :)
 
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline tenaz

  • Esploratore
  • **
  • Post: 132
  • Sesso: Maschio
    • Mostra profilo
Re: modificare template "siteground-j15-63"
« Risposta #2 il: 30 Gen 2009, 19:59:39 »
Sono riuscito a sostituire l'immagine header originale con una foto panoramica dei monumenti della mia città.
Giustamente più complessa è la questione slideshow.
Ho capito che devo inserire una posizione modulo che utilizzi rokslideshow ad esempio.
Sono andato a leggermi l'articolo che tu mi hai segnalato, ma mi sono arenato sul seguente punto:
in questo articolo viene detto di andare nel file templateDetails.xml dove sono dichiarate le posizioni modulo in questo modo:
<positions>
     <position>breadcrumb</position>
     <position>left</position>
     <position>right</position>
     <position>top</position>
     <position>user1</position>
     <position>user2</position>
     <position>user3</position
ecc...
Io sono andato ad aprire quel file templateDetails.xml, ma ci ho trovato “solo” questo:
<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
   <name>siteground-j15-71</name>
   <version>1.0.0</version>
   <creationDate>10/2008</creationDate>
   <author>SiteGround</author>
   <authorEmail>templates@siteground.com</authorEmail>
   <authorUrl>http://www.siteground.com</authorUrl>
   <copyright>SiteGround</copyright>
   <license>SG TOS</license>
   <description>TEMPLATE_DESCRIPTION</description>
   <files>
      <filename>index.php</filename>
      <filename>templateDetails.xml</filename>
      <filename>template_thumbnail.png</filename>
      <filename>params.ini</filename>
      <filename>templates.php</filename>
      
      <filename>images/arrow.jpg</filename>
      <filename>images/banner_01.jpg</filename>
      <filename>images/banner_02.jpg</filename>
      <filename>images/bg.jpg</filename>
      <filename>images/bg1.jpg</filename>
      <filename>images/bg2.jpg</filename>
      <filename>images/but_l.jpg</filename>   
      <filename>images/but_r.jpg</filename>   
      <filename>images/content_bottom.jpg</filename>   
      <filename>images/content_middle.jpg</filename>   
      <filename>images/content_top.jpg</filename>      
      <filename>images/h3.jpg</filename>
      <filename>images/header.jpg</filename>
      <filename>images/header_1.jpg</filename>
      <filename>images/header_2.jpg</filename>
      <filename>images/header_3.jpg</filename>
      <filename>images/indent1.png</filename>   
      <filename>images/indent2.png</filename>      
      <filename>images/indent3.png</filename>
      <filename>images/indent4.png</filename>   
      <filename>images/index.html</filename>   
      <filename>images/l_r_bottom.jpg</filename>
      <filename>images/l_r_top1.jpg</filename>   
      <filename>images/li.jpg</filename>
      <filename>images/search.jpg</filename>
      <filename>images/search_bg.jpg</filename>
      <filename>images/search_button.jpg</filename>
      <filename>images/spacer.png</filename>   
      <filename>images/top_menu1.jpg</filename>      
      
      <filename>css/index.html</filename>
      <filename>css/template.css</filename>
      <filename>css/editor.css</filename>
      <filename>css/ie6.css</filename>
   </files>

   <languages>
      <language tag="en-GB">en-GB.tpl_siteground-j15-71.ini</language>
   </languages>
   <administration>
       <languages folder="admin">
         <language tag="en-GB">en-GB.tpl_siteground-j15-71.ini</language>
      </languages>
    </administration>
</install>
Qualcuno mi sa spiegare tutto ciò?
Sul più bello pensavo di riuscire a fare questa slideshow al posto della header invece....
Spero che qualcuno mi possa aiutare ad andare avanti!
Ciao :)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: modificare template "siteground-j15-63"
« Risposta #3 il: 30 Gen 2009, 21:35:59 »
Nessun problema e nessun mistero. Quelli della siteground hanno la (pessima) abitudine di non scrivere le posizioni modulo nel file templateDetails.xml   ;D
Quindi fallo tu e procedi. Cominci già meglio di loro!  :D
Suggerimento:apriti un templateDetails.xml di uno dei template di default
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline tenaz

  • Esploratore
  • **
  • Post: 132
  • Sesso: Maschio
    • Mostra profilo
Re: modificare template "siteground-j15-63"
« Risposta #4 il: 31 Gen 2009, 11:58:01 »
Ho seguito il tuo consiglio e ho aggiunto nel file templateDetails.xml le posizioni di modulo che non erano state riportate da coloro che avevano realizzato questo template ed in più ho aggiunto la nuova posizione che ho ribatezzato header e che ho collocato in cima alle altre.
........
<language tag="en-GB">en-GB.tpl_siteground-j15-71.ini</language>
      </languages>
    </administration>
    <positions>
                   <position>header</position>
      <position>left</position>
      <position>right</position>
      <position>top</position>
      <position>breadcrumb</position>
      <position>user1</position>
      <position>user2</position>
      <position>user3</position>
      <position>user4</position>
      <position>debug</position>
      <position>syndicate</position>
   </positions>
   <params>
   </params>

</install>

per richiamare la nuova posizione modulo creata all'interno del mio sito dovrei inserirla nel file index.php del mio template.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" >
<head>

 tralascio ciò che sta qui dentro perche penso non interessi e arriviamo a questo punto
 

</head>
<body class="body_bg">
<div class="bg">
<div id="wrapper">
   <div id="header_3">
      <div id="header_2">
         <div id="header_1">
            <div id="header">
               <div id="logo">
                  <a href="/joomla/index.php">NOME_MIOSITO[/url]
               </div>
            </div>

         </div>
      </div>
   </div>
   <div id="top_menu">   
      <table cellpadding="0" cellspacing="0" style="margin:0 auto;">
         <tr>
La mia attenzione si è concentrata sulla riga di codice <div id=”header”>   
Come devo andare avanti ora?
Tu mi avevi scritto che dovevo inserire una posizione modulo dentro la header.
Mi puoi dare delle indicazioni riguardo quali righe di codice devo inserire?
Sono sulla strada giusta oppure mi sono perso?
Ciao!      

Offline tenaz

  • Esploratore
  • **
  • Post: 132
  • Sesso: Maschio
    • Mostra profilo
Re: modificare template "siteground-j15-63"
« Risposta #5 il: 31 Gen 2009, 14:21:32 »
A mio rischio e pericolo ho voluto fare un tentativo (dopo aver fatto un back up del mio template...)
Dopo aver scritto la riga di codice <position>header</position> all'interno del file templateDetails.xml (ponendola alla fine e non in testa alle altre positions), ho aperto il file index.php e sono andato a trovarmi la riga <div id="header"> e subito sotto di essa ho scritto la seguente riga di codice:
<jdoc:include type="modules" name="header" /> 
ottenendo il seguente risultato:


</head>
<body class="body_bg">
<div class="bg">
<div id="wrapper">
   <div id="header_3">
      <div id="header_2">
         <div id="header_1">
            <div id="header">
            <jdoc:include type="modules" name="header" />
               <div id="logo">
                  <a href="/joomla/index.php">NOME_MIOSITO[/url]
               </div>
            </div>

         </div>
      </div>
   </div>
   <div id="top_menu">   
      <table cellpadding="0" cellspacing="0" style="margin:0 auto;">
         <tr>
Fatto tutto ciò sono andato sul pannello estensioni gestione moduli: qui ho abilitato il modulo rokslideshow che avevo in precedenza scaricato e caricato sul mio template.
In seguito ho cliccato su rokslideshow per entrare nel suo menu:
qui ho visto che le immagini devono avere larghezza 430 e altezza 300.
Ho collocato all'interno della cartella images un'altra cartella denominata rokslideshow con tre foto con queste misure e ho premuto salva.
Purtroppo non si vede nessuna slideshow al posto della header dove viene mostrata sempre la solita foto panoramica che io avevo messo in precedenza.
Che cos'è che non funziona???  ???

 



Web Design Bolzano Kreatif