Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: photoshop + tutorial  (Letto 2406 volte)

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
photoshop + tutorial
« il: 09 Giu 2011, 16:17:23 »
se facessi la grafica del mio sito in xxxxxxxxxx  come dovrei usare [url http://www.joomla.it/articoli-della-community/887-posizioni-modulo-in-un-template.html]questo[/url] tutorial per renderlo compatibile con joomla? mi dovrei aiutare con xxxxxxxxxxxx?
« Ultima modifica: 09 Giu 2011, 16:39:52 da tomtomfive »
Connesso

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #1 il: 09 Giu 2011, 16:39:05 »
Per cortesia sono vietati riferimenti a componenti commerciali,grazie
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #2 il: 09 Giu 2011, 16:51:56 »
scusate ma in altri post sono stati fatti....  come posso fare alr per farvi la domanda senza riferimenti commerciali?
Connesso

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #3 il: 09 Giu 2011, 16:55:00 »
Semplicemente perchè se si tratta di componenti commerciali il supporto lo devi chiedere ai produttori
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #4 il: 09 Giu 2011, 17:47:33 »
alr pongo la domanda in maniera più generale: se faccio la grafica con un qualsiasi software grafico, come posso poi trasformarla in template sfruttando il tutorial su detto?
Connesso

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #5 il: 09 Giu 2011, 18:22:36 »
Tutto quello che ti serve per fare un template è un editor tipo notepad++ e basta come strumenti, poi occorre la conoscenza del linguaggio html, css e php, il software grafico non serve per integrare, è il codice che integra gli elementi, tutt'alpiù il software frafico ti è utile per manipolare  (ottimizzare, ridimensionare, ecc.) le immagini.
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #6 il: 09 Giu 2011, 20:34:19 »
html lo conosco bene...  css e php nozioni base... ma qello che non capisco è se il software grafico non serve alr perche nei templates che scarico c'è al cartella img col banner lo sfondo la decorazione dei moduli eqnt'altro?
Connesso

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #7 il: 09 Giu 2011, 20:42:15 »
Quelli sono gli elementi grafici e li puoi costruire come ti pare ma per integrarli nel template lo fai solo col codice, non esiste un metodo wysiwyg ove prendi gli elementi e li assembli per costruire un template,  secondo me non hai letto la guida attentamente, non cercare scorciatoie, ti consiglio di incominciare ad analizzare un template pezzo per pezzo osservandone gli elementi con firebug e provando a cambiare i parametri visualizzandone i cambiamenti in tempo reale. Inizia coi template per la 1.5 che sono più semplici.
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #8 il: 09 Giu 2011, 20:53:54 »
ahahah di solito io la vita più che "scorciatoiarla(neologismo inventato sul momento)" me la complico! conoscendomi poreferisco impiegare 1 mese e fare da solo più tosto che imparare a studiare un template in 1 settimana.... quindi basandomi su quanto letto in quella guida la base per iniziare è una pagina html costituita con i tag <div></div>... dovendo essere un layout in 2 colonne(corpo centralle e menù principale ed utente laterale), il banner in alto e il copyright ed altre piccole voci in basso avrò bisogno di 4 spazi.... che sono header, left, main contenent, e footer, quindi il codice html sarà il seguente:
Codice: [Seleziona]
<div class="container">

<div class="header">
header
</div>

<div class="left">
left
</div>

<div class="Main Contenent">
Main Contenent
</div>

<div class="footer">
footer
</div>

</div>

ho fatto errori?
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #9 il: 09 Giu 2011, 21:22:08 »
il codice html:
Codice: [Seleziona]
<html>
<head>

</head>

<body bgcolor="000000">
<style type="text/css" >@import url(stile.css);</style>

<div class="container">

<div class="header">
header
</div>

<div class="left">
left
</div>

<div class="main-contenent">
main-contenent
</div>

<div class="footer">
footer
</div>

</div>
</body>
</html>
e il foglio di stile:

Codice: [Seleziona]
.container{
     width: 800px;
     margin: 0 auto;
}

.header {
     text-align: center;
     background-color:#FF9900;
     border: 1px solid #CCCCCC;
     width: 100%;
     height: 80px;
     float:none;

}

.left {
     text-align: center;
     background-color:#6666CC;
     width: 25%;
     height: 600px;
     float:left;

}

.main-contenent {
     text-align: center;
     background-color:#FFCC99;
     width: 75%;
     height: 600px;
     float:left;

}

.footer {
     text-align: center;
     background-color:#33FF33;
     border: 1px solid #CCCCCC;
     height: 50px;
     clear:left;

}
il prossimo passo?
Connesso

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #10 il: 09 Giu 2011, 21:29:44 »
il prossimo passo è il capitolo successivo della guida  :)
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #11 il: 09 Giu 2011, 21:54:05 »
ook allora io ho provato a fare un po' di cacchiatelle ad esempio nell'header ho impostato un img di sfondo con i css... e così ho pensato di pter mettere sfondi carini anche a tutto il resto e poi con joomla ci si potrebeb comunque scrivere  sopra... ho detto una boiata oppure ho avuto un intuizione giusta? comunque stando ai codici sopra pubblicati il file xml qui sotto va bene? sicuramente dovrò aggiungere gli altri file, quali le cartelle e le eventuali img di sfondo dei <div></div>...

Codice: [Seleziona]
<?xml version="1.0" encoding="utf-8"?>
<install type="template" version="1.6">
  <name>olio</name>
  <creationDate>2011-06-09</creationDate>
  <version>1.0</version>
  <author>daniele dolci</author>
  <authorUrl></authorUrl>
  <description></description>
  <files>
    <filename>coop.html</filename>
    <filename>stile.css</filename>
    <filename>templateDetails.xml</filename>
  </files>
 
<images>

  </images>
 
<css>
    <filename>stile.css</filename>
  </css>

  <positions>
    <position>header</position>
    <position>left</position>
    <position>footer</position>
  </positions>

</install>
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #12 il: 10 Giu 2011, 21:34:00 »
up
Connesso

Offline daniele95

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:photoshop + tutorial
« Risposta #13 il: 13 Giu 2011, 00:07:37 »
up2
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl