Back to top

Autore Topic: Consigli pagina blog  (Letto 6338 volte)

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Consigli pagina blog
« il: 03 Giu 2012, 12:29:06 »
Ciao a tutti,


sul mio sito è presente una pagina blog in cui vengono raccolti i vari articoli scritti nel sito, al momento è composta da due articoli principali e 4 secondari su due colonne.


Siccome i miei articoli fanno spesso uso di immagini grandi, ho fatto in modo che quando gli articoli vanno ad inserirsi nelle colonne degli articoli secondari le immagini in essi contenute non siano visibili, in modo da non trovarmi con l'impaginazione rovinata. (siccome solitamente inserisco due immagini una accanto all'altra, e quando l'articolo diventa secondario le immagini vanno a finire una sotto l'altra).


La pagina è questa: [size=78%]http://allise.net/it/blog[/size]


Il problema è che non mi piace molto, e vorrei migliorarne l'aspetto e l'organizzazione.
Ho provato ad installare K2 che speravo visualizzasse gli articoli in maniera migliore ma oltre al fatto che il template che uso non è ottimizzato per questo componente (e non ho voglia di ottimizzarlo io), non mi piaceva affatto come venivano mostrati gli articoli ed il blog.


Sapreste darmi qualche consiglio su come migliorare questa pagina?
Grazie.  ;)
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #1 il: 03 Giu 2012, 14:32:18 »
Sicuramente lo saprai e forse lo hai anche configurato......Su k2 puoi impostare le dimensioni dell'immagine a livello generale oppure a categoria......ed infine ad articolo.

Per cui dovresti poter avere le immagini in tutte le misure che desideri.

Io con un override ed qualche modifica al css, ho fatto im modo che queste immagini siano allineate a sx con il testo che gli flotta intorno.

Tu come vorresti avere impaginata quella pagina?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #2 il: 03 Giu 2012, 14:47:35 »
no beh ma le dimensioni delle immagini posso darle anche via CSS, imposto max-width alle immagini nelle colonne a circa 45% e in quel modo le immagini si ridimensionano rimanendo affiancate.


La mia domanda è più generica rispetto all'intera pagina, cioè attualmente mi pare spoglia e incasinata...

PS: Appena fatto quella cosa per avere le immagini sempre affiancate, non stan male ^.^"
« Ultima modifica: 03 Giu 2012, 14:53:03 da lady r »
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #3 il: 03 Giu 2012, 16:04:28 »
Anche meglio, ho creato uno script jQuery che mi sistema la posizione delle immagini in modo che se abbiamo la seguente situazione:


Codice: [Seleziona]
<p> <img /> <img /> </p>

Se le due immagini sono troppo grosse, andando quindi a finire una sotto l'altra, lo script va a impostare la larghezza massima delle immagini a 50% in modo che le due immagini risultino nuovamente affiancate.


Lo script controlla prima di tutto quante immagini sono presenti dentro ad un paragrafo, quindi va ad impostare ad ogni immagine una larghezza massima in modo che risultino tutte sulla stessa riga.


Quindi se abbiamo 3 immagini dentro ad un paragrafo, ad esse verrà assegnata la larghezza massima di 33%, se sono 4 verrà impostata 25% e così via.


Lo script è il seguente
Codice: [Seleziona]

 jQuery('.rt-article p').each(function(index) {

var N = jQuery(this).find('img').size();
var maxWidth = ((100 / N) - 3) + "%";
if(N > 1) {
jQuery(this).find('img').css("maxWidth", maxWidth);
}




   });


Il mio è pensato per funzionare con templates della Rocket, quindi per farlo funzionare sul vostro dovete modificare alla prima linea: .rt-article con la classe assegnata agli articoli dal vostro template.


