Div angoli arrotomdati

Benvenuto sul Forum PW
Cosa aspetti? Registrati subito! E' semplice e gratuito e risolvi subito i tuoi problemi!

Div angoli arrotomdati

Modalità discussione

Modalità lineare

04-10-2007, 09:29

Messaggio: #1 (permalink)

izzyweb

Forumista Attivo

Registrato: Apr 2007
Messaggi: 342
Reputazione:

Salve a tutti
volevo sapere se e' possibile creare un div con angoli arrotondati....
in giro non ho trovato niente....
Grazie

Scambio link in Directory
La barra del Pagerank nel tuo sito gratis.

04-10-2007, 09:34

Messaggio: #2 (permalink)

gokufg

Amministratore

Registrato: Oct 2006
Messaggi: 2,290
Reputazione:

RE: Div angoli arrotomdati

Prendendo spunto da qui
Ecco cosa bisogna fare:

Codice Div

Codice:

<div class="BORDI">

    <span class="TOP">

        <span class="RIGA1"></span>

        <span class="RIGA2"></span>

        <span class="RIGA3"></span>

        <span class="RIGA4"></span>

    </span>

</div>

<div class="CONTENUTO">

    <b>Titolo DIV</b><br><br>

    Contenuto div

</div>

<div class="BORDI">

    <span class="BOTTOM">

        <span class="RIGA4"></span>

        <span class="RIGA3"></span>

        <span class="RIGA2"></span>

        <span class="RIGA1"></span>

    </span>

</div>

Codice del css

Codice:

/* STILIZZAZIONI DI BASE DELLA PAGINA */

body

{

    background-color: #FFFFFF;

}

div

{

    font: Normal 10px Verdana;

}

a

{

    color: #FFFFFF;

}

/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */

div.BORDI

{

    width: 120px;

}

div.CONTENUTO

{

    background-color: #FF6600;

    color: #FFFFFF;

    width: 120px;

    padding: 5px;

}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */

span.TOP, span.BOTTOM

{

    display: Block;

    background-color: #FFFFFF;

}

span.TOP span, span.BOTTOM span

{

    display: Block;

    overflow: Hidden;

    background-color: #FF6600;

    height: 1px;

}

span.RIGA1

{

    margin: 0 5px;

}

span.RIGA2

{

    margin: 0 3px;

}

span.RIGA3

{

    margin: 0 2px;

}

span.TOP span.RIGA4, span.BOTTOM span.RIGA4

{

    margin: 0 1px;

    height: 2px;

}

Facci sapere se e' ok wink

Finito il seo contest zanzara mannara: complimentati con i vincitori del SEO contest wink

Ecco la SERP: zanzara mannara
Presentati al Forum PW se ancora non l'hai fatto

Ultima modifica di gokufg : 04-10-2007 alle ore 09:35.

04-10-2007, 12:31

Messaggio: #3 (permalink)

izzyweb

Forumista Attivo

Registrato: Apr 2007
Messaggi: 342
Reputazione:

RE: Div angoli arrotomdati

Grande Goku....
stasera lo provo poi ti faccio sapere
Grazie

Scambio link in Directory
La barra del Pagerank nel tuo sito gratis.

04-10-2007, 14:58

Messaggio: #4 (permalink)

Namaless

Forumista Attivo

Registrato: Nov 2007
Messaggi: 320
Reputazione:

RE: Div angoli arrotomdati

Questo e' in formato css, volendo ce' qualcosa anche con javascript...mmmm...

Vedo se mi ricordo come si chiama..

04-10-2007, 18:42

Messaggio: #5 (permalink)

gokufg

Amministratore

Registrato: Oct 2006
Messaggi: 2,290
Reputazione:

RE: Div angoli arrotomdati

Namaless ha scritto:

Questo e' in formato css, volendo ce' qualcosa anche con javascript...mmmm...

Vedo se mi ricordo come si chiama..

Facci sapere allora wink

Finito il seo contest zanzara mannara: complimentati con i vincitori del SEO contest wink

Ecco la SERP: zanzara mannara
Presentati al Forum PW se ancora non l'hai fatto

04-10-2007, 22:35

Messaggio: #6 (permalink)

Jester

Forumista Giovane

Registrato: Aug 2007
Messaggi: 107
Reputazione:

RE: Div angoli arrotomdati

http://css.html.it/articoli/leggi/1611/n...-cosi-fac/

http://javascript.html.it/articoli/leggi...avascript/

Sono sempre per le soluzioni con le immagini peri'

Ultima modifica di Jester : 04-10-2007 alle ore 22:37.

04-10-2007, 23:40

Messaggio: #7 (permalink)

Namaless

Forumista Attivo

Registrato: Nov 2007
Messaggi: 320
Reputazione:

RE: Div angoli arrotomdati

Bravo jester, codesto dicevo io

Div angoli arrotomdati

Guarda versione stampabile
Invia la discussione a un amico
Sottoscrivi la discussione
Aggiungi discussione alle favorite

Regole di Scrittura

Tu non puoi inserire nuovi messaggi.
Tu non puoi rispondere ai messaggi.
Tu non puoi inviare messaggi.
Tu non puoi modificare i tuoi messaggi.

Il codice HTML è Disattivato.
Il codice MyCode è Attivato.
Gli Smilies sono Attivato.
Il codice [IMG] Attivato.

Vai al Forum:

Data e Ora attuale: 06-07-2008, 11:13