HOME | DD

Sehbeben — HTML-Befehle auf DeviantArt
Published: 2013-08-16 10:03:11 +0000 UTC; Views: 16988; Favourites: 211; Downloads: 0
Redirect to original
Description body div#devskin10381018 ::selection { background:#90B847; color:#EEE; text-shadow:none; } body div#devskin10381018 ::-moz-selection { background:#90B847; color:#EEE; text-shadow:none; } body div#devskin10381018 * { margin:0; padding:0; border:0; outline:0; font-family:'Droid Sans', Tahoma, Verdana, Arial, sans-serif; } body div#devskin10381018 .gr1 { z-index:-200; visibility:hidden; } body div#devskin10381018 .gr2 { z-index:-200; visibility:hidden; } body div#devskin10381018 .gr3 { z-index:-200; visibility:hidden; } body div#devskin10381018 .tri { z-index:-200; visibility:hidden; } body div#devskin10381018 .gr-top h2 img { display:none; } body div#devskin10381018 .hsep { display:none; } body div#devskin10381018 .gr-box { background:url('https://fc00.deviantart.net/fs70/o/2013/181/8/e/381893213_1003351_12488675.gif') repeat #000; overflow:hidden; margin:0 auto; padding:0; } body div#devskin10381018 .gr { background-color:transparent; border:none; padding:0 !important; } body div#devskin10381018 .gr-top { background:url('https://fc09.deviantart.net/fs70/o/2013/181/f/f/381893213_1003352_bgmid.jpg') bottom center no-repeat #B1C84F; margin:125px -30px -5px; padding:0; text-align:center; height:150px; } body div#devskin10381018 .gr-top h2 { background:none transparent; font-size:30px; color:#444; text-shadow:1px 1px 0px rgba(255,255,255,0.4); margin:0 auto; padding:50px 0 15px; font-weight:800; text-transform:uppercase; letter-spacing:-1px; } body div#devskin10381018 .gr-top h2 a { color:inherit; text-decoration:none; font:inherit; } body div#devskin10381018 .gr-top h2 a:hover { color:#333; } body div#devskin10381018 .gr-top span { background:url('https://fc09.deviantart.net/fs70/o/2013/181/7/4/381893213_1003353_decory.png') center no-repeat transparent; font-size:14px; color:#575757; display:block; text-shadow:1px 1px 0px rgba(255,255,255,0.4); letter-spacing:1px; } body div#devskin10381018 .gr-body { background:none transparent; margin:5px auto -4px; overflow:visible; } body div#devskin10381018 .text { padding:0 30px; background:url('https://fc09.deviantart.net/fs71/o/2013/181/a/a/381893213_1003354_bgcont.png') top center no-repeat #E5E2DD; color:#333; line-height:1.6em; overflow:visible; margin:0; font-size:12px; text-shadow:1px 1px 1px rgba(255,255,255,0.5); } body div#devskin10381018 .gr-body .text a { color:#222; text-decoration:underline; } body div#devskin10381018 .gr-body .text a:hover { text-decoration:none; } body div#devskin10381018 blockquote { padding:5px 5px 0 55px; margin:0; background:url('https://fc05.deviantart.net/fs71/o/2013/181/7/5/381893213_1003355_quotesp.png') top left no-repeat transparent; color:inherit; font-style:italic; font-size:15px; overflow:hidden; line-height:1.4em; min-height:37px; } body div#devskin10381018 blockquote span { font-family:inherit; font-size:15px; color:#6F6F6F; display:block; text-align:right; font-style:normal; } body div#devskin10381018 .text h1, body div#devskin10381018 .text h2, body div#devskin10381018 .text h3, body div#devskin10381018 .text h4, body div#devskin10381018 .text h5, body div#devskin10381018 .text h6 { font-weight:700; margin:0 auto; line-height:1em; color:#333; } body div#devskin10381018 .text h1, body div#devskin10381018 .text h2 { font-size:23px; } body div#devskin10381018 .text h3 { font-size:20px; } body div#devskin10381018 .text h4 { font-size:17px; } body div#devskin10381018 .text h5 { font-size:15px; } body div#devskin10381018 .text h6 { font-size:14px; } body div#devskin10381018 ul, body div#devskin10381018 ol { margin-top:7px; } body div#devskin10381018 ul ul, body div#devskin10381018 ol ol, body div#devskin10381018 ul ol, body div#devskin10381018 ol ul { margin:2px 0 4px 0px; } body div#devskin10381018 ol ol, body div#devskin10381018 ul ol { margin-left:0; } body div#devskin10381018 ul br, body div#devskin10381018 ol br { display:none; } body div#devskin10381018 ul li { margin-left:5px; list-style:none; background:url('https://fc08.deviantart.net/fs71/o/2013/181/f/2/381893213_1003356_ulicon.png') 0px 6px no-repeat; padding-left:15px; } body div#devskin10381018 ol li { margin-left:25px; } body div#devskin10381018 div.halfCol { float:left; width:45%; margin-right:5%; } body div#devskin10381018 div.thirdCol { float:left; width:30%; margin-right:3%; } body div#devskin10381018 div.fourthCol { float:left; width:23%; margin-right:2%; } body div#devskin10381018 div.clear { clear:both; } body div#devskin10381018 hr { margin:25px auto -10px; height:21px; background:url('https://fc00.deviantart.net/fs71/o/2013/181/7/a/381893213_1003357_49982450.png') top center no-repeat transparent; } body div#devskin10381018 .text a.thumb, body div#devskin10381018 .text a img { background:none transparent !important; margin:3px; } body div#devskin10381018 .text a.thumb img, body div#devskin10381018 .text a img { display:inline-block; border-bottom:3px solid #999; box-shadow:0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3); box-shadow:0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3); box-shadow:0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3); padding:5px; opacity:0.9; filter:alpha(opacity=90); _zoom:1; } body div#devskin10381018 .text a.thumb:hover img, body div#devskin10381018 .text a:hover img { border-color:#AAA; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin10381018 .text a[target] img, body div#devskin10381018 .text a[target]:hover img { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border:none !important; margin:0 !important; padding:0 !important; } body div#devskin10381018 div.center { text-align:center; } body div#devskin10381018 .footer { padding:25px 30px 15px; margin:0 -30px 0; background:url('https://fc06.deviantart.net/fs71/o/2013/181/0/1/381893213_1003358_bgfoo1.gif') repeat #333; color:#EAEAEA; text-shadow:1px 1px 0px black; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(0,0,0,0.15); box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px -1px 0px rgba(0,0,0,0.75), 0px -2px 0px rgba(0,0,0,0.15), 0px 0px 10px rgba(0,0,0,0.4); } body div#devskin10381018 .footer h1, body div#devskin10381018 .footer h2, body div#devskin10381018 .footer h3, body div#devskin10381018 .footer h4, body div#devskin10381018 .footer h5, body div#devskin10381018 .footer h6 { color:inherit; font-size:12px; font-weight:bolder; text-transform:uppercase; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #444; } body div#devskin10381018 .gr-body .footer a { color:#B0D16A; text-decoration:none; } body div#devskin10381018 .gr-body .footer a:hover { color:#D7F49A; } body div#devskin10381018 .gr-body .footer ul { margin-top:0; } body div#devskin10381018 .gr-body .footer ul li { background:none; padding:0; margin:0; } body div#devskin10381018 .gr-body .footer ul li span { font-size:8px; display:block; margin-top:-7px; margin-bottom:6px; } body div#devskin10381018 div.topmenu { background:url('https://fc01.deviantart.net/fs70/o/2013/181/e/1/381893213_1003359_bglists.png') center repeat-x transparent; height:130px; margin:0 -30px; text-align:center; overflow:hidden; position:absolute; top:-275px; z-index:99; width:100%; } body div#devskin10381018 div.topmenu br { display:none; } body div#devskin10381018 div.topmenu div.leftmenu, body div#devskin10381018 div.rightmenu { position:relative; display:inline-block; } body div#devskin10381018 div.topmenu div.leftmenu { left:0; text-align:right; } body div#devskin10381018 div.topmenu div.rightmenu { right:0; text-align:left; } body div#devskin10381018 div.topmenu div.logomenu { background:url('https://fc08.deviantart.net/fs70/o/2013/181/4/4/381893213_1003360_dalogos.png') center no-repeat transparent; width:146px; height:126px; display:inline-block; } body div#devskin10381018 div.topmenu div.logomenu span { display:none; } body div#devskin10381018 div.topmenu ul { position:relative; bottom:45px; } body div#devskin10381018 div.topmenu ul li { background:none; padding:0; margin:35px 7px 0; font-size:14px; text-transform:uppercase; font-weight:bold; display:inline-block; text-shadow:1px 1px 0px rgba(255,255,255,0.6); } body div#devskin10381018 .gr-body div.topmenu a { text-decoration:none; padding:8px 8px 6px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; display:block; } body div#devskin10381018 .gr-body div.topmenu a:hover { background-color:rgb(255, 255, 255); background-color:rgba(255,255,255,0.3); } body div#devskin10381018 div.topmenu ul li a span { display:block; font-size:10px; margin-top:-5px; color:#626262; text-transform:none; font-weight:lighter; } body div#devskin10381018 .list { display:none; } body div#devskin10381018 .bottom { background:url('https://fc03.deviantart.net/fs71/o/2013/181/4/2/381893213_1003361_bgfoo2.gif') repeat #333; padding:15px 0 0; height:30px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.15); } body div#devskin10381018 .commentslink { color:#AEAEAE; text-shadow:1px 1px 0px rgba(0,0,0,0.65); margin:0 auto; font-weight:900; text-decoration:none; font-size:11px; text-transform:uppercase; } body div#devskin10381018 .commentslink:hover { color:#DDD; } body div#devskin10381018 .prevlink { display:none; }










