A.A.A. Template funzionanti per Blogger cercansi

[Mr.TFM]

Sto cercando dei template funzionanti per la piattaforma di blogging di google.

Blogger per l'appunto....

Se sapete qualcosa fatemi un fischio....

[Mr.TFM]

Eccheccavolo...
Non esiste niente?

Io ho solo trovato roba per la vecchia versione..........

Tra l'altro dovrei caricare le immagini per il tema..........
Dove le posso mettere?

[Rumez]

scusami..io non mi intendo molto di blog..credo che però sia arrivato il momento di informarmi..se trovo qualcosa che ti può essere utile sicuramente te lo segnalo

[Mr.TFM]

Grazie mille...

Intanto io continuo il fai-da-te...

C'è solo qualche piccolo problemino di css sulla colonna di destra e il fondale.... però direi che posso continuare sereno...

[Rumez]

beh per i css credo che posso esserti utile se hai bisogno...e anche tanti altri più bravi di me che girano da queste parti

[Mr.TFM]

Un po' me la sto cavando...
C'è solo una cosa che non quadra....
Vorrei che il background centrale della pagina, si fermasse prima del footer....

Le istruzioni del Css

Codice: Seleziona tutto

#footer {
  margin: 0;
  padding: 20px 320px 40px 95px;
  background: url(http://img130.imageshack.us/img130/9857/footercd0.png) no-repeat top left;
  }

[Rumez]

eh...non capisco così...dovrei vedere..

[Mr.TFM]

Ecco...
http://mrtfm.blogspot.com/2007/07/un-te ... log-4.html

[ssjx]

suggerimento stupido (in questo momento (23:05 del sabato sera) non ho voglia di pensare troppo ):

perché non editi meglio l'immagine di backgroung del footer in modo che copra decentemente quella del corpo centrale? ............ se elimini la l'effetto fading (o come si chiama ) laterale dall'immagine del footer (in modo che non si sovrapponga a quella del corpo centrale) non credo incontreresti altri problemi

[Mr.TFM]

suggerimento stupido (in questo momento (23:05 del sabato sera) non ho voglia di pensare troppo ):

perché non editi meglio l'immagine di backgroung del footer in modo che copra decentemente quella del corpo centrale? ............ se elimini la l'effetto fading (o come si chiama ) laterale dall'immagine del footer (in modo che non si sovrapponga a quella del corpo centrale) non credo incontreresti altri problemi

Penso che risolverò mettendoci uno sfondo del colore del fondale...
Però è un workaround che vorrei evitare.................

[ssjx]

Ecco al momento hai risolto come intendevo io...

comunque dando solo un'occhiata veloce al codice credo potresti risolvere aggiungendo una regola del tipo

Codice: Seleziona tutto

body#layout #outer-wrapper {
  margin-bottom: XXpx; (a seconda dell'altezza del footer)
}

Magari sbaglio (sono anche un po' arrugginito oltre che di fretta) .... bisognerebbe fare delle prove magari con altri attributi (bottom e padding-bottom son quelli che mi vengoino in mente per adesso)

ciauz

[Mr.TFM]

Appena avrò tempo, provvederò...
L'unica cosa che un po' mi preoccupa è che debba caricare le immagini che servono per il template su imageshack..........

Devo guardare bene nei prossimi giorni se c'è un modo di uppare files via ftp su uno spazio dedicato........

[ssjx]

L'unica cosa che un po' mi preoccupa è che debba caricare le immagini che servono per il template su imageshack..........

Devo guardare bene nei prossimi giorni se c'è un modo di uppare files via ftp su uno spazio dedicato........

questo si risolve facile..... basta che includi il codice dell'immagine direttamente nel CSS ed eviti ogni problema

[Mr.TFM]

E come funziona sta cosa????
Spiega un po'....


PS: mi hai mandato un commento sul blog?
Era finito in moderazione (non so perché) ma poi alla fine quando ho cliccato su pubblica, è sparito....

[ssjx]

E come funziona sta cosa????
Spiega un po'....

In pratica in quel link che ti ho dato basta che inserisci l'url dell'immagine che ti interessa (quindi quel servizio ha il difetto che devi prima caricarle sul web, non funzia con immagini in locale.... ma serve solo per tradurle poi nn servono più tranquillo) e clicchi su invia

ti verrà restituita nel box sotto una stringa alfanumerica che di fatto è la tua immagine tradotta in formato Base64

Per esempio questo è il tuo avatar:

Codice: Seleziona tutto

data:image/jpeg;base64,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%3D%3D

A questo punto l'unica cosa che devi fare è inserire questa stringa nel tuo CSS dove normalmente metteresti l'URL

Codice: Seleziona tutto

div.image {
  width:80px;
  height:80px;
  background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD...);
}

PS: mi hai mandato un commento sul blog?
Era finito in moderazione (non so perché) ma poi alla fine quando ho cliccato su pubblica, è sparito....

Ah si.... comunque piccolo consiglio.... io toglierei la necessità della conferma dell'amministratore per i commenti.... è un po' antipatico... direi che sarebbe meglio metterlo solo in caso si verifichino abusi