Forum

> > Off Topic > Code Box
ForenübersichtOff Topic-ÜbersichtEinloggen, um zu antworten

Englisch Code Box

7 Antworten
Zum Anfang Vorherige 1 Nächste Zum Anfang

alt Code Box

Avo
User Off Offline

Zitieren
We all know code tag on US.de.
Many sites with programming lessons have specially designed boxes with code.

I'm just interested, how is it possible to make? I would make similar thing in HTML - code box(or hope it's possible with CSS or PHP). For example when I use:

<codebox title="Code:">
     <line>Line 1</line>
     <line>Line 2</line>
     <line>Another line</line>
</codebox>

there'll appear

1
2
3
Line 1 
Line 2
Another line

with numeration, of course. Can anyone help me?
1× editiert, zuletzt 10.03.13 00:09:03

alt Re: Code Box

Infinite Rain
Reviewer Off Offline

Zitieren
I think that you can't create such a thing in HTML, but in PHP.

Correct me if I'm wrong.

alt Re: Code Box

Alistaire
User Off Offline

Zitieren
user Infinite Rain hat geschrieben
I think that you can't create such a thing in HTML, but in PHP.

Correct me if I'm wrong.


CSS more like it.

alt Re: Code Box

mafia_man
User Off Offline

Zitieren
I have done this using HTML, CSS and JavaScript + jQuery. It's not done properly tho.

• Preview •
index.html >
style.css >
1× editiert, zuletzt 10.03.13 00:31:24

alt Re: Code Box

Avo
User Off Offline

Zitieren
I'm newbie in CSS, but after short time I achieved:
HTML+CSS >

what gives:
Screenshot >

That's a pity I can't get the same, but with numeration.
EDIT: Thank you, mafia_man. Pie and cookies for you. Looks good.
Zum Anfang Vorherige 1 Nächste Zum Anfang
Einloggen, um zu antwortenOff Topic-ÜbersichtForenübersicht