Dieses kleine HTML-Tutorial soll euch grundlegende HTML-Befehle zeigen, mit denen ihr euren Journals und Kommentaren mehr Pepp verleihen könnt.
Die Liste ist zwar noch nicht ganz vollständig, ich versuche sie allerdings stetig zu erweitern.
Einige der Befehle sind leider Premium-Usern vorbehalten. Diese werden mit einem gekennzeichnet.

Textformatierung

Fett:
Text = Text

Kursiv:
Text = Text

Unterstrichen:
Text = Text

Durchgestrichen:
Text = Text

Tiefgestellt:
Text = Text

Hochgestellt:
Text = Text

Etwas kleinerer Text:
Text = Text

Zitat:

Text = Text eines anderen Autors
Ausrichtung:
Text
= Text linksbündig (Standard)
Text
= Text mittig
Text
= Text rechtsbündig
Text
= Text im Blocksatz

Textgröße:
Text = Text mit bestimmter Größe (von 1-7)
Textgröße 1
Textgröße 2
Textgröße 3
Textgröße 4
Textgröße 5
Textgröße 6
Textgröße 7

Überschriften:
Text = Überschrift (6 Arten: h1-h6)
Überschrift 1
Überschrift 2
Überschrift 3
Überschrift 4
Überschrift 5
Überschrift 6

