Tag [CODE] come su vbulletin.it

Buon Giorno,
Mi sono iscritto poco fa e faccio un caloroso saluto a tutti i membri del forum.
Volevo sapere se qualcuno magari mi potrebbe insegnare come cambiare il tag [CODE]
e renderlo come quello che c'è su questo sito.
Quello normale ha le fastidiose barre di scorrimento anche se non servono

Cordiali Saluti e Buona Pascua a tutti.

ve lo chiedo per favore qualcuno può darmi una mano?

io sul mio sito uso questo bbcode.css però quando il testo è troppo lungo (in senso di larghezza) finisce fuori dal template :(

Codice:

---

@charset "UTF-8";
/* CSS Document */

.bbcode_container {
        margin:20px;
        margin-top:5px;
        display:block;
}

.bbcode_container .bbcode_desc {
        margin-bottom:2px;
        font-size:{vb:stylevar small_fontSize};
}

.bbcode_container div.bbcode_code,
.bbcode_container pre.bbcode_code {
        margin:0;
        padding:6px;
        border:1px inset;
        text-align:{vb:stylevar left};
        overflow:auto;
        direction:ltr;
        background:{vb:stylevar content3_background.backgroundColor} {vb:stylevar content3_background.backgroundImage} repeat-x;
        /*height:{vb:stylevar bbcode_codeheight};*/
        font-size:12px;
}

.bbcode_container code.bbcode_code {
        margin:0;
        text-align:{vb:stylevar left};
        direction:ltr;
        font-size:12px;
}

.bbcode_container code.bbcode_code code {
        white-space:nowrap;
}

.bbcode_container div.bbcode_quote {
        margin:0 {vb:stylevar padding};
        margin-bottom: {vb:stylevar padding};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        background: {vb:stylevar bbcode_quote_background};
        border-radius: {vb:stylevar border_radius};
        border: {vb:stylevar bbcode_quote_border};
        font: {vb:stylevar bbcode_quote_font};
        position: relative;
        top: 0;
}

.bbcode_container .bbcode_quote_container {
        display:block;
        width: 9px;
        height: 13px;
        position: absolute;
        top: 5;
        {vb:stylevar left}: -9px;
}

.bbcode_quote div.quote_container {
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        padding: {vb:stylevar bbcode_quote_padding};
}

.bbcode_quote .bbcode_postedby img {
        position: relative;
        top: {vb:math {vb:math {vb:stylevar bbcode_quote_postedby_font.fontSize}{vb:stylevar bbcode_quote_postedby_font.units}}-11px};
}

.bbcode_container div.bbcode_quote.printable {
        background:none;
        border:none;
}

.bbcode_container div.bbcode_quote div.message {
        /*font-style:italic;*/
        padding:8px 0px;
}

/* fix the bug where li's in quotes are floated */
.bbcode_container div.bbcode_quote div.message ol>li, .bbcode_container div.bbcode_quote div.message ul>li{
        float: none;
}

/* from components.css */
.bbcode_postedby {
        font: {vb:stylevar bbcode_quote_postedby_font};
}

.bbcode_postedby img {
        margin:0;
}

---

Credo che non vi siano soluzioni al problema.

Citazione:

---

Originariamente Scritto da y2ksw

Credo che non vi siano soluzioni al problema.

---

scusa ma basterebbe condividere il "bbcode.css" che c'è qui.
io ho riportato il mio ma ha delle grosse imperfezioni in caso di testo troppo largo :(

Be' se è quello perché non te lo scarichi col browser?

va bene grazie lo stesso