Pagina 1 di 2 12 UltimoUltimo
Visualizzazione risultati 1 fino 30 di 38

Discussione: Bordi smussati

  1. #1
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito Bordi smussati

    Vorrei che un mio div avesse il bordo con gli angoli smussati ma senza utilizzare immagini, solo codice. Si può?

  2. #2
    Guest

    Predefinito

    qui ci sono vari esempi.
    solo immagini, solo css, css e js...
    http://css.html.it/articoli/leggi/16...ai-cosi-fac/1/

  3. #3
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    L'ho usato, qualcosa sono riuscito a fare ma gli angoli non si vedono...
    Qui ho caricato l'esempio su cui l'ho provato.

  4. #4
    Guest

    Predefinito

    Secondo me basta utilizzare solo un pò di css...

    Codice:
    .miaclasse {
    -moz-border-radius: 3px; /* Per Firefox */
    -webkit- border-radius: 3px; /* Safari e Chrome*/
    border-radius: 3px; /* Standard CSS */
    }
    Fonte : http://saitfainder.altervista.org/webnology/

  5. #5
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    wow fantastico! grazie
    però con internet explorer non funziona...
    Ultima modifica di tryhere : 14-04-2009 alle ore 13.51.18

  6. #6
    Guest

    Predefinito

    Citazione Originalmente inviato da nokiagames Visualizza messaggio
    Secondo me basta utilizzare solo un pò di css...

    Codice:
    .miaclasse {
    -moz-border-radius: 3px; /* Per Firefox */
    -webkit- border-radius: 3px; /* Safari e Chrome*/
    border-radius: 3px; /* Standard CSS */
    }
    Fonte : http://saitfainder.altervista.org/webnology/
    però mi sa che su ie non funziona

  7. #7
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    non c'è nessun modo per farlo funzionare su ie?

  8. #8
    L'avatar di nukta
    nukta non è connesso AlterVista Staff
    Data registrazione
    12-06-2008
    Messaggi
    136

    Predefinito

    solo con i css NO
    per avere l'effetto angoli arrotondati su Explorer devi per forza usare le immagini. (.. o aspettare paziente un miracolo)
    Ultima modifica di nukta : 14-04-2009 alle ore 14.31.46

  9. #9
    Guest

    Predefinito

    Si.
    Leggi qui => http://www.juliusdesign.net/bordi-ar...-il-css-e-div/
    C'è un po' troppo codice da mettere attorno al bordo, però una volta ho messo il codice dei bordi superiori in un file, e quello dei bordi inferiori in un altro file, così da richiamarli con include...E' un po' un pasticcio, e gli angoli non sono del tutto arrotondati, poichè lo smussamento non è altro che una serie di pixel..., e quindi si vede che il bordo non è perfettamente rotondo.

  10. #10
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Grazie della segnalazione, tuttavia non è una soluzione molto pulita in quanto più si vuole che l'angolo sia dettagliato più suddivisioni si devono fare

  11. #11
    L'avatar di nukta
    nukta non è connesso AlterVista Staff
    Data registrazione
    12-06-2008
    Messaggi
    136

    Predefinito

    Citazione Originalmente inviato da musicanapoli Visualizza messaggio
    Si, giusta precisazione. Il mio NO si riferiva all'uso della proprietà Css3 "border-radius".

  12. #12
    Guest

    Predefinito

    Citazione Originalmente inviato da nukta Visualizza messaggio
    solo con i css NO
    per avere l'effetto angoli arrotondati su Explorer devi per forza usare le immagini. (.. o aspettare paziente un miracolo)
    forse con js...
    nell'articolo che ti ho linkato c'è

  13. #13
    Guest

    Predefinito

    Citazione Originalmente inviato da tryhere Visualizza messaggio
    Grazie della segnalazione, tuttavia non è una soluzione molto pulita in quanto più si vuole che l'angolo sia dettagliato più suddivisioni si devono fare
    Purtroppo se vuoi che i tuoi bordi risultino arrotondati e vengano visualizzati in tutti i browser, devi utilizzare il sistema delle immagini oppure il sistema che ti ho linkato...

    Oltre a tutto quello che ti abbiamo segnalato, credo che non ci siano altri sistemi.

  14. #14
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    Vorrei solo aggiungere che vi siete dimenticato di toninosite il quale usa PHP per semplificare diversi codici che sono reperibili on-line e per una questione di "codice più pulito".
    Apprezzi l'aiuto? Offrimi un caffè!

  15. #15
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Ho provato ad utilizzare nifty ma non sono riuscito (ho caricato qui il mio lavoro)...

  16. #16
    Guest

    Predefinito

    con nifty ho trovato anche io dei problemi.
    prova a copiare il codice dall'articolo e di modificare grandezza e colori e basta

  17. #17
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    è praticamente quello che ho fatto ma non funziona...

  18. #18
    Guest

    Predefinito

    non so che dirti

  19. #19
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    avevo dimenticato i css, ora li ho aggiunti ma non è cambiato niente...

  20. #20
    L'avatar di sliver
    sliver non è connesso Utente storico
    Data registrazione
    09-03-2001
    Messaggi
    505

    Predefinito

    la cosa piu semplice e veloce che ho trovato in passato è stato jquery.
    aru culu

  21. #21
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Non mi è chiarissimo come funziona perchè non trovo un tutorial...mi puoi aiutare?
    Vorrei arrotondare (round) gli angoli di un div.
    Ultima modifica di tryhere : 15-04-2009 alle ore 22.27.09

  22. #22
    L'avatar di sliver
    sliver non è connesso Utente storico
    Data registrazione
    09-03-2001
    Messaggi
    505

    Predefinito

    Citazione Originalmente inviato da tryhere Visualizza messaggio
    Non mi è chiarissimo come funziona perchè non trovo un tutorial...mi puoi aiutare?
    Vorrei arrotondare (round) gli angoli di un div.
    Basta spulciare la sorgente di quella pagina:

    1) scarichi le 2 librerie js che trovi nella pagina...
    2) ...e le inserisci negli header:

    Codice:
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script type="text/javascript" src="jquery.corner.js"></script>
    3) supponendo che hai
    <div id="voglio_arrotondarti">contenuto</div>
    inserisci anche negli header
    <script type="text/javascript"> $('#voglio_arrotondarti').corner(); </script>
    Spulciando la pagina puoi capire che si possono passare diversi parametri alla funzione corner() in modo da customizzare l'arrotondamendo.
    aru culu

  23. #23
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    L'ho fatto ma non funziona...non devo mettere nessun css particolare alla pagina?

  24. #24
    L'avatar di sliver
    sliver non è connesso Utente storico
    Data registrazione
    09-03-2001
    Messaggi
    505

    Predefinito

    devi invertire l'ordine delle librerie nell'header, prima jquery e poi corner ;).
    aru culu

  25. #25
    Guest

    Predefinito

    Dipende comunque sempre dal tipo di bordo che vuoi, perchè dovrebbe essere possibile farlo sempre con CSS e HTML

  26. #26
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Risolto Grazie
    Però ho notato che lo sfondo dove va a smussare l'angolo lo fa bianco...come posso rimediare?

  27. #27
    Guest

    Predefinito

    Citazione Originalmente inviato da tryhere Visualizza messaggio
    Risolto Grazie
    Però ho notato che lo sfondo dove va a smussare l'angolo lo fa bianco...come posso rimediare?
    come hai fatto a risolvere?
    mi dai uno screenshot del problema dello sfondo per capire meglio?

  28. #28
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    ho invertito le librerie, come mi è stato suggerito pochi post sopra.
    la pagina la trovi qui.

  29. #29
    Guest

    Predefinito

    a JS non si vede, con il CSS invece si vedrebbe SEMPRE e in TUTTI i browser

  30. #30
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    In internet explorer è impossibile farlo con i css, comunque rimane il problema del colore di sfondo sugli angoli...

Pagina 1 di 2 12 UltimoUltimo

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •