Back to top

Autore Topic: Modifica template Rise of technology  (Letto 1505 volte)

Offline AnD73

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Modifica template Rise of technology
« il: 31 Gen 2009, 15:46:21 »
Ciao a tutti! E' da poco che mi sono avvicinato a Joomla e dopo essermi informato un pò sto tentando di realizzare il mio primo sito. Avrei la necessità di modificare una parte del template "Rise of technology" esattamente la parte del logo e della sritta con il nome del sito controllabili anche dal templato e dal file params.ini.
Ho due diverse soluzioni possibili:
1- trovare il modo di inserire un titolo su più righe di testo editabile con dimensioni testo diverse (e già sarei contento cosi se ci riuscissi..)
2- eliminare nome sito e logo e in quello spazio inserire un modulo per mostrare un immagine.

Qualcuno più esperto mi sa aiutare? grazie
Andrea
AB

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Modifica template Rise of technology
« Risposta #1 il: 31 Gen 2009, 16:17:19 »
Allora, vai nella cartella del template e apri index.php avrai qualcosa del genere circa sulla ventesima riga

Codice: [Seleziona]
<div id="logo_bg">
<?php if($this->params->get('hideLogo') == 0){ ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="logo" align="left" /><?php }else{ ?><div id="nologo">&nbsp;</div><?php ?>
                <a href="index.php" class="logo logo_<?php echo $this->params->get('logoFont'); ?>"><?php echo $mainframe->getCfg('sitename') ;?></a>

                <div id="user4"><jdoc:include type="modules" name="user4" /></div>
                <br clear="all" />
            </div>


Il codice qui sotto non fa altro che prendere il nome e metterlo nel sito

Codice: [Seleziona]
<?php if($this->params->get('hideLogo') == 0){ ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="logo" align="left" /><?php }else{ ?><div id="nologo">&nbsp;</div><?php ?>
                <a href="index.php" class="logo logo_<?php echo $this->params->get('logoFont'); ?>"><?php echo $mainframe->getCfg('sitename') ;?></a>

se vuoi quindi eliminare il nome elimina quelle 3-4 righe e modifica in questo modo


Codice: [Seleziona]
            <div id="logo_bg">
<div id="nomesito">
Questo e'<br />
il mio sito<br />
con joomla
</div>

                <div id="user4"><jdoc:include type="modules" name="user4" /></div>
                <br clear="all" />
            </div>

In pratica qui non ho fatto altro che eliminare il nome del sito che viene caricato automaticamente e ho scritto quello che voglio io su tre righe perchè volevi scriverlo su piu righe.
dopo di che vai nella cartella css apri il file template.css e aggiungi queste regole qua

Codice: [Seleziona]
#nomesito{
width:650px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
height:95px;
padding-top:5px;
padding-left:20px;
font-style: normal;
line-height: 27px;
}

ovviamente poi queste modificale a modo tuo per farlo come vuoi tu. se ci sono problemi scrivi ciao. ah benvenuta nel forum:D

p.s. ti allego quello che è il risultato finale così se non era quello che cercavi non metti mano da nessuna parte:D


[allegato eliminato da un amministratore - Il file era vecchio]
« Ultima modifica: 31 Gen 2009, 16:19:56 da blackhat666 »
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline AnD73

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Re: Modifica template Rise of technology
« Risposta #2 il: 31 Gen 2009, 19:52:03 »
E' esattamente quello che cercavo ma a questo punto manterrei il logo. Quindi non devo eliminare tutto il codice che mi hai mostrato, giusto? domani guardo con più calma e provo.
Grazie per l'aiuto e per la tempestività.
Poi ti faccio sapere
AB

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Modifica template Rise of technology
« Risposta #3 il: 31 Gen 2009, 20:06:14 »
Se vuoi mantenere il logo no non devi cancellare nulla, al max cambi l'immagine del logo se quella ceh sta non ti piace
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline AnD73

  • Nuovo arrivato
  • *
  • Post: 24
    • Mostra profilo
Re: Modifica template Rise of technology
« Risposta #4 il: 01 Feb 2009, 18:23:51 »
Visto che mi hai spiegato che è possibile scrivere su più righe ho pensato di tenere il logo (che ho già sostituito con il mio) e alla sua destra un intestazione su più righe. Ma mi chiedevo il codice che inizialmente mi avevi detto di eliminare fa 2 operazioni distinte?
1 inserisce il logo
2 inserisce il nome sito

se io aggiungo la parte di codice che mi hai dato tu che mi fa scrivere su più righe non devo comunque eliminare la parte di codice che va a prendere il nome che io ho inserito? non so se mi sono spiegato.

Si può poi per ogni riga specificare una dimensione carattere diversa?

ora provo
grazie
AB

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Modifica template Rise of technology
« Risposta #5 il: 01 Feb 2009, 18:45:38 »
Allora le hai azzeccate. praticamente ci sono due "codici" uno che carica il logo e l'altra che carica il nome del sito

carica il logo
Codice: [Seleziona]
<?php if($this->params->get('hideLogo') == 0){ ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif" alt="logo" align="left" /><?php }else{ ?><div id="nologo">&nbsp;</div><?php ?>
carica il nome del sito
Codice: [Seleziona]
<a href="index.php" class="logo logo_<?php echo $this->params->get('logoFont'); ?>"><?php echo $mainframe->getCfg('sitename') ;?></a>
il codice che ti ho dato io appunto elimina i due precedenti per mettere la scritta che vuoi tu: nel mio esempio Questo e'    il mio sito con joomla.

Adesso se vuoi puoi modificare a ogni lettera o parola o frase colore, grandezza, e cose cosi; basta includere la parola della quale vuoi cambiare gli attributi in questo tag qui

<span class="Stile1">Questo e'</span>

<span class="Stile2">il mio sito</span>

<span class="Stile3">con joomla</span>

dopo di che devi andare nel css e modificare le regole a seconda di come vuoi che appaio il testo ad esempio nel css inserisci

.Stile1 {color: #000000;}
.Stile2 {color: #FFFFFF;}
.Stile3 {color: #GGG;}

in questo modo avrai 
"Questo è" di un colore
"il mio sito" di un'altro
"con joomla" di un'altro ancora.

Spero sia stato chiare, per dubbi non esitare:D
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

 



Web Design Bolzano Kreatif