HTML Blog Skin

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Tolto ma niente.. :/
     
    .
  2.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Ok, siamo arrivati quasi alla soluzione: ora il problema è il bordo sinistro di .zz
    Conviene mettere come width di quella classe calc(38.9% - 1px) (ovvero -1px del bordo)
    A voler fare i perfezionisti, con una media query togli poi il bordo a risoluzioni basse:
    CODICE
    @media screen and (max-width: 768px) {.board .big_list .zz {border-left: none !important}}


    Vediamo se così si risolve.
     
    .
  3.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Perfetto. Adesso per avere questo problema devo scendere a 30% di risoluzione, penso che vada bene no? Non credo ci sia qualcuno con una risoluzione microscopica come quella... o va sistemato comunque? xD
     
    .
  4.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Macroscopica, più diminuisci lo zoom e più aumenta la risoluzione. Al 33% io sono a 5760x2898px, direi di lasciar perdere.
    Pensiamo ad altro.
     
    .
  5.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Perfetto, c'è qualcos'altro da sistemare?
     
    .
  6.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Ad esempio le scritte aggiuntive a .zz vanno un po' pensate, le skin non vengono installate o visualizzate solo da utenti italiani.
    Le soluzioni sono due, entrambe utilizzando le nuove classi del body.

    1) Metti quelle scritte solo per utenti italiani body.it ...
    2) Metti delle traduzioni per le altre lingue (almeno inglese e spagnolo), body.en ... body.es ...

    Forse meglio la prima, senza complicare le cose.
    Lo stesso va fatto anche in altre parti se hai aggiunto testo aggiuntivo.

    Tra qualche giorno forse avrò tempo per vedere la skin in dettaglio, in tanto ci sono gli altri ad aiutarti.
     
    .
  7.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Nuove classi del body? Mi sa che in questo periodo di fermo mi son perso qualcosa. Scusa la mia ignoranza ma potresti dirmi come funziona?
    Comunque escluse quelle 3 parole nel .zz non ho messo altro testo in italiano o che abbia bisogno di traduzione perciò l traduzione in altre lingue è fattibile in quanto sono solo 3 parole (Pubblicato il, Pubblicato in, Ultimo commento di)
     
    .
  8.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Da inizio anno ci sono classi personalizzate, per cui puoi personalizzare ogni pagina a seconda del gruppo dell'utente, di particolari permessi (es. mod globali) o anche per lingua; ma ci sono molte altre possibili variazioni, vedi qui una lista completa.
     
    .
  9.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    E' corretto così? Ho aggiunto body.it, body.en, body.es, body.fr, body.de, body.pt.
    CODE
    body.it .board .when:before {font-family: "Titillium Web"; font-size: 12px; font-weight: normal; color: #464646; margin-left: 5px; content: 'Pubblicato il '}


    Edit: sembra funzionare bene. Controllate se son tradotti bene xD
     
    .
  10.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Conviene che fai una classe generica con le dichiarazioni ricorrenti:
    HTML
    .board .when:before {font-family: "Titillium Web"; font-size: 12px; font-weight: normal; color: #464646; margin-left: 5px}

    E poi per le singole lingue specificare il testo:
    HTML
    body.it .board .when:before {content: 'Pubblicato il '}


    In questo modo per le lingue non contemplate dalle tue classi non ci saranno problemi, inoltre la modifica grafica al testo è molto più snella (per non parlare del codice in generale).
     
    .
  11.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Hai ragione, ho fatto :)
     
    .
  12.  
    .
    Avatar

    Advanced Member

    Group
    ForumFree Mod
    Posts
    6,658

    Status
    Anonymous
    CITAZIONE
    Perfetto, c'è qualcos'altro da sistemare?

    Ci sarebbero i mini_buttons dei contatti del profilo da sistemare, non sono allineati bene. Inoltre, mi pare che le voci del submenù abbiano qualche problema all'hover.
    Se serve aiuto avvisa pure.
     
    .
  13.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    Sistemati i .mini_buttons

    Per il problema all'hover nel submenù non so come risolvere. Consigli?
     
    .
  14.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    La skin mobile è quella di default.
    Anche se non ne vuoi fare una troppo elaborata, almeno i colori devono essere simili (la versione mobile è velocissima da personalizzare, anche il css è molto corto).
     
    .
  15.  
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    14,141
    Location
    Dark Abyss

    Status
    Anonymous
    CITAZIONE (Kakashi @ 2/9/2017, 23:26) 
    La skin mobile è quella di default.
    Anche se non ne vuoi fare una troppo elaborata, almeno i colori devono essere simili (la versione mobile è velocissima da personalizzare, anche il css è molto corto).

    Fatto, però non riesco a cambiare colore all'mback della sezione Blog Demo...


    CITAZIONE (Masaki Izawa @ 1/9/2017, 14:52) 
    Per il problema all'hover nel submenù non so come risolvere. Consigli?

    Un aiutino qua? :c
     
    .
61 replies since 29/8/2017, 20:40   4805 views
  Share  
.