Der Kunde ist K\u00f6nig,<\/p>\n\n\n\n
und der hat sich gerade \u00fcberlegt, dass es doch ganz sch\u00f6n w\u00e4re, wenn eine Garantieerkl\u00e4rung auf seiner Seite eingef\u00fcgt wird. Diese Garantie soll deutlich hervorgehoben werden. Wie gut das du bei der Konkurenz einen Spion sitzen hast, der dich mit geheimen Code versorgt. Du findest diesen im Download-Bereich.<\/p>\n\n\n\n
Lade die Datei bar-richtig-geheim.zip und entpacke den Inhalt z.B. nach \/ai\/html\/bar-richtig-geheim.
Wichtig, die Datei kommen in ein neues Verzeichnis.
Die Dateien werden nicht zu deinen bereits erstellten Daten kopiert.<\/p>\n\n\n\n
Schau dir die Bar von der Konkurenz genau im Explorer an.<\/p>\n\n\n\n
Studiere den html code genau. Die meisten Ver\u00e4nderungen, insbesondere bzgl. der Garantiebox findest du in der css-Datei. Experimentiere mit den Einstellungen und mache dich so mit dem Boxprinzip vertraut.\u00a0<\/p>\n\n\n\n
Versuche f\u00fcr jede Zeile eine Erkl\u00e4rung zu finden.
Hinweis: \u00d6ffne dazu die css-Datei mit dem Notepad und schreibe hinter jede Zeile ihre Bedeutung.<\/p>\n\n\n\n
Um die Bedeutung einer Zeile herauszufinden kannst du den entsprechenden Wert ver\u00e4ndern und dir das Ergebnis immer wieder im Brwoser anschauen.<\/p>\n\n\n\n Gehe so Zeile f\u00fcr Zeile vor und erg\u00e4nze die Kommentare in der ccs-Datei. Viel Erfolg!<\/p>\n","protected":false},"excerpt":{"rendered":" Der Kunde ist K\u00f6nig, und der hat sich gerade \u00fcberlegt, dass es doch ganz sch\u00f6n w\u00e4re, wenn eine Garantieerkl\u00e4rung auf seiner Seite eingef\u00fcgt wird. Diese Garantie soll deutlich hervorgehoben werden. Wie gut das du bei der Konkurenz einen Spion sitzen hast, der dich mit geheimen Code versorgt. Du findest diesen im Download-Bereich. Aufgabe 1 Lade […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[51],"tags":[],"class_list":["post-82","post","type-post","status-publish","format-standard","hentry","category-projekt-schulbar-2"],"_links":{"self":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":4,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":776,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/posts\/82\/revisions\/776"}],"wp:attachment":[{"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.hasebox.de\/index.php\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\/* Diese Zeichen erm\u00f6glichen dir einen Kommentar zu setzen.
Alles was da zwischen steht wird vom Browser nicht beachtet. *\/<\/code><\/p>\n\n\n\n
Unten siehst du bei line-height:1.5em; einen ersten Kommentar\/Erkl\u00e4rung. <\/p>\n\n\n\n#garantie{
line-height: 1.5em; \/* Zeilenh\u00f6he wird auf das 1,5-fache gesetzt. *\/
font-style: italic;
font-family: Georgia, \"Times New Roman\", Times, serif;
color: #444444;
border-color: white;
border-width: 1px;
border-style: dashed;
background-color: #a7cece;
padding: 25px;
padding-left: 80px;
margin: 30px;
margin-right: 250px;
background-image: url(bilder\/hintergrund.gif);
background-repeat: no-repeat;
background-position: top left;
}<\/code><\/p>\n\n\n\n