Comunque tornando in tema, continuo ad aspettare consigli su come rendere meno spoglio il mio bloggino :(
« Ultima modifica: 03 Giu 2012, 16:06:40 da lady r »
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #4 il: 03 Giu 2012, 19:40:51 »
Sinceramente non mi dispiace, forse l'unica cosa che farei è ridurre lo spazio tra paragrafo e paragrafo e  utilizzerie un font verdana per il testo anzichè arial.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #5 il: 03 Giu 2012, 19:43:49 »
Il font in realtà è Helvetica, non Arial.


Riguardo allo spazio fra paragrafi in effetti hai ragione, ora lo riduco.

Pensavo di aggiungere di lato una sidebar con l'elenco delle categorie ma il modulo di Joomla non mi convince... Ne conosci qualcuno che offra magari qualche animazione accordion o cose così?
« Ultima modifica: 03 Giu 2012, 19:47:44 da lady r »
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #6 il: 03 Giu 2012, 20:08:50 »
Ho ricontrollato, anche se nel css c'è scritto helvetica, quello è arial: Ho provato a cambiarlo con firebug ed in effetti togliendo helvetica ed inserendo arial il font non cambia, mentre inserendo una altro tipo di font la modifica viene fuori.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #7 il: 03 Giu 2012, 20:55:29 »
Ok ops, se non avevi il font nel PC installato non lo vedevi, ora l'ho impostato come Web Font e dovrebbe vedersi  ;D
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #8 il: 03 Giu 2012, 21:08:30 »
Adesso il font si vede. Con helvetica questo problema c'è in quanto il font, quello originale è uno solo, ma ne girano un sacco di versioni........io nonostante avessi tutta la famiglia non visualizzavo nessun cambiamento.
ma non ho capito se hai usato la direttiva font-face per "helvetica ce"

Il risultato grafico migliora un poco, solo che le lettere sono un po "seghettate?"

Codice: [Seleziona]
.rt-article {
  font-family: "Helvetica CE";
  line-height: 13pt;
}
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #9 il: 03 Giu 2012, 22:27:53 »
Io con Chrome le vedo bene, comunque ho caricato sul sito il font Helvetica CE Regular e l'ho impostato come predefinito tramite CSS.


Purtroppo l'Helvetica Regular è a pagamento e non mi va di spendere soldi per un font...
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #10 il: 03 Giu 2012, 22:59:15 »
...infatto non capisco la scelta di utilizzare un font a pagamento.

I font che celgo per i miei siti sono 3
verdana, Courier New/AnonymousRegular e DejaVu Sans

l'ultimo nominato ha una licenza GPL e lo inserisco con la direttiva @font-face
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #11 il: 03 Giu 2012, 23:01:00 »
Mi piace Helvetica  :P
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #12 il: 03 Giu 2012, 23:13:36 »
Mi piace Helvetica  :P

...avevo qualche dubbio, ma ora me li hai tolti tutti 8)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #13 il: 03 Giu 2012, 23:33:30 »
Ho trovato Helvetica originale su un sito di font free, credo sia l'originale.


L'ho applicato, ma io quando carico la pagina vedo così:





Il mio ragazzo dice che vede bene dal suo PC, quindi non so a cosa sia dovuto... Comunque cliccando sopra al testo difettoso si sistema da solo.


Idee?
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #14 il: 03 Giu 2012, 23:37:05 »
lo vedo bene ma non è helvetica.

Con Linux è arial
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #15 il: 03 Giu 2012, 23:41:25 »
Anche io sono da Linux, comunque ho tolto e rimesso Arial, da Opera si vedevano le lettere sfocate...


A me piace Arial >_<


Piuttosto mi son accorta ora che il forum (http://forum.allise.net) si vede male da Firefox, i testi non stanno al centro dei box, ma non andiamo offtopic, hihi.  (Risolto)

Tornando al blog, qualche estensione carina da usare non ne conosci?
« Ultima modifica: 04 Giu 2012, 00:08:41 da lady r »
http://www.allise.net Se avete la PS3 dateci un occhiata :D

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #16 il: 03 Giu 2012, 23:54:19 »
Codice: [Seleziona]
A me piace Arial >_<
la tua soddisfazione è la nostra soddisfazione. :)

Niente, non mi viene in mente niente, poi non mi pare che se una webmaster della domenica che non sa nemeno cosa è la JED, oppure se gli dici che devi caricare il file via FTp ti risponde "potresti essere più preciso". Insomma non mi pare che sei una sprovveduta a cui rifilare le solite frasi di circostanza.

Quando ti si blocca la creatività devi fermarti e basta, mettiti a cazzeggiare con altro e vedrai che ti vien fuori una bellissima idea......ad esempio cambia la password del PC del fidanzato, oppure glielo formatti....cerca di trovare la password della connessione wifi del vicino di casa, insomma fai qualcosa che ti distragga un po.  ;)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Consigli pagina blog
« Risposta #17 il: 04 Giu 2012, 00:11:13 »
Ok :(


Però non metto risolto... Uffi




avevo trovato un componente carino, si chiama Timeline, credevo visualizzasse gli articoli di Joomla in una timeline molto bella con possibilità di zoommare e scorrere di data, invece legge solo degli stupidi file di google docs in modo da visualizzare varie informazioni per data >_<"


Questo:
http://extensions.joomla.org/extensions/social-web/social-display/social-channels-display/20518?qh=YToyOntpOjA7czo4OiJ0aW1lbGluZSI7aToxO3M6OToidGltZWxpbmVzIjt9
http://www.allise.net Se avete la PS3 dateci un occhiata :D

 



Web Design Bolzano Kreatif