Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : sabry 16 Nov 2009, 11:10:35
-
Ciao a tutti.
Da parecchi tempo sto cercando di realizzare (con enorme fatica)il mio sito con joomla.Seguendo i consigli del forum ho scaricato e letto le varie guide html e quelle sui css. Dopo aver letto mi sono chiare la sintassi dei css e le diverse proprietà, ma ancora non riesco a capire dove devo intervenire per fare le modifiche che voglio.
A dire il vero qualcosina l'ho capito, ma tutto per tentativi ed errori. Come faccio a sapere a cosa corrispondono i vari selettori nella pagina? Non esiste un software che fisicamente mi faccia vedere sulla pagina i selettori?
Spero di essermi spiegata bene e di non aver detto qualche bestialità.
grazie
-
ciao
corrispondono i vari selettori nella pagina?
cosa sarebbero i selettori?
-
ciao conti1.
Per selettori intendo "quelle cose" su cui vado a lavorare ( nel foglio di stile) e a cui cambio le proprietà.
Per farmi capire: come faccio a sapere a cosa corrispondono sulla pagina le cose evidenziate in rosso?
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
body {
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #333;
}
body.contentpane {
background: #FeFeFe;
}
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
outline: none;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #333;
ecc...
-
Ti consiglio di installare firebug e cssviewer, due plugin di firefox, non so se usi questo browser, ma se vuoi costruire un sito è d'obbligo!
Con questi plugin puoi analizzare le parti del tuo sito e vedere i div applicati, le classi, i vari tag e la loro formattazione.
Poi (anzi prima!) dovresti studiare un pò di HTML perchè è necessario per intervenire nel CSS, sapere che "form" è quella parte della pagina dove l'utente può inserire del testo, ad esempio pensa al "login".. ecco quello è un form. "img" è il tag che racchide le immagini, "a" è il tag che contiene i link, ma uqesto è l'abc dell'HTML, trovi in giro ottime guide, c'è solo da studiare... ;D
-
ciao
quoto al 100% consistenza buffa
ti faccio un piccolo esempio
colonna left di un qualsiasi template
questa e la parte scritta in php
<?php if($this->countModules('left')) : ?>
<div id="sidebar">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php endif; ?>
left = nome posizione
<div id="sidebar">= questa e la parte che trovi nel css
id= identificativo
della tua colonna left, il nome sidebar= sarà il nome nel css
#sidebar {}
di cui nelle graffe ci metti tutti i tag che servono x la colonna left.
-
Grazie "consistenza buffa", è esattamente quello che cercavo!
Ho visto che esiste anche un firebug per explorer che ne pensi? Mi conviene comunque usare firefox?
Per quanto riguarda html... proverò ad impegnarmi!
Ciao
-
Si, ti conviene usare Firefox, per mille e uno motivi, e col tempo imparerai ad apprezzarli tutti!
E non dico di più atrimenti andiamo O.T.
Per il resto fai delle prove: io le prime volte per capire cosa stavo modificando davo valori molto alti, ad esempio se il padding era 10px, lo portavo a 300, così ero sicura, andando a rivedere la mia pagina di notare subito che cosa avevo modificato!
-
Ho installato firebug, ma volevo chiederti: perchè mi dici di installare anche css viewer? A cosa può servire? Volevo installarlo ma non è compatibile con la versione di firefox 3.5 che ho installato.
Inoltre ho provato a fare un po di esperimenti con firebug ma a quanto ho visto le modifiche sono solo virtuali. Se devo modificare realmente il mio css che devo fare? Annotarmi le variazioni e poi andare a lavorare sul css? Non c'è un metodo più rapido?
Scusa se ti assillo, ma sono proprio alle prime armi.
Grazie in anticipo
-
ciao
firebug e solo virtuale , xche devi annotare ?
visto che ti dice la riga di dove devi modificare non fai altro che tenere aperto con un editor il css e una volta fatta la modifica virtuale ti coppi la parte da te modificata nel css e sei apposto.
-
Ok, grazie.