Verlinkungen und Fotos

Links zu anderen Seiten:
Text wird zum Link weiterleiten = Mein Profil

Links zu anderen Bildern:
Lässt man "width" frei, wird das Bild so groß wie möglich dargestellt.

Popup-Box unter dem Link
Text wird zum Link weiterleiten = Mein Profil mit Popup-Box

dA-Usernamen:
:devUsername:: = Sehbeben

dA-Useravatar:
:iconUsername: =

dA-Thumbnails:
:thumb#########:
Beispiel: sehbeben.deviantart.com/art/Take-it-with-a-smile-349962372
=> :thumb 349962372: =


Da ich die auf DeviantArt funktionierenden HTML-Befehle erst testen muss, wird diese Liste langsam aber sicher erweitert.
Sollten sich Fehler eingeschlichen haben oder was wichtiges Fehlen dann bitte einfach kommentieren, ich werde es so schnell wie möglich nachtragen.
(English version on demand)

Viel Spaß
Sehbeben


Related content

[ TEXT ]


Sehbeben - Color Space

[ TEXT ]


Sehbeben - A word to all who love to make art
Comments: 30

Panartias [2019-12-20 19:47:35 +0000 UTC]

Ja, sehr hilfreich - ich kannte ein paar aber lange nicht alle Befehle!

👍: 0 ⏩: 0

Weltenweber [2019-07-30 16:19:58 +0000 UTC]

Ich danke für diese schöne Anleitung.

Hat sehr geholfen.

👍: 0 ⏩: 0

ZeroLoveKimi [2019-07-21 21:11:56 +0000 UTC]

ich verstehe : Links zu anderen Bildern nicht ganz

👍: 0 ⏩: 0

TiramisuWaffel [2019-02-24 06:48:16 +0000 UTC]

Danke !

👍: 0 ⏩: 0

rembrandtiusAI [2019-01-15 12:55:03 +0000 UTC]

THANK YOU !!!

👍: 0 ⏩: 0

SupportMushroom [2018-10-22 12:59:26 +0000 UTC]

Dankeschön^^

👍: 0 ⏩: 0

qjsft [2017-10-22 20:23:56 +0000 UTC]

Vielen Dank! Ich glaube du hast hier sehr vielen Leuten geholfen. ;D

👍: 0 ⏩: 0

Ladiii [2017-09-04 00:29:59 +0000 UTC]

Danke sehr! Hat mir echt geholfen!!! 

👍: 0 ⏩: 0

Cupric [2017-08-01 12:21:26 +0000 UTC]

danke dir bis zum Mond und zurück!

👍: 0 ⏩: 0

Ultraviolet-Versalis [2017-07-19 12:36:21 +0000 UTC]

Sehr Hilfreich. Danke!

👍: 0 ⏩: 0

SusuSketches [2017-03-01 22:44:33 +0000 UTC]

Danke !!!

👍: 0 ⏩: 0

OneWingedAngelKisaki [2017-02-18 15:24:42 +0000 UTC]

