sito.... mi date una mano a migliorarlo??

Prezzi

24hpassion

Biker perfektus
12/1/08
2.937
2
0
Tapotupotu Bay, Cape Reinga
Visita sito

Sono uno degli autori del libro ufficiale di Joomla, su come creare, gestire e modificare un sito con quel fantastico CMS.

Edito da Jackson libri, costa poco meno di 7 euro.

Però qui siamo O.T.
Prodotti MTB scontati
 

giulio46moto

Biker celestialis
24/2/06
7.075
-87
0
33
Asti
www.labicicletteria.net

dominio creato, però ho dei problemi a far partire l'installazione di Joomla
domani riprovo...
 

giulio46moto

Biker celestialis
24/2/06
7.075
-87
0
33
Asti
www.labicicletteria.net
ragazzi, mi sto convincendo sempre più che è meglio se lascio perdere questo joomla e magari passo ai CSS...
perchè dovrei creare un altro sito e mi spiace dato che molte pagine e foto di quello attuale compaiono nei motori di ricerca...
dovrei ricominciare tutto da capo e il lavoro fatto fino ad ora andrebbe buttato via
voi cosa dite?
 

bricke

Biker perfektus
24/8/07
2.926
-1
0
Venezia
Visita sito
giulio46moto ha scritto:
allora...
sono riuscito a far partire l'installazione...
però c'è un problema...
cosa devo inserire nella casella "Nome database" ??
aiutooooooo!!
Clicca per allargare...
Semplice, il nome del database!!!
Se lo hai già, mettici il nome del DB, se non lo hai, prima lo crei con gli strumenti che ti mette a disposizione il gestore dello spazio e poi gli dai il nome...

Consiglio: Segui un manuale di joomla!

Altro consiglio: Se vuoi fartelo da te, senza CMS, compra un libro sui CSS e su HTML/PHP e comincia a smanettare. (libro su CSS, 9€, libro su PHP, 9€)

Terzo consiglio: Se non vuoi far fatica, lascia tutto com'era, però non avrai mai un bel sito.

I's all about choice.

ps.: Alcuni gestori di spazi ti possono installare un cms a scelta in automatico, così ti risolvono il problema installazione... Es: serverplan.
 

crc_error

Biker poeticus
5/5/08
3.530
11
0
44
Besana (MB)
Visita sito
Bike
Giant Trance 3 2015
giulio46moto ha scritto:
ho dato una sistemata alla home. usando sempre le tabelle, ma le ho distribuite meglio...
http://www.labicicletteria.net/http://www.labicicletteria.net/
fatemi sapere se cosi' è un pochino più ordinato e chiaro...
Clicca per allargare...

Ciao, ora è un poco più leggibile e meno confusionario.

Anzichè fare un "tabellone" potresti fare più tabelle: una per l'header, una per il menu a cascata, una per il contenuto e una per il footer. E usare tabelle nelle tabelle

Io personalmente preferisco i siti a larghezza variabile anzichè fissa.
Per farlo velocemente puoi usare i css anche per gli attributi delle tabelle, per esempio una cosa così:

