Rispondi 
Div angoli arrotomdati
Modalitą discussione Modalitą lineare
04-10-2007, 09:29
Messaggio: #1 (permalink)
L'avatar di izzyweb izzyweb
Forumista Attivo
****
Registrato: Apr 2007
Messaggi: 342
Reputazione:

Div angoli arrotomdati


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.

Visita sito dell'autore trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
04-10-2007, 09:34
Messaggio: #2 (permalink)
L'avatar di gokufg 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 07

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

Visita sito dell'autore trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
04-10-2007, 12:31
Messaggio: #3 (permalink)
L'avatar di izzyweb 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.

Visita sito dell'autore trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
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.. 03

trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
04-10-2007, 18:42
Messaggio: #5 (permalink)
L'avatar di gokufg 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.. 03


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 07

Visita sito dell'autore trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
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' 07

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

trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
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 18

trova tutti i messaggi dell'autore Quota questo messaggio nella risposta
Rispondi 

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

Contattaci - Punto Web