Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
hilfe [d.m.Y H:i]
sec
hilfe [d.m.Y H:i] (aktuell)
Zeile 13: Zeile 13:
 Teaserbild &​quot;​Aktuell&​quot;​ optimal: 150 Pixel b x 110 Pixel h<br /> Teaserbild &​quot;​Aktuell&​quot;​ optimal: 150 Pixel b x 110 Pixel h<br />
 Hauptspalte:​ maximal 430 Pixel breit<br /> Hauptspalte:​ maximal 430 Pixel breit<br />
-&​uuml;​ber die volle Breite (linke und Hauptspalte):​ maximal 600 Pixel</​div>​+&​uuml;​ber die volle Breite (linke und Hauptspalte):​ maximal 600 Pixel<br /> 
 +Kontur: 1 Pixel breit, Farbe: 4B1E18 (R=75 G=30 B=24)</​div>​
 <br /> <br />
 <div class="​ueberschrift_5">​Einloggen</​div>​ <div class="​ueberschrift_5">​Einloggen</​div>​
Zeile 103: Zeile 104:
 <br /> <br />
 <div class="​ueberschrift_3">​Bilder</​div>​ <div class="​ueberschrift_3">​Bilder</​div>​
-<div class="​normaler_text"><​img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg" class="​bild_links"​ alt="" />Wie wurde das gemacht? Ich habe einen Text eingegeben und dann mich entschieden,​ dass an der Oberkante dieses Textblockes ein Bild in der linken Spalte anfangen soll. Dazu habe ich erst ein mal diesen Textblock als normalen Text formatiert. Dann bin ich an den Anfang dieses Textblockes gegangen und habe das Bild-Einf&​uuml;​gen-Icon geklickt, mir das entsprechende Bild ausgesucht und OK gedr&​uuml;​ckt. Das Bild wurde in diesen Textblock eingef&​uuml;​gt. Dann habe ich ein mal auf dieses Bild geklickt und dann den Stil <font color="#​ff6600">​Bild Links</​font>​ angew&​auml;​hlt. Daraufhin wurde das Bild nach links in die linke Spalte verschoben.<​br />+<div class="​normaler_text"><​img width="​150"​ height="​89" alt=""​ class="​bild_links" src="/​seiten/​userfiles/​image/​test.jpg"​ />Wie wurde das gemacht? Ich habe einen Text eingegeben und dann mich entschieden,​ dass an der Oberkante dieses Textblockes ein Bild in der linken Spalte anfangen soll. Dazu habe ich erst ein mal diesen Textblock als normalen Text formatiert. Dann bin ich an den Anfang dieses Textblockes gegangen und habe das Bild-Einf&​uuml;​gen-Icon geklickt, mir das entsprechende Bild ausgesucht und OK gedr&​uuml;​ckt. Das Bild wurde in diesen Textblock eingef&​uuml;​gt. Dann habe ich ein mal auf dieses Bild geklickt und dann den Stil <font color="#​ff6600">​Bild Links</​font>​ angew&​auml;​hlt. Daraufhin wurde das Bild nach links in die linke Spalte verschoben.<​br />
 Es geht auch anders herum, erst Textblock schreiben, dann Bild einf&​uuml;​gen,​ dann auf Bild klicken und als <font color="#​ff6600">​Bild Links</​font>​ formatieren und dann den Textblock markieren und als <font color="#​ff6600">​Text normal</​font>​ formatieren. Ist aber nicht so sch&​ouml;​n zu markieren.</​div>​ Es geht auch anders herum, erst Textblock schreiben, dann Bild einf&​uuml;​gen,​ dann auf Bild klicken und als <font color="#​ff6600">​Bild Links</​font>​ formatieren und dann den Textblock markieren und als <font color="#​ff6600">​Text normal</​font>​ formatieren. Ist aber nicht so sch&​ouml;​n zu markieren.</​div>​
 <br /> <br />
 <div class="​ueberschrift_5">​Bilder links mit Unterschrift</​div>​ <div class="​ueberschrift_5">​Bilder links mit Unterschrift</​div>​
 <div class="​normaler_text">​ <div class="​normaler_text">​
