Vari problemi con gli arrotondamenti!

Scusate se ho sbagliato sezione, sono nuovo quindi non sapevo dove postarlo!

Ho riscontrato vari problemi con degli angoli posto screen :

2. nel profilo :

Volevo aggiungerci delle angolazioni più pulite e che seguino la stessa linea
Sapete risolvere il mio problema Grazie anticipati! 

Ciao, benvenuto sul FDF, vuoi arrotondare gli angoli del forum? Prova a dare una lettura a questo tutorial: 
https://aiuto.forumattivo.it/t9754-elegante-gruppo-di-css?highlight=elegante

Saluti
Insane

Insane ha scritto:Ciao, benvenuto sul FDF, vuoi arrotondare gli angoli del forum? Prova a dare una lettura a questo tutorial: 
https://aiuto.forumattivo.it/t9754-elegante-gruppo-di-css?highlight=elegante

Saluti
Insane

Insane non era quello che cercavo io voglio arrotondare quei bordi che ci sono nell'immagine e non tutte quelle cose! cmq Grazie lo stesso! Aspetto altri...

Codice:

#cp-main .panel {
 border-radius: 10px;
  -moz-border-radius: 10px; /* firefox */
  -webkit-border-radius: 10px; /* safari, chrome */
}

Devi solamente cambiare il valore in questo caso è 10, inoltre aggiungendo altre stringhe modifichi anche il colore.

Dozy™ ha scritto:

Codice:

#cp-main .panel {
 border-radius: 10px;
  -moz-border-radius: 10px; /* firefox */
  -webkit-border-radius: 10px; /* safari, chrome */
}

Devi solamente cambiare il valore in questo caso è 10, inoltre aggiungendo altre stringhe modifichi anche il colore.

Grazie Dozy il codice funziona alla perfezione ... ho messo come border 5px e va benissimo.

1. potresti aiutare in altre cose su come arrotondare l'avatar (Amici) :

2. e poi aggiungere il riquadro nella categoria :


3. volevo anche sapere se esiste uno script che appena vengono messe delle immagini in un topic vengono arrotondate!

4.se si potevano arrotondare gli interni delle categorie :

5.Se si potevano arrotondare i Bottoni e la parte per scrivere della chatbox : Aiutami Per favore °-°

Per gli amici modifichi questa stringa:

Codice:

.avatar {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(22, 117, 188);
    width: 50px;
    border-radius: 8px;
     -moz-border-radius: 8px; /* firefox */
      -webkit-border-radius: 8px; /* safari, chrome */
}

Stesso procedimento per gli ultimi post:

Codice:

.topiclist.forums dd.lastpost {
    background-color: rgb(220, 234, 245);
    border-radius: 5px;
    -moz-border-radius: 5px; /* firefox */
      -webkit-border-radius: 5px; /* safari, chrome */
    box-shadow: 1px 1px 1px rgb(255, 255, 255);
    margin: 6px 13px;
}

Per lo script e gli altri arrotondamenti prova nelle sezione Risorse
o nella sezione tutoriali

Lista completa

O tramite tasto cerca.

e mezzo risolto xD.. allora Quello dell'avatr funziona anche se non le stesse colorazioni... le cose che devo cercare lo sto per cercare... invece riguardo all'ultimo argomento mi risulta strano... SCREEN:

Hai toccato il margin?

Codice:

margin-top: 14px;

Ci deve essere il tutoriale apposito vedo se lo trovo.

No Non ho toccato niente ho copiato e basta...!

Niente non lo trovo il tutoriale, vediamo se gli altri lo sanno intanto pazienta un po (:

Ciao prova così:

Codice:

.topiclist.forums dd.lastpost {
    background-color: rgb(220, 234, 245);
    border-radius: 5px;
    -moz-border-radius: 5px; /* firefox */
      -webkit-border-radius: 5px; /* safari, chrome */
    box-shadow: 1px 1px 1px rgb(255, 255, 255);
    margin: 3px 6px;
}

Saluti
Insane

Bene grazie adesso funziona ma non riesco a trovare niente sui bordi arrotonadati interni alle categorie e l'arrotondamento dei bottoni in chat

Scusa quali bottoni della chat? 

Saluti
Insane

questi :




se si puo modificare anche la barra di testo e il bottone e perfetto :)

Ciao prova questo codice per arrotondare i bordi:

Codice:

    border-radius: 5px;
    -moz-border-radius: 5px; /* firefox */
      -webkit-border-radius: 5px; /* safari, chrome */
    box-shadow: 1px 1px 1px rgb(255, 255, 255);
    margin: 3px 6px;
}

Saluti
Insane

Insane manca il div o il class

Chiedo umilmente scusa eccolo il codice:

Codice:

ul.forums{
    border-radius: 5px;
    -moz-border-radius: 5px; /* firefox */
      -webkit-border-radius: 5px; /* safari, chrome */
    box-shadow: 1px 1px 1px rgb(255, 255, 255);
    margin: 3px 6px;
}

Mentre per i bottoni ho trovato questo:

Codice:

.fontbutton {
border-radius: 3px;
}

Saluti 
Insane 

Mi dice che manca una parentesi graffa....

I due codici che ti ho fornito funzionano correttamente, li ho inseriti entrambi senza problemi:

Si hai ragione Non avevo visto che avevi modificato il messaggio xD ... cmq

Codice:

ul.forums{
   border-radius: 5px;
   -moz-border-radius: 5px; /* firefox */
     -webkit-border-radius: 5px; /* safari, chrome */
   box-shadow: 1px 1px 1px rgb(255, 255, 255);
   margin: 3px 6px;
}

a che serve? Scusa L'ingoranza!


Il secondo codice cambia solo i bottoni e no l'area di scrittura della chat!

Quel codice arrotonda l'interno delle categorie, quello che hai chiesto tu, ora guardo se trovo qualcosa per arrotondare anche il textarea.

Saluti
Insane

A ok ... Ho arrotondato tanto per farti vedere una cosa... si possono eliminare quelle linee, se no si possono arrotondare?

Allora inserisci questo codice per arrotondare anche lo spazio dove scrivono in chatbox:

Codice:

#message {
  border-radius: 3px;
  }

Hai già provato ad arrotondare con lo stesso numero la parte esterna?

Saluti
Insane

Insane ha scritto:Allora inserisci questo codice per arrotondare anche lo spazio dove scrivono in chatbox:

Codice:

#message {
  border-radius: 3px;
  }

Hai già provato ad arrotondare con lo stesso numero la parte esterna?

Saluti
Insane

In che senso?

Nel senso che vedo che la parte esterna delle categorie è già arrotondata, quindi andando a modificare il numero di arrotondamento dovrebbe modificarsi come la parte interna.