[HTML - CSS] Mettere a posto il mio Layout in Blogger

[Øne×]

Premettendo che sono un Blogger autodidatta, pur avendo una limitata esperienza ho fatto da me tutto il lavoro che vedete. Con tanta pazienza e pagine sopra pagine di tutorials.
Ho ritoccato personalmente tutto il modello usando delle correzioni CSS. Ottenendo un lavoro che comunque concettualmente non dista molto da un prodotto professionale. Meglio di prima sicuramente è..

Mi mancano però alcune correzioni

Allineare verticalmente MENU-BODY-FOOTER (in modo da formare una impaginazione a forma di "I").
Centrare le colonne del BODY (in modo da apparire ben allineate fra loro, senza eccessi di spazio fra loro)
Centrare stabilmente le immagini dei POST e dei "BANNERS" sparsi su tutto il LAYOUT.
Correggere gli spazi fra i POST pubblicati, cioè definire il corretto spazio fra un post ed il successivo.
Perché con la mia correzione purtroppo accade che quelli grossi vengono distanziati più rispetto a quelli già raggruppati.

Poi ho due dubbi:

1) Per il momento li ho nascosti. Ma devo rimettere iscriviti a "Post Atom" e la scritta "Home page" sotto il post. Per poter mettere i Banners? Adsense li voleva, ma è truffaldina. Non so le altre compagnie come ragionano su questi concetti. Poi cmq il mio tema è modificato a mio piacimento, ma presumo non sia un problema perché sono messi a disposizione da Blogger.

2) Per evitare che qualcuno mi ricopi l' idea (anche se non gli conviene, perché per generare traffico si dovrà ONESTAMENTE fare un mazzo della madonna..) Cosa posso scrivere? Quali modi ho di tutelarmi?

Inoltre vorrei dei suggerimenti su come impostare un blocco per chi utilizza ADP sul Browser.
Un altro problema è che pur avendo registrato il mio dominio, quando ho provato ad aggiungerlo mi sono stati chiesti i DNS. Adesso io non ho capito se devo fornire i dati del servizio di Hosting in risposta al servizio che mi offre il Dominio. Oppure loro mi devono fornire un particolare indirizzo derivato dal mio Dominio.

In argomento Hosting, per un Blog come il mio non servirà chissa che portata. C'è ne sono di gratuiti? Mi posso appellare ad un servizio tipo: Firedrive, Dropbox, e compagnia bella?

Mi farò un mazzo madornale, lo so già, ma almeno spero di mettermi qualcosa in tasca a fine mese. Grazie a chi mi aiuta!

- - - - - -

Per allineare le immagini ho usato questo codice:

<table>
<tr><td>
<img src="image.png" />
</td>
<td><img src="image.png" />
</td>
<td><img src="image.png" />
</td></tr></table>

Ma mi manca come definire gli spazi + mettere dei bordi (come la semplificazione sotto praticamente, per via delle tabelle fisse non ho potuto spostare il gadget sopra).
Inoltre vorrei fare una versione di codice per mettere delle immagini verticalmente sulle due colonne.

Metto due Screen:

-banners.jpg

Oltre questi dettagli, come già detto mi riesce difficile far bilanciare lo spazio del body e la dimensione fra menu e footer (comparando le immagini si nota).

-header-layout.jpg

Grazie anticipatamente a chi mi aiuterà!

- - - - - -

Aggiungo anche uno Screen per dimostrare il problema dello spazio dei posts:

-post.jpg

Se necessario lascio il link in pvt.

[OoZic]

Rileggi il tuo post e dimmi se ci capisci qualcosa o se vedi qualche immagine.

Io non ci ho capito nulla e non vedo nessuna immagine.

[Øne×]

Originariamente inviato da OoZic

Rileggi il tuo post e dimmi se ci capisci qualcosa o se vedi qualche immagine.

Io non ci ho capito nulla e non vedo nessuna immagine.

Io non ci vedo cose incomprensibili. Per le immagini bastava che ci cliccavi sopra ai link.

[Øne×]

La ristendo così:

Questo che sto per farvi vedere è il mio Blogsite concettuale, studiato per monetizzare e per offrire un servizio alle utenze che lo visitano. Insomma l' unico modo per farmi un mazzo dalla mattina alla sera per guadagnare (se va bene) qualche euro al giorno.

Il problema principale è che non riesco ad aggiustare BENE le dimensioni ed a fissare i contenuti a DOC.
Vi spiacerebbe darmi una mano? Una volta partito posso provvedervi pubblicità come ricambio di favore.

Questi sono principalmente gli aspetti che vorrei aggiustare:

- CORREGGERE GLI SPAZI FRA COLONNE.
- RIDIMENSIONARE LA BARRA DI MENU' A DIMENSIONE DEL FOOTER (in modo da formare un Layout a forma di "I").
- CENTRARE IL BODY E TUTTI GLI ALTRI WIDGET.
- FIXARE IL WIDGET CHE ANDRA' A SOSTITUIRE L' IMMAGINE DEL BANNER IN ALTO.

header-layout.jpg

- SISTEMARE LO SPAZIO FRA I POST (nelle anteprime con poche righe va bene, ma con i post grossi non ricevo la stessa configurazione).
- SISTEMARE LO SPAZIO FRA I BANNERS SU AMBEDUE LE COLONNE (tramite Widget HTML, provvederò il codice da cui sto partendo).

Post.jpg

- PREDISPORRE I BANNER RAGGRUPPATI IN SERIE CON SEPARATORE (sempre con codice HTML, praticamente come quelli esemplificativi sotto) ALTRIMENTI CREARE UN NUOVO SPAZIO NEL FOOTER. IN MODO DA DIVIDERE LE COLONNE FRA UNA SINGOLA (immagine a seguire nel prossimo messaggio).

Banners.jpg


In caso servisse, provvedo il link via mp in PVT.

[Øne×]

3a immagine:

Interno.jpg

[MicheleRaponi]

Abbi pazienza, ma se non fornisci il codice nessuno potrà mai darti aiuto efficacemente.

p.s.: Ad Hoc non "a doc".

[Øne×]

Originariamente inviato da MicheleRaponi

Abbi pazienza, ma se non fornisci il codice nessuno potrà mai darti aiuto efficacemente.

p.s.: Ad Hoc non "a doc".

Eccolo qui (appena qualcuno mi risponde, lo rimetto).
Come vedi è un po' cambiato, pian piano faccio progressi. Però quel menù da li non si vuol proprio spostare..

[Øne×]

Menu risolto*
Slider risolto*
Mi mancano 2 bazzecole e metto online.

[Øne×]

Quasi tutto finito (da solo).. Mi sto scervellando per quest' ultimo codice, se qualcuno mi aiuta sarebbe fantastico!

#footer-widgets {
padding: 60px 0 0 0;
}
.footer-widget-box {
width: 300px;
float: left;
margin-left: 0px;
margin-right: 112px;
margin-bottom: 60px;
}
.footer-widget-box-last {
}
#footer-widgets .widget-container {
color:#fffff f ;
position:asbolute;
}
#footer-widgets h2 {
font-family: arial;
text-shadow: none;
font-size: 16px;
color: #222222 ;
text-transform: uppercase;
font-weight: 700;
border-left: 1px solid #dddddd ;
padding-bottom: 10px;
}
#footer-widgets .widget ul {
list-style-type: none;
list-style: none;
margin: 0px;
padding: 0px;
}
#footer-widgets .widget ul li {
padding: 0 0 9px 0;
margin: 0 0 08px 0;
}
#footer-widgets -containerback {
width: 1240px;
text-align: center;
padding-right: 10px;
display: center !important;
margin: auto;
}
#footer-widgets -container {
background: #fffff f ;
border-top: 0px;
}
.footersec {
color: #0000 ;
font-size: 14px;
line-height: 18px;
}
.footersec .widget {
margin-bottom: 20px;
}
#footer-widgets -container {
text-align:center !important;
display:inline !important;
background: #fffff ;
border-top: 0px;
float:right;
display:center !important;
width: 1279px;
padding-top: 20px;
padding-left: 1px;
margin-top: 30px;
margin-bottom: 120px;
margin-right: 31px;
}

.footersec ul {
}
.footersec ul li {
}

Devo centrare gli elementi interni del footer, tipo la rappresentazione che ho messo dei banner sul footer (ho un doppio footer, per così dire..).
Inoltre vorrei fixarlo, in modo che ingrandendo o rimpicciolendo non si muova in orizzontale. Spero in un aiuto!

[Traxsung]

scusami se mi permetto, ma non sarebbe più facile poterti aiutare se mettissi online la demo ?