-<div class="​bild_links"><​img width="​150"​ height="​89" alt="" src="/​seiten/​userfiles/​image/​test.jpg"​ /><br />+<div class="​bild_links"><​img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg" alt="" /><br />
 Ach ja!</​div>​ Ach ja!</​div>​
 Der Vorgang ist der gleiche wie oben: Ich schreibe einen Textblock, formatieren ihn als <font color="#​ff6600">​Text normal</​font>,​ gehe an den Anfang, f&​uuml;​ge ein Bild ein, dr&​uuml;​cke die Entertaste, f&​uuml;​ge eine Zeile Text ein, die maximal so breit wie das Bild sein sollte, dr&​uuml;​cke ein weiteres mal die Entertaste, markiere nun Bild und Bilduntertext und w&​auml;​hle den Stil <font color="#​ff6600">​Bild links mit Text.</​font></​div>​ Der Vorgang ist der gleiche wie oben: Ich schreibe einen Textblock, formatieren ihn als <font color="#​ff6600">​Text normal</​font>,​ gehe an den Anfang, f&​uuml;​ge ein Bild ein, dr&​uuml;​cke die Entertaste, f&​uuml;​ge eine Zeile Text ein, die maximal so breit wie das Bild sein sollte, dr&​uuml;​cke ein weiteres mal die Entertaste, markiere nun Bild und Bilduntertext und w&​auml;​hle den Stil <font color="#​ff6600">​Bild links mit Text.</​font></​div>​
Zeile 114: Zeile 115:
 <br /> <br />
 <div class="​ueberschrift_5">​Textgr&​ouml;&​szlig;​e bei den Bildern</​div>​ <div class="​ueberschrift_5">​Textgr&​ouml;&​szlig;​e bei den Bildern</​div>​
-<div class="​bild_links"><​img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg" alt="" /><br />+<div class="​bild_links"><​img width="​150"​ height="​89" alt="" src="/​seiten/​userfiles/​image/​test.jpg"​ /><br />
 Lorem ipsum</​div>​ Lorem ipsum</​div>​
 <div class="​normaler_text">​Wieso ist ein bei dem oberen Beispiel der Text kleiner als bei diesem Beispiel? Im oberen Beispiel wurde erst der Textblock formatiert, dann das Bild + Text eingef&​uuml;​gt und dann das Bild + Text formatiert. Die Schrift wurde um 80% zur Umgebung verkleinert,​ also um&​nbsp;​ 80% zum <font color="#​ff6600">​Text normal</​font>​. Text normal ist seinerseits um 80% zum Gesamtdokument verkleinert. Im 2. Beispiel wurde erst der Textblock hergestellt,​ dann am Anfang das Bild + Text eingef&​uuml;​gt,​ dann das Bild + Text formatiert und anschlie&​szlig;​end der Textblock markiert und mit <font color="#​ff6600">​Text normal</​font>​ formatiert. Das hei&​szlig;​t,​ der umgebende Formatbereich ist der des Gesamtdokumentes und dort ist die Schriftgr&​ouml;&​szlig;​e 100% von der aus auf 80% verkleinert wurde. Wichtig ist eigentlich nur, sich auf eine Gr&​ouml;&​szlig;​e zu beschr&​auml;​nken und diese durchzuformatieren. Um das obere Beispiel mit der unteren Formatierung oder umgekehrt zu versehen, kann man den entsprechenden Text markieren und dann das PulldownMen&​uuml;​ Gr&​ouml;&​szlig;​e verwenden.</​div>​ <div class="​normaler_text">​Wieso ist ein bei dem oberen Beispiel der Text kleiner als bei diesem Beispiel? Im oberen Beispiel wurde erst der Textblock formatiert, dann das Bild + Text eingef&​uuml;​gt und dann das Bild + Text formatiert. Die Schrift wurde um 80% zur Umgebung verkleinert,​ also um&​nbsp;​ 80% zum <font color="#​ff6600">​Text normal</​font>​. Text normal ist seinerseits um 80% zum Gesamtdokument verkleinert. Im 2. Beispiel wurde erst der Textblock hergestellt,​ dann am Anfang das Bild + Text eingef&​uuml;​gt,​ dann das Bild + Text formatiert und anschlie&​szlig;​end der Textblock markiert und mit <font color="#​ff6600">​Text normal</​font>​ formatiert. Das hei&​szlig;​t,​ der umgebende Formatbereich ist der des Gesamtdokumentes und dort ist die Schriftgr&​ouml;&​szlig;​e 100% von der aus auf 80% verkleinert wurde. Wichtig ist eigentlich nur, sich auf eine Gr&​ouml;&​szlig;​e zu beschr&​auml;​nken und diese durchzuformatieren. Um das obere Beispiel mit der unteren Formatierung oder umgekehrt zu versehen, kann man den entsprechenden Text markieren und dann das PulldownMen&​uuml;​ Gr&​ouml;&​szlig;​e verwenden.</​div>​