Vielen Dank.

Ich finde es sehr gut, dass es auch ein deutsch-Sprachiges tutorial zu diesem Thema gibt. So kann man seine Seite einfach viel besser gestalten. Nur habe ich noch eine Frage:

Ich möchte, dass andere meine selbst erstellen Buttons nurten können. Nur ist es so, dass wenn  ich die URL poste, dass sie dann nur zum Teil angezegt wird und dann "..." kommt. Wie kann ich das ändern?

👍: 0 ⏩: 0

NightFlame98 [2016-12-28 22:25:02 +0000 UTC]

Hab das mit dem Bild einfügen ausprobiert. Hab da aber mal ne Frage. Wenn ich danach nur Text eingebe wird mir dieser fett blau als Link angezeigt.
Warum ? Wie kann ich das als normalen Text eingeben ? Und wenn ich die Bilder z.B. mittig haben will, muss ich da auch die Befehle wie für ausrichten links, rechts etc eingeben ? Ist mein erstes Mal dass ich das ausprobiere. Und von Videos einfügen hab ich echt k.A. das hab ich auch noch nocht ausprobiert.

👍: 0 ⏩: 1

NightFlame98 In reply to NightFlame98 [2016-12-28 22:27:28 +0000 UTC]

Ok das mit mittig ausrichten seh ich schon und einfach einfügen um Link Befehl aufzuheben. Hab's schon selbst herausgefunden ^^

👍: 0 ⏩: 0

sugar-flavored-blood [2016-08-08 14:32:22 +0000 UTC]

danke das hat mir echt geholfen

👍: 0 ⏩: 0

Vipite [2015-08-20 17:51:23 +0000 UTC]

Wow danke! Ich habe nur eine Frage: Wie bekommt man,wenn man ein Bild eingefügt hat, den kleinen Pfeil weg, der dann dem Ende des Textes darunter folgt? ^^

👍: 0 ⏩: 0

woisvogi [2015-01-24 13:04:15 +0000 UTC]

danke

👍: 0 ⏩: 0

ToNDWOo [2014-09-12 11:24:39 +0000 UTC]

Danke das hat mir sehr geholfen   

👍: 0 ⏩: 0

Blueberrycat93 [2014-05-24 21:39:57 +0000 UTC]

Danke das ist sehr hilfreich.  

👍: 0 ⏩: 0

CylisTristik [2014-05-15 12:33:54 +0000 UTC]

OMG
nach sowas such ich schon ewig
Danke danke danke
 

👍: 0 ⏩: 1

CylisTristik In reply to CylisTristik [2014-05-15 12:44:53 +0000 UTC]

achso ... der link zu anderen bildern .. funzt dass nur bei premuim membern?
weil ich nicht hin bekomme. oder hab ich was falsch gemacht?

👍: 0 ⏩: 0

080216 [2014-04-05 04:50:48 +0000 UTC]

Danke das ist super QAQ♥ 

👍: 0 ⏩: 0

aswad-hajja [2013-08-23 13:39:44 +0000 UTC]

super, das sieht mehr als 'nur nützlich' aus, mal sehn, wie viel man davon auch als 'einfacher User' verwursten kann.
Vielen Dank dafür!

👍: 0 ⏩: 0

DuchesseOfDusk [2013-08-22 19:45:21 +0000 UTC]

Ui, das sieht sehr nützlich aus. Hab mich schon öfters gefragt, wie einige Befehle gehen. Gut, dass ich was zum Nachgucken gefunden habe

👍: 0 ⏩: 0

Weidenhof [2013-08-16 21:43:28 +0000 UTC]

Ich liebe dich. XD


ENDLICH

👍: 0 ⏩: 0

Wortakrobatin [2013-08-16 17:08:15 +0000 UTC]

Nett von dir die verschiedenen Befehle aus dem dA FAQ auch mal in Deutsch darzustellen.

👍: 0 ⏩: 1

Sehbeben In reply to Wortakrobatin [2013-08-16 20:13:42 +0000 UTC]

Kein Problem, für den ein oder anderen User ist es sicher schwierig erst das FAQ übersetzen zu müssen, bis er hinter die Befehle steigt.

👍: 0 ⏩: 0

LIVEDESKTOP [2013-08-16 14:13:22 +0000 UTC]

Feine Sache für alle Unwissenden

👍: 0 ⏩: 0

HorstSchmier [2013-08-16 10:31:30 +0000 UTC]

Vielen Dank, werde ich demnächst bestimmt mal ausprobieren !!

👍: 0 ⏩: 1

Sehbeben In reply to HorstSchmier [2013-08-16 10:36:57 +0000 UTC]

gute idee, lohnen tuts sich bestimmt

👍: 0 ⏩: 0