HTML: 
<!-- La tabella del contenuto (quella che comincia con "ultimo 
aggiornamento" potresti configurarla così: -->


<table style="width: 100%">
 <tr>
  <td style="width: 220px; height: 20em; vertical-align: top;">
   <div style="">
    <strong>Questa &egrave; la colonna 0</strong><br/>          
    Ultimo aggiornamento, ecc..
   </div>
  </td>
  <td style="width: auto; vertical-align: top;">
   <div style="">
    <table style="width: 100%;">
     <tr>
      <td style="vertical-align: top; background-color: green; height: 20em; min-width: 250px;"><strong>Questa &egrave; la colonna 1</strong></td>
      <td style="vertical-align: top; background-color: red; height: 20em; min-width: 250px;"><strong>Questa &egrave; la colonna 2</strong></td>
     </tr>
    </table>
   </div> 
  </td>
 </tr>
</table>

<!-- In modo che ti rimanga la colonna 0 fissa e le altre 
due che si adattino al browser -->

EDIT:
La misura delle Thumb nella pagina delle gare direi che va bene, se riesci ad aggiungere l'effetto di Lightbox oppure di Fancybox renderebbe il tutto più "gradevole".
Ps per la foto "ingrandita" non supererei comunque gli 800 -> 900 px..

Ciao! o-o
 

giulio46moto

Biker celestialis
24/2/06
7.075
-87
0
33
Asti
www.labicicletteria.net

grazie per il consiglio!!!
ecco qui il risultato: http://www.labicicletteria.net/
ora direi che è meglio
allora le tabelle le applico a tutte le pagine del sito??
ora provo ad inserire l'effetto Lightbox...
 

crc_error

Biker poeticus
5/5/08
3.530
11
0
44
Besana (MB)
Visita sito
Bike
Giant Trance 3 2015
Sinceramente non ricordo come fosse prima

Comunque così non è male, volendo puoi dare un colore chiaro alla colonna di sinistra tipo un azzurrino chiaro (p.e. #d2e6ff) o un arancio chiaro ( #ffe6a8 )

Dando una rapida occhiata ho visto un pò di errori nella sintassi della pagina.
Il tag <html> è unico deve andare all'inizio della pagina e chiudere alla fine </html>
tu ne hai uno all'inizio della pagina e uno alla fine del tag <head>.
C'è un ' che non serve alla fine di <style> (che tra l'altro è duplicato e andrebbe eliminato)

<table width="117%" style="width: 100%">
è sbagliato, o usi il css nello style o usi l'obsoleto width

Comunque ottimo lavoro, ci ha messo pochissimo a modificare tutto o-o
 

giulio46moto

Biker celestialis
24/2/06
7.075
-87
0
33
Asti
www.labicicletteria.net
crc_error ha scritto:
<table width="117%" style="width: 100%">
è sbagliato, o usi il css nello style o usi l'obsoleto width
Clicca per allargare...

grazie!!
l'lo sfondo azzurro l'ho inserito. cosa ne dici??
errori corretti...
ieri sera ho smanettato un po' e sono riuscito ad inserire l'effetto Fancybox, che mi hai consigliato, in questa pagina: http://www.labicicletteria.net/enduro_le_gare.html
però sapresti indicarmi come fare a togliere i riquadri attorno alle immagini che non voglio si aprano con l'effetto Fancybox?? esempio il banner iniziale oppure il logo "la bicicletteria enduro team"
 

crc_error

Biker poeticus
5/5/08
3.530
11
0
44
Besana (MB)
Visita sito
Bike
Giant Trance 3 2015
Bello

Il bordo grigio attorno alle immagini dici?

Se si devi togliere questa parte dal css
HTML: 
img {
    border: 1px solid #CCC;
    padding: 2px;    
    margin: 10px 5px 10px 0;
}
Ho visto che hai applicato fancybox a tutti tag <a>, non è sbagliato ma in questo modo ogni link verrà aperto con fancybox
Lo cambierei così:

HTML: 
<!-- DA COSI' -->
<script type="text/javascript">
    $(document).ready(function() {
        $("a").fancybox();
    });
</script>

<!-- A COSI' -->

<script type="text/javascript">

$(document).ready(function() {
    $(".immagini a").fancybox(); 
    $(".immagini a").fancybox({ 
        'hideOnContentClick': true 
    }); 
    $(".immagini a").fancybox({ 
        'zoomSpeedIn': 0, 
        'zoomSpeedOut': 0, 
        'overlayShow': true 
    }); 
}); 
</script>

<!-- ti aggiungo questo stile in modo che non vengano applicati i bordi alle -->
<!-- immagini e sottolineati i collegamenti -->

<style type="text/css" media="All">
.LinkGestioni, a.LinkGestioni, a.LinkGestioni:link, a.LinkGestioni:visited {
    color: #000066;
    font-size: 9pt;
    text-decoration:none;
    font-weight: 500;
}

a.LinkGestioni:hover, a.LinkGestioni:active {
    color: #FF6600;
    font-size: 9pt;
    text-decoration:none;
    font-weight: 500;
}
</style>

<!-- in questo modo Fancybox verra' applicato -->
<!-- solo agli oggetti con classe .immagini e che siano link -->
<!-- in questo esempio ho usato un <div> ma puoi usare anche uno -->
<!-- <span> un <p> e altri contenitori basta che gli dai la classe -->
<!-- giusta ;-) -->

<div class="immagini">
<a class="linkGestioni" href="immagini/anno_2009/ferrania_19_07_09_foto/19 07 09 Ferrania 00075.jpg" title="Descrizione immagine">
<img border="0" src="immagini/anno_2009/ferrania_19_07_09_foto/19 07 09 Ferrania 000752.jpg" />
</a>
</div>
Dovrebbe funzionare (l'ho buttato giù in 5 minuti e non l'ho provato..)


PS. mentre cercavo nel sorgente ho notato che ci sono un sacco di tag <strong> aperti e chiusi.. sono voluti o che?

HTML: 
      <tr>
        <td width="156" height="167"><p align="center" class="Stile43"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><span class="Stile48"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><img src="loghi/grossglockner_logo.jpg" width="124" height="27" border="0" align="middle" /></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></span></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><span class="Stile48"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><a href="http://www.ibiscycles.com/"><img src="loghi/ibis_logo.gif" width="75" height="30" border="0" align="middle" /></a> </strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong><a href="http://www.4guimp.it/index.php?option=com_comprofiler&amp;task=usersList&amp;listid=10&amp;Itemid=150"><img src="loghi/Kind_Shock.jpg" alt="Kind Shock " width="70" height="26" border="0" align="middle" /></a> <a href="http://www.maxxis.com/"><img src="loghi/Shaman_Racing.gif" alt="shaman racing" name="shamanracing" width="121" height="31" border="0" align="middle" id="shamanracing2" /></a></span></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></p></td>
        <td width="335"><div align="center"><span class="Stile43"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><span class="Stile48"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><img src="loghi/la_bicicletteria_enduro_team_logo.gif" alt="La Bicicletteria Ibis Enduro team logo" width="306" height="70" border="0" /></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></span></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></span></div></td>
        <td width="150"><div align="center"><span class="Stile43"><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><span class="Stile48"><a href="http://www.maxxis.com/"><img src="loghi/maxxis_logo.gif" width="138" height="26" border="0" align="middle" /></a> <strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><a href="http://www.magura.com/"><img src="loghi/magura_logo.gif" width="53" height="36" border="0" align="middle" /></a></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong> <a href="http://www.grossglockner-protector.com/"><img src="loghi/troy_lee_design_logo.gif" width="65" height="38" border="0" align="middle" /></a></span></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></span></div></td>
      </tr>
 

giulio46moto

Biker celestialis
24/2/06
7.075
-87
0
33
Asti
www.labicicletteria.net
FATTO!!!!! grazie 1000!!! proprio quello che volevo
senti, non è che si potrebbe tenere la cornice sono alle foto piccole da ingrandire e quelle grandi di fianco all'articolo??



no, gli strong non sono voluti
 

crc_error

Biker poeticus
5/5/08
3.530
11
0
44
Besana (MB)
Visita sito
Bike
Giant Trance 3 2015
Certo basta che crei una classe css e la applichi solo alle immagini che vuoi

HTML: 
.imgIncorniciata {
    border: 1px solid #CCC;
    padding: 2px;    
    margin: 10px 5px 10px 0;
}

<!-- con cornice -->
<img border="0" src="immagini/anno_2009/ferrania_19_07_09_foto/19 07 09 Ferrania 000752.jpg" class="imgIncorniciata " />

<!-- senza cornice -->
<img border="0" src="immagini/anno_2009/ferrania_19_07_09_foto/19 07 09 Ferrania 000752.jpg" />

Ciao

Ps. La birra la preferisco scura, una rossa grazie
 

Classifica giornaliera dislivello positivo

Classifica mensile dislivello positivo

Menu
Login
Registrati