Zeile 120: Zeile 121:
 <br /> <br />
 <div class="​bild_links">&​Uuml;​ber dem Bild<br /> <div class="​bild_links">&​Uuml;​ber dem Bild<br />
-<img width="​150"​ height="​89"​ src="/​seiten/​userfiles/​image/​test.jpg" alt="" /><br />+<img width="​150"​ height="​89" alt="" src="/​seiten/​userfiles/​image/​test.jpg"​ /><br />
 unter dem Bild</​div>​ unter dem Bild</​div>​
 <div class="​normaler_text">​Nat&​uuml;​rlich geht das auch: Text &​uuml;​ber und unter dem Bild und die Schriftgr&​ouml;&​szlig;​en lie&​szlig;​en sich ebenfalls unabh&​auml;​ngig davon anpassen. <br /> <div class="​normaler_text">​Nat&​uuml;​rlich geht das auch: Text &​uuml;​ber und unter dem Bild und die Schriftgr&​ouml;&​szlig;​en lie&​szlig;​en sich ebenfalls unabh&​auml;​ngig davon anpassen. <br />
Zeile 133: Zeile 134:
 <div class="​normaler_text">​Hier folgt dann ein zweispaltiges Bild</​div>​ <div class="​normaler_text">​Hier folgt dann ein zweispaltiges Bild</​div>​
 <br /> <br />
-<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150" alt="" src="/​seiten/​userfiles/​image/​header_datenbank1.JPG"​ /><br />+<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150"​ src="/​seiten/​userfiles/​image/​header_datenbank1.JPG" alt="" /><br />
 Das bekommt hier auch noch eine Bildunterschrift</​div>​ Das bekommt hier auch noch eine Bildunterschrift</​div>​
 <br /> <br />
Zeile 142: Zeile 143:
 <​strong>​ Sollte jedoch mal hinterher ein Bild in einen schon bestehenden Text normal einf&​uuml;​gen wollen, dann kann man dies auch tun.<br /> <​strong>​ Sollte jedoch mal hinterher ein Bild in einen schon bestehenden Text normal einf&​uuml;​gen wollen, dann kann man dies auch tun.<br />
 </​strong>​ </​strong>​
-<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150" alt="" src="/​seiten/​userfiles/​image/​header_datenbank1.JPG"​ /><br />+<div class="​bild_links_und_rechts"><​img width="​600"​ height="​150"​ src="/​seiten/​userfiles/​image/​header_datenbank1.JPG" alt="" /><br />
 Dies ist eine kleine Schrift</​div>​ Dies ist eine kleine Schrift</​div>​
 <br /> <br />
Datenschutzerklärung   Letzte Aktualisierung: 15.03.2017 18:32