tag:blogger.com,1999:blog-21536954600077793122024-03-05T07:58:10.675+01:00care about what?Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.comBlogger60125tag:blogger.com,1999:blog-2153695460007779312.post-2356656255801316052013-06-15T12:04:00.000+02:002013-06-15T12:04:04.459+02:00Bilder mit flickr in den Post einbindenHallo ihr Lieben! Nach langer Zeit, in der ihr von uns nichts gehört habt, kommt mal wieder ein Tutorial. Aber vorher möchte ich mich einmal bei euch allen entschuldigen. Es tut mir Leid, dass ihr hier fast nichts mehr hört. Es tut mir Leid, dass ihr so lange auf das Gewinnspiel warten müsst (das dauert vermutlich auch noch einen Moment). Mir tut einfach alles Leid. Ich hoffe ihr könnt verstehen, dass es nicht so einfach ist, einen solchen Blog zu führen, da es irgendwann keine Tutorial mehr gibt, die es noch nicht woanders gibt. Naja, nun gut, fangen wir an.<br />
<br />
<div style="text-align: center;">
<b><u>Warum flickr?</u></b></div>
<div style="text-align: left;">
Für mich persönlich ist flickr eine sehr gute Variante, um Bilder in den Post einzubinden. Gerade für Fotoblogs hat es einen sehr großen Vorteil. Und zwar die Qualität. Über den Blogger-upload wird die Qualität eher schlecht, aber bei flickr ist sie sehr gut. Außerdem dauert der Upload bei flickr nicht so lange wie bei Blogger selbst. <i>Zumindest bilde ich mir das ein.</i></div>
<i></i><br />
<a name='more'></a><br />
<b>1.</b> Ladet also eure gewünschten Bilder bei flickr hoch (einziger Nachteil: Ihr müsst euch ein Konto einrichten). <b>2. </b>Wenn alle eurer gewünschten Bilder hochgeladen sind, klickt ihr sie jeweils an. <b>3.</b> Unter dem Bild findet ihr verschiedene Buttons und ihr klickt den Folgenden (siehe Bild) an.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHwyynTLrPSvR-QP4CHnmZN1Iqlm5LVCT51dNyXOO_QPUpl0gdTYeXL4AAGorEyq73CyttlJ8fIF83W0mF6ZmU4_KBERlv4dQcDb65hTlu49TBKWK7lP0PrEwBl6nKhqxFfiFaAkPZPo/s1600/Bildschirmfoto+2013-06-15+um+11.34.24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="369" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHwyynTLrPSvR-QP4CHnmZN1Iqlm5LVCT51dNyXOO_QPUpl0gdTYeXL4AAGorEyq73CyttlJ8fIF83W0mF6ZmU4_KBERlv4dQcDb65hTlu49TBKWK7lP0PrEwBl6nKhqxFfiFaAkPZPo/s640/Bildschirmfoto+2013-06-15+um+11.34.24.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWY0OaWiJnQVbfi4vLqcDuylZf0aTpBtuVSOl45CbmLGQXKq4tD7diIFv0F1ip_yLTxkyJDPYkOxH3Q7PG0kO9QtM3dQnIoo32u5nuxFEiE51vNbRz4CZJ5IbopMe8b8j8uicXzkjMfwY/s1600/Bildschirmfoto+2013-06-15+um+11.37.58.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWY0OaWiJnQVbfi4vLqcDuylZf0aTpBtuVSOl45CbmLGQXKq4tD7diIFv0F1ip_yLTxkyJDPYkOxH3Q7PG0kO9QtM3dQnIoo32u5nuxFEiE51vNbRz4CZJ5IbopMe8b8j8uicXzkjMfwY/s320/Bildschirmfoto+2013-06-15+um+11.37.58.png" width="320" /></a><br />
<b><b><br /></b></b>
<b>4. </b>Es öffnet sich ein weiteres Fenster auf dem Bild, in dem ihr nach verschiedenen Sachen gefragt werdet. Als erstes klappt ihr den Bereich <b>HMTL/BBCode übernehmen</b> auf, sofern er noch nicht zu sehen ist. Wählt eure gewünschte Größe (640 x XY entspricht X-Large bei Blogger). Achtet darauf, dass ihr das Häkchen bei <b>HMTL</b> gesetzt habt und kopiert dann den Code.<br />
<br />
<br />
<b>5. </b>Dies ist der Letzte und somit auch der einfachste Schritt. Ihr schreibt nun also ganz normal euren Post und jetzt wollt ihr die Bilder einbinden. Normalerweise schreibt man seinen Post in dem '<b>Verfassen</b>'- Tab. Aber um die Bilder hinzuzufügen, muss man in den HTML-Bereich des Posts wechseln. Wenn ihr dort seid, fügt ihr den kopierten Code einfach ein und wiederholt diesen Schritt für jedes eurer Bilder.<br />
<br />
<a href="http://www.flickr.com/photos/thereesadnl/9041003223/" title="IMG_3581 von thereesadnl bei Flickr"><img alt="IMG_3581" height="427" src="http://farm8.staticflickr.com/7395/9041003223_13ed866366_z.jpg" width="640" /></a><br />
<br />
Wenn ihr das Bild nun hovert, sollte <i>IMG_3581 </i>auftauchen. Mit ein wenig HTML-Wissen, kann man den Code, den flickr ausspuckt noch etwas verändern. Das aber dann im nächsten Tutorial. :-)<br />
<br />
Wenn ihr irgendwelche Vorschläge für neue Tutorials habt, immer her damit. Aber achtet bitte darauf, dass sie vielleicht bei <a href="http://time-to-steal-ideas.blogspot.de/" target="_blank">It's time to steal ideas</a> oder <a href="http://www.copypastelove.org/" target="_blank">copypastelove</a> noch nicht vorhanden sind ;-)Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com14tag:blogger.com,1999:blog-2153695460007779312.post-43581502036568585152013-04-19T15:47:00.000+02:002013-04-19T15:47:32.654+02:00Umfragen in den Post einbindenHallo!<br />
Heute erkläre ich euch kurz und knapp wie ihr Umfragen in euren Post einbindet :)<br />
Das Gewinnspiel ist vorüber!<br />
Wir drei haben ein Video geplant, meins ist schon gedreht, das heisst der erste Platz ist schon verlost :)<br />
Bald gibt es dann das Ergebnis für alle!<br />
<a name='more'></a>So, zuerst müsst ihr eine Umfrage in euren Blog einfügen.<br />
(Layout -> Gadget hinzufügen -> Umfrage)<br />
Dort fügt ihr alles ein, was ihr braucht.<br />
<br />
Jetzt sollte das Gadget auf eurem Blog sein.<br />
Geht auf euren Blog, und drückt auf dem Hintergrund die rechte Maustaste. Dort geht ihr auf 'Seitenquelltext anzeigen'<br />
Jetzt seht ihr das ganze HTML eures Blogs - ganz schönes Chaos!<br />
Um die Umfrage zu finden, drückt 'Strg + F' und sucht nach dem Titel eurer Umfrage (zB 'Welcher dieser Blogs ist der beste?')<br />
Jetzt müsst ihr den Code von <span style="color: #666666;"><iframe</span> bis <span style="color: #666666;"></iframe> </span>kopieren.<br />
Den fügt ihr dann nur noch im HTML-Editor des Posts ein.<br />
Fertig!<br />
Das war jetzt nur ein kurzes Tutorial ohne Bilder.<br />
<br />
<br />
<br />Unknownnoreply@blogger.com13tag:blogger.com,1999:blog-2153695460007779312.post-4168158247833939962013-04-13T11:06:00.000+02:002013-04-13T11:06:34.188+02:00GIMP-Brushes erstellenIn einem anderen Tutorial vor einigen Monaten habe ich euch erklärt, wie ihr <a href="http://care-about-what.blogspot.de/2012/10/gimp-brushes-installieren-mac.html" target="_blank">GIMP-Brushes installiert</a>. Heute will ich euch erklären, wie ihr euch Pinsel ganz leicht selber erstellt. Vorerst erstmal wofür das alles gut sein kann:<br />
<div>
<ul>
<li>ihr könnt euch ein Wasserzeichen erstellen und ohne lästiges öffnen, Größe anpassen, richten an die richtige Stelle in eurem Bild bringen.</li>
<li>ihr könnt euch z.B. Kreise oder Sterne etc. erstellen, mit denen ihr euer Bild verschönern könnt.</li>
<li>ihr könnt euch social-brushes erstellen (, die ich immer als vorlage für neue verwende!)</li>
<li>... und vieles mehr!</li>
</ul>
<div>
<a name='more'></a><br /></div>
<div>
Fangen wir also an. Als erstes öffnet ihr natürlich GIMP und legt eine neue Datei an. Ich empfehle mindestens Größe 1000x1000px, da die Pinsel sonst qualitativ nicht gut werden, wenn sie auf größeren Bildern angewendet werden sollen. Also: <b>Datei <span style="background-color: #fdfdfd; font-family: Verdana, Arial, Calibri, Geneva, Tahoma, sans-serif; font-size: 13px;">➙</span> Neu <span style="background-color: #fdfdfd; font-family: Verdana, Arial, Calibri, Geneva, Tahoma, sans-serif; font-size: 13px;">➙</span> Breite: 1000 <span style="background-color: #fdfdfd; font-family: Verdana, Arial, Calibri, Geneva, Tahoma, sans-serif; font-size: 13px;">➙</span> Höhe 1000 <span style="background-color: #fdfdfd; font-family: Verdana, Arial, Calibri, Geneva, Tahoma, sans-serif; font-size: 13px;">➙</span> Erweiterte Einstellungen: Farbraum: Graustufen <span style="background-color: #fdfdfd; font-family: Verdana, Arial, Calibri, Geneva, Tahoma, sans-serif; font-size: 13px;">➙</span> Füllung: Transparenz</b></div>
</div>
<div>
<i>Höhe und Breite</i> - wie gesagt, damit es eine gute Qualität hat.</div>
<div>
<i>Farbraum: Graustufen</i> ganz wichtig, damit ihr später euren Pinsel in allen Farben verwendet könnt</div>
<div>
<i>Füllung: Transparenz</i> damit später kein hässlicher Hintergrund hinter dem Pinsel ist.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8OkI8MT10MJpPP0QsQLGx480kgR7P9CuI_6v2JpvEbICw6J2viq1-xGjyIGxwR5RWBHnfbElqKrHe7qmQum7raAuDYLhkUb5NZoFOJ1iLv_rfpCNp0vsfoyxzSfhWCfBNSxNWQn5FGg/s1600/Bildschirmfoto+2013-04-13+um+10.43.34.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8OkI8MT10MJpPP0QsQLGx480kgR7P9CuI_6v2JpvEbICw6J2viq1-xGjyIGxwR5RWBHnfbElqKrHe7qmQum7raAuDYLhkUb5NZoFOJ1iLv_rfpCNp0vsfoyxzSfhWCfBNSxNWQn5FGg/s200/Bildschirmfoto+2013-04-13+um+10.43.34.png" width="200" /></a></div>
<div>
Ich habe mich für einen simplen Stern entschieden und ihn mithilfe des <i>Pfadwerkzeuges</i> erstellt. Es ist natürlich völlig egal, was ihr erstellen wollt. Eurer Kreativität sind hier keine Grenzen gesetzt!</div>
<div>
Erstellt euch eurer Lieblingsmotiv, Wasserzeichen oder ähnliches so, wie ihr wollt! Wichtig ist nur, dass ihr nur mit <b>Graustufen</b> arbeitet. Bzw ihr könnt schon z.B. ein Rot nehmen und damit malen, aber es würde nicht als rot, sondern als Grau dargestellt werden. </div>
<div>
Seid ihr mit eurem Motiv zufrieden speichert ihr es an einem Platz, den ih später wiederfindet ab. <b>Wichtig</b> ist jetzt, dass ihr als Dateiendung <b>.gbr </b>angebt. </div>
<div>
Wenn ihr nun auf <i>Exportieren/Speichern</i> drückt, sollte sich ein neues Fenster öffnen. Ihr werdet nach dem <b>Abstand</b> und <b>Beschreibung</b> gefragt. Den Abstand könnt ihr einfach so lassen. Er gibt an, wieviel Abstand zwischen dem Motiv sein soll, wenn ihr nicht nur einen "Pinselpunkt" macht, sondern einen langen Pinselstrich. Das könnt ihr aber auch später festlegen. Mit Beschreibung ist der Name gemeint, unter dem man den Pinsel wiederfindet. Es ist eigentlich egal, wie ihr dem Pinsel nennt. Die Pinselleiste in GIMP ist alphabetisch sortiert! Alles so, wie gewollt? Dann abspeichern!</div>
<div>
Nun seht ihr euch <a href="http://care-about-what.blogspot.de/2012/10/gimp-brushes-installieren-mac.html" target="_blank">dieses Tutorial</a> an, um sie dann endgültig einzubinden. Dafür solltet ihr aber als erstes GIMP schließen! ;-)</div>
<div>
Bei Fragen helfe ich gerne!</div>
Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com3tag:blogger.com,1999:blog-2153695460007779312.post-54250603412374579842013-03-22T15:48:00.000+01:002013-03-23T14:07:02.170+01:00Eure Tutorialwünsche!Hallo ihr Lieben!<br />
Vielleicht habt ihr schon mitbekommen, das es ein wenig ruhig hier geworden ist. Es kommt zwar noch was, aber nichtmehr so viel. Das liegt daran, das wir keine Ideen mehr haben. Also seid ihr gefragt!<br />
Alles zum Thema HTML, Blogger, Bildbearbeitung.<br />
<br />
Schreibt uns einfach eure Ideen, Anregungen in die Kommentare! :)Unknownnoreply@blogger.com18tag:blogger.com,1999:blog-2153695460007779312.post-33770164223802274562013-03-18T15:32:00.001+01:002013-03-18T19:46:17.748+01:00Musikplayer in den Blog einfügenSchon lange steht der Post hier auf meiner To-Do Liste.<br />
Jetzt kommt er endlich :)<br />
Wenn du also wissen möchtest, wie du einen Musikplayer in deinen Blog bekommst, les weiter!<br />
<a name='more'></a><br />
<br />
Zuallererst geht ihr auf diese Website:<a href="http://scmplayer.net/" target="_blank">SCM Musicplayer,klick</a>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwY9Bhmd-x4RlTtENAJIxt1d5iX9YszdRtOYoqFUkpXINmFas8vT7mtezU6t9uYSoeZnAYNKtl-1Ei22TF2gK9RUO4S93FveThTAvM6QutLuJxyPGZnyCrRO7bGVAAn8qKEIjdH760cc/s1600/mp1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwY9Bhmd-x4RlTtENAJIxt1d5iX9YszdRtOYoqFUkpXINmFas8vT7mtezU6t9uYSoeZnAYNKtl-1Ei22TF2gK9RUO4S93FveThTAvM6QutLuJxyPGZnyCrRO7bGVAAn8qKEIjdH760cc/s640/mp1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
So sollte es nun bei euch aussehen. Hier könnt ihr euch nun für ein Design entscheiden. Drückt dann auf 'Next' unten rechts.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOqVu61wfoBIWvCYyt3Y7mCrK4H1HmDitSj0RgbSa-KzCyJN4F8fb-K8ufAkcgdKKZHd3paSrlEW9lEhn3dipGOC9_c2-mzgsTPN6oRYLhyenK89zgnpLshtBdOXjP6dU0IdtNznuZCU/s1600/mp2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOqVu61wfoBIWvCYyt3Y7mCrK4H1HmDitSj0RgbSa-KzCyJN4F8fb-K8ufAkcgdKKZHd3paSrlEW9lEhn3dipGOC9_c2-mzgsTPN6oRYLhyenK89zgnpLshtBdOXjP6dU0IdtNznuZCU/s640/mp2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Dann öffnet sich dieses Fenster. Dort gebt ihr jeweils die Liedtitel und die YouTube-URLs ein.</div>
<div class="separator" style="clear: both; text-align: left;">
Weiter auf 'Next'</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQiK8S8eugi-0byjHkOh2vL2b19cMpMqyCJO2UGvojlMk4IZ9cz9ybj2SjIk87kCO0CIV-nfzUE0d2XEuabTGvrziDIVoUKT2WWaAS815g7wyw-_9ivrZL_BGxStIcz2anUM-cqQZSVE/s1600/mp3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQiK8S8eugi-0byjHkOh2vL2b19cMpMqyCJO2UGvojlMk4IZ9cz9ybj2SjIk87kCO0CIV-nfzUE0d2XEuabTGvrziDIVoUKT2WWaAS815g7wyw-_9ivrZL_BGxStIcz2anUM-cqQZSVE/s640/mp3.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Hier könnt ihr noch mehr einstellen.<br />
<blockquote class="tr_bq">
<i>Auto Play </i>- Musik fängt automatisch an, wenn man auf den Blog geht<br />
<i>Shuffle Playback</i> - Musik wird zufällig gespielt<br />
<i>Volume</i> - Lautstärke<br />
<i>Repeat Mode</i> - Dort gibt es drei Möglichkeiten: Playlist einmal spielen/ Playlist wiederholen/Lied wiederholen<br />
<br />
<i>Placement of Player Bar </i>- Ob der Player oben oder unten im Blog ist<br />
<i>Show Playlist by Default </i>- die Playlist wird angezeigt</blockquote>
Weiter auf 'Done'<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgZoqVX46cKewOnebknOJarNHMDmWdWhrqskb6BMlotJyh6OikeYw7Hp0CN-rVm2c-L2oy2opRPAKFP5yyWvTwtB2XO8zvwyOLXlKLkXmVAsf0Skbws_N3wpBg-JocGebZT4mIdIxEXg/s1600/mp4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgZoqVX46cKewOnebknOJarNHMDmWdWhrqskb6BMlotJyh6OikeYw7Hp0CN-rVm2c-L2oy2opRPAKFP5yyWvTwtB2XO8zvwyOLXlKLkXmVAsf0Skbws_N3wpBg-JocGebZT4mIdIxEXg/s640/mp4.png" width="640" /></a></div>
Diesen Code kopiert ihr nun.<br />
<br />
Jetzt gehts ab in den HTML-Teil eures Blogs!<br />
Dein Blog -> Vorlage -> HTML bearbeiten<br />
Und sucht nach<br />
<blockquote class="tr_bq">
body</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ELPDzEcIDRlO2ceqyEr2UjW-iYLCVN7yAvX-YkFE5tp6iM_WEd3EBaqrJ_RPQztzFwPnrHqtfO3KuBZprR1_lkuWiN__BCJHnuADM0o4pxpvXOIxiRjOX_44dGqylJdXeAKe0M8NMcI/s1600/mp4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="470" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ELPDzEcIDRlO2ceqyEr2UjW-iYLCVN7yAvX-YkFE5tp6iM_WEd3EBaqrJ_RPQztzFwPnrHqtfO3KuBZprR1_lkuWiN__BCJHnuADM0o4pxpvXOIxiRjOX_44dGqylJdXeAKe0M8NMcI/s640/mp4.png" width="640" /></a></div>
Darunter fügt ihr euren Code ein.<br />
Achtung! Wenn ihr auf Vorschau geht, seht ihr nichts, aber wenn ihr es speichert, ist der Player auf eurem Blog! :)<br />
<br />
<span style="font-size: x-large;">EDIT</span><br />
Falls das nicht klappt, bindet es als HTML/Javascript ein.<br />
Danke Ronja! :)<br />
Liebe Grüße, PatriziaUnknownnoreply@blogger.com26tag:blogger.com,1999:blog-2153695460007779312.post-55483844427792537402013-03-10T11:23:00.001+01:002013-03-10T13:32:05.786+01:00222 Leser Gewinnspiel!<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaiSgWKtVlY-4cFbvdJJRotRzgfAhIdXtsywrxXYB-Vl9jy50Eh0w-4B5g2cmWfDVh3dINVUGK9E5GefsN5enNOAIZEc6O3Xo-b5dn5e3I12MVQALJ0HA9S7dSPNwsQaXZVgVsLN-pE8/s1600/leserg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaiSgWKtVlY-4cFbvdJJRotRzgfAhIdXtsywrxXYB-Vl9jy50Eh0w-4B5g2cmWfDVh3dINVUGK9E5GefsN5enNOAIZEc6O3Xo-b5dn5e3I12MVQALJ0HA9S7dSPNwsQaXZVgVsLN-pE8/s1600/leserg.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a name='more'></a>UNGLAUBLICH 222 LESER! wow, das hätten wir Anfang September echt nicht gedacht. Erst einmal ein riesengroßes <b>Danke.</b> Als kleines Dankeschön haben wir uns dieses Gewinnspiel überlegt. Die Platzierungen könnt ihr oben ablesen. Das müsst ihr tun, um teilnehmen zu können:<br />
<blockquote class="tr_bq">
Seid oder werdet Leser dieses Blogs über GFC. </blockquote>
<blockquote class="tr_bq">
Liked unsere <a href="https://www.facebook.com/pages/Care-About-What/207058962763296" target="_blank">facebookseite</a>. (Das ist kein Muss, aber es würde euch ein zusätzliches Los bringen) </blockquote>
<blockquote class="tr_bq">
Schreibt einen Kommentar mit Bloglink unter diesen Post und gebt an, welche Bedingungen ihr erledigt habt.</blockquote>
<br />
Falls ihr <b>kein facebook </b>habt, dann schreibt das bitte auch in den Kommentar. Wenn ihr unsere <b>facebookseite geliked habt</b>, dann schreibt uns bitte in facebook eine Nachricht, in der als Betreff <i>Gewinnspiel</i> steht und ihr noch euren Bloglink angebt, damit wir wissen, dass auch <i>ihr</i> es seid, die die Seite geliked haben. :-)<br />
Achso, und falls ihr nur <b>Interesse an 2 Sachen</b> habt, (z.B. nur Header und Buttons, da ihr schon ein schönes Layout habt) dann schreibt das bitte auch in den Kommentar. Das Gleiche übrigens auch bei Interesse an nur einem Teil. :-)<br /><br /><i>Edit: Es würde uns auch freuen, wenn du dieses Gewinnspiel auf deinem Blog erwähnen würdest! (gibt dir kein Los)</i>Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com37tag:blogger.com,1999:blog-2153695460007779312.post-68628618366703999372013-03-02T10:39:00.001+01:002013-03-02T10:39:18.942+01:00Talk-About: Gegenseitiges Folgen<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyLcoMXBFftTyGzwpQW8W59lfeZ3Ozybbt8fYE-Tjs0jdH6MUTie45gEbSlogd70JC_NtAutBW2ZNfddN9E6Kf81kQ_jkA0ju-iZUnr6ptKVS24abrpoFL10Owsb5r3XISLXzdIZBzUc/s1600/Bildschirmfoto+2013-03-02+um+10.20.02.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyLcoMXBFftTyGzwpQW8W59lfeZ3Ozybbt8fYE-Tjs0jdH6MUTie45gEbSlogd70JC_NtAutBW2ZNfddN9E6Kf81kQ_jkA0ju-iZUnr6ptKVS24abrpoFL10Owsb5r3XISLXzdIZBzUc/s1600/Bildschirmfoto+2013-03-02+um+10.20.02.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>schöne Hose! Hast du Lust auf gegenseitiges Folgen?<br />Folge mir und sag mir dann Bescheid! Ich hoffe, dass ich bald<br />von dir höre!</i></td></tr>
</tbody></table>
Hey ihr! Nach langer Zeit gibt es wieder ein Talk-About von mir und ich hoffe es gefällt euch ;-) An dem Bild rechts solltet ihr nun schon erkennen können, worum es geht. Jeder kennt es und die Bloggergemeinde hat darüber geteilte Meinungen. <b>Gegenseitiges Folgen</b>.<br />
<a name='more'></a><br /><br />
<br />
<br />
<br />
Also meiner Meinung nach ist gegenseitiges Folgen der letzte Dreck. Das ist doch wirklich nur was für die, die ihren Blog selbst scheiße finden. Ehrlich. Hätten diese Leute genug Selbstbewusstsein, dann würden sie ihren Blog auch gut finden oder zumindest das Beste daraus machen. Um Leser zu betteln ist wirklich niveaulos und bei den meisten bekommt ihr dafür Verachtung und keine neuen Leser. Ok, es ist ganz klar: Jeder würde gerne viele Follower haben. Aber bitte habt doch Geduld. Mein persönlicher Blog ist nun schon mehr als 1 1/4 Jahr alt und ich habe grade so 90 Leser. Aber mir reicht es, weil ich sehe, dass es immer mehr werden. Ja, der Erfolg von <i>care about what?</i> hat mich echt ein bisschen stolz gemacht, aber es gibt einen einfach Grund dafür. Und der wäre, dass es nur 3 wirklich bekannte Tutorialblogs dieser Art gibt. Unter Anderem gehört da auch <i>copy paste love</i> dazu.<br />
Kommen wir aber mal wieder zum Thema zurück. Alle, die so um Leser betteln sind wirklich unterste Schublade. Geil auf Follower bis zum Himmel. Wie ist eure Meinung über dieses Thema?<br />
<br />Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com11tag:blogger.com,1999:blog-2153695460007779312.post-41127659190626752372013-02-26T13:00:00.000+01:002013-02-26T22:27:43.385+01:00Pixlr: Overlay-EffektJa, ich melde mich auch mal wieder. Diesmal mit einem Tutorial für eine Bearbeitung für Bilder die ich letztens <a href="http://moments-capture.blogspot.com/">auf meinem Blog</a> gepostet habe, und sehr viele wissen wollten, wie das geht. Da ich es mit Photoshop gemacht habe, und ich weiß das viele von euch das nicht haben, hab ich rausgekriegt wie es mit <a href="http://pixlr.com/editor/">Pixlr</a> geht (an alle die PS haben, macht es nicht mit Pixlr, denn das geht nicht ganz so gut wie mit Photoshop). Also legen wir mal los :) So sieht mein Endergebnis aus.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwIwezcZnWZDb5-Un7p7ZjQV3g8f425b9babAhx6FP0Cj0qCMI5z-Nt7F8774ZfAVT9DSnc4byFyKeC2Mb0EztydFjHGo358t2pYo9-Vt7uPzpusURc6QWvU-3Nz0QfZ-90d1zesgooWpw/s1600/Screen+Shot+2013-02-09+at+10.01.58+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwIwezcZnWZDb5-Un7p7ZjQV3g8f425b9babAhx6FP0Cj0qCMI5z-Nt7F8774ZfAVT9DSnc4byFyKeC2Mb0EztydFjHGo358t2pYo9-Vt7uPzpusURc6QWvU-3Nz0QfZ-90d1zesgooWpw/s400/Screen+Shot+2013-02-09+at+10.01.58+PM.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br /><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>Schritt 1: </b>Öffnet <a href="http://pixlr.com/editor/">Pixlr</a><br />
<b>Schritt 2:</b> Ladet ein Bild hoch, welches ihr als "Hintergrund" haben wollt, wenn es ein Portrait ist, sollte es relativ simple sein, also zum Beispiel mit weißem Hintergrund, und schwarz und weiß sollte es sein.<br />
<b>Schritt 3:</b> Klickt auf <b>"Layer>Open Image as Layer"</b> und ladet das Bild was ihr auf euer anderes Foto drüber legen wollt. <i>Wichtig ist, dass dieses Bild viele Farben hat und möglichst wenig schwarz/dunkle Stellen.</i><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn3UmVYYbGktZU8GdmRqcvSQTu2imqu5V29nJlRl9lFYbpPcV31kc4OitKy7uNHyPuqFsd5kARdjCgt3mPFHleH3uZx0Zi4vqN_Tsn8SDzn8Q-8Hlm_vWk7qozviqPKVWlSKQWHtCCDDnR/s1600/Screen+Shot+2013-02-09+at+9.00.57+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn3UmVYYbGktZU8GdmRqcvSQTu2imqu5V29nJlRl9lFYbpPcV31kc4OitKy7uNHyPuqFsd5kARdjCgt3mPFHleH3uZx0Zi4vqN_Tsn8SDzn8Q-8Hlm_vWk7qozviqPKVWlSKQWHtCCDDnR/s320/Screen+Shot+2013-02-09+at+9.00.57+PM.png" width="227" /></a><b><br /></b><br />
<b>Schritt 4: </b>Klickt auf das kleine Symbol unter euren Ebenen um zu den Ebeneneinstellungen zu kommen. Dort klickt ihr dort wo "<b>Normal</b>" steht und ändert es zu "<b>Lighten</b>"<br />
<br />
<b>Schritt 5:</b> Jenachdem wie stark ihr euern Effekt haben wollt, könnt ihr die <b>Deckkraft (Opacity)</b> auch noch verringern. Ich hab meine auf ca. 60 stehen.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdLiVI3OX9vhteRXl4s42AM9jU01L03tNXmXOxoWLefTcc-IkzE7OQIL_2hOoQ5b-WS1lCAISOMe63RhUIxHTxJCOfN1WwIEcqPaxhLKGnw3iP_eIPSXBCMGbjAok9VB3p29RvqbfTdBta/s1600/Screen+Shot+2013-02-09+at+8.59.56+PM.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdLiVI3OX9vhteRXl4s42AM9jU01L03tNXmXOxoWLefTcc-IkzE7OQIL_2hOoQ5b-WS1lCAISOMe63RhUIxHTxJCOfN1WwIEcqPaxhLKGnw3iP_eIPSXBCMGbjAok9VB3p29RvqbfTdBta/s1600/Screen+Shot+2013-02-09+at+8.59.56+PM.png" /></a><b>Schritt 6:</b> Wenn ihr wollt, jenachdem wie euer Hintergrundbild aussieht, könnt ihr jetzt noch teile der oberen Ebene wegradieren, wie ich es oben gemacht habe (nur meinen Körper und nicht die Wand). Dafür nehmt den Radiergummi und malt einfach da wo ihrs nicht haben wollt.<br />
<br />
<br />
<h3 style="text-align: center;">
Nur noch Speichern und fertig ist es!</h3>
marthahttp://www.blogger.com/profile/15498210691719194509noreply@blogger.com4tag:blogger.com,1999:blog-2153695460007779312.post-84630894510607353202013-02-22T12:00:00.000+01:002013-02-22T23:35:39.382+01:00Fehlerbehebung - Social Media Buttons Hover<br />
Hallihallo!<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRfPryMmbHytF-w_rnudwSJV66tkSOWNRuGGR0p6ndAPWTTR-zFvpIsqlebuonULxDRj52oqnojX17Bbv6TleXHeYwxyLPpzJDWRD-MNa5Kf6M0hRETC170xL-7j6ryKig9k-K2sKlsJo/s1600/twitter.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRfPryMmbHytF-w_rnudwSJV66tkSOWNRuGGR0p6ndAPWTTR-zFvpIsqlebuonULxDRj52oqnojX17Bbv6TleXHeYwxyLPpzJDWRD-MNa5Kf6M0hRETC170xL-7j6ryKig9k-K2sKlsJo/s320/twitter.png" width="85" /></a>Vielleicht ist es euch schon aufgefallen, dass manche Social Media Buttons die Martha und Theresa für euch gemacht haben (wenn du interessiert bist,<a href="http://care-about-what.blogspot.de/p/goodies.html"> klick hier</a>.) beim hovern, sie verschwinden und dann wieder da sind. Falls ihr nicht wisst was ich meine, schaut es euch doch <a href="http://weitertraeumen.blogspot.de/" target="_blank">HIER</a> an. Nun habe ich eine Lösung gefunden - und zwar ist es so, das die Hover Bildchen nicht geladen werden, wenn ihr auf die Website geht, sondern erst wenn ihr über die Buttons fahrt. Ist es bei euch auch so?<br />
Weiterlesen!<br />
<a name='more'></a>Damit die Buttons geladen werden, stellen wir sie unsichtbar auf den Blog. Am besten, indem ihr ein HTML Gadget einfügt. Es ist egal wo, denn es nimmt keine Platz weg.<br />
<br />
Und das hier ist unser Grundcode:<br />
<blockquote class="tr_bq">
<img src='<span style="color: #cc0000;">BILD URL</span>' width='0px'></blockquote>
<br />
<br />
Den kopiert ihr sooft in das Gadget, wie ihr Buttons habt.<br />
Jetzt brauchen wir nur noch die URLS. Die sind schon in den Buttons vorhanden!<br />
<br />
Das hier ist ein Code <span style="font-size: xx-small;">(Runde Social Media Buttons)</span><br />
<blockquote class="tr_bq">
<a href='HIER DEN LINK ZU BLOGGER EINFÜGEN!'><img src="<span style="color: #cc0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjildXGOJya_kN3WcekoPH_s-eJIwv52exQDAkF0SvI6mn-0sbE9uoVHGfQ1x_z4MwAXKv2qnuzpw_cQ27jT-1LuNXrUHXMMaRL3q8C-kjogX4fFVXyf73PZfxv7C6mRrt9PnE034r44d8/s1600/blogge.png</span>" width="30px"/></a></blockquote>
Und den rot markierten Teil fügt ihr oben in den Link ein.<br />
<br />
Das wars auch schon! Total simpel, aber effektiv! :)Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-2153695460007779312.post-48354089237884811982013-02-17T18:40:00.000+01:002013-03-29T17:27:17.368+01:00Dein Bloggerlayout - Part 2: Die Feinheiten<a href="http://care-about-what.blogspot.de/2013/02/dein-bloggerlayout-part-1-die-grundlagen.html" target="_blank">Hier kommt ihr zu Teil 1.</a><br />
Ich möchte euch zeigen, was man noch alles an seinem Layout ändern und verbessern kann :)<br />
Übrigens - nun könnt ihr in der Sidebar die Minima Vorlage herunterladen! :)<br />
<a name='more'></a><br />
<br />
<h3>
Die Links</h3>
<div>
Bei den Links kann man den Link wie er aussieht, den besuchten Link und den Mouseover Link einstellen.<br />
<br />
<br />
<br /></div>
<div>
<br /></div>
<div>
Also sucht nach</div>
<blockquote class="tr_bq">
a:link {</blockquote>
Das bestimmt das Aussehen des normalen Links. Ihr seht das dort bereits <span style="color: #999999;">color:$linkcolor;</span> steht. Das heißt, das der Link die Farbe hat, die ihr im Vorlagendesigner gewählt habt. Natürlich könnt ihr es auch mit <span style="color: #999999;">color:#abcdef;</span> ersetzen.<br />
<blockquote class="tr_bq">
a:hover {</blockquote>
Bestimmt das Aussehen des Links, wenn ihr mit der Maus drauffahrt.<br />
<blockquote class="tr_bq">
a:visited {</blockquote>
Bestimmt das Aussehen eines bereits besuchten Links.<br />
<br />
Und jetzt könnt ihr alles nach euren Wünschen anpassen - hier einige Beispiele:<br />
<br />
<ul style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.1875px;">
<li style="color: #666666;"><span style="color: #999999;">Hintergrund</span> - background-color:#abcdef;</li>
<li style="color: #666666;"><span style="color: #999999;">Schriftart </span>- font-style:Verdana; | Wenn ihr eine Schriftart nehmen wollt, die nicht bei Blogger registriert ist, schaut euch <a href="http://care-about-what.blogspot.de/2013/01/google-webfonts-einbinden.html" style="-webkit-transition: 0.4s; color: #9d866c; text-decoration: initial;" target="_blank">dieses</a> Tutorial an :)</li>
<li style="color: #666666;"><span style="color: #999999;">Schriftgröße</span> - font-size:*px; Auch hier könnt ihr die Zahl beliebig verändern :)</li>
<li style="color: #666666;"><span style="color: #999999;">Rahmen:</span> -<span style="color: #999999;"> </span><span style="color: #c27ba0;">border</span>:<span style="color: #8e7cc3;">1px</span> <span style="color: #93c47d;">solid/dashed/dotted</span> <span style="color: orange;">#FARBE</span></li>
<ul style="color: #666666;">
<li><span style="color: #c27ba0;">border:.;</span> - alle vier Seiten haben einen Rahmen<br /><span style="color: #c27ba0;">border-left:.; / border-right:.;</span> - nur links/rechts ist ein Rahmen<br /><span style="color: #c27ba0;">border-top:.; / border-bottom:.;</span> - nur oben/unten ist ein Rahmen</li>
<li><span style="color: #8e7cc3;">*px;</span> - bestimmt die Dicke der Linie, die Zahl kann beliebig verändert werden</li>
<li><span style="color: #93c47d;">solid</span> - ______ / <span style="color: #93c47d;">dashed</span> - _ _ _ _ / <span style="color: #93c47d;">dotted</span> - .........</li>
<li>und die <span style="color: orange;">Farbe </span>könnt ihr auch bestimmen. <u><a href="http://html-color-codes.info/webfarben_hexcodes/" style="-webkit-transition: 0.4s; color: #9d866c; text-decoration: initial;" target="_blank">Hier</a></u> könnt ihr sie euch aussuchen.</li>
</ul>
<li><span style="color: #999999;">alles großgeschrieben/kleingeschrieben/"<a href="http://bit.ly/Ad4fIx" target="_blank">Kapitälchen</a>" </span><span style="color: #666666;">- </span>text-transform:uppercase/lowercase/capitalize;</li>
</ul>
<div>
<span style="font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 12px; line-height: 19.1875px;">Und noch viel mehr. <a href="http://de.selfhtml.org/css/eigenschaften/schrift.htm" target="_blank">Hier</a> ist eine Übersicht :)</span></span><br />
<span style="font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 12px; line-height: 19.1875px;"><br /></span></span></div>
<div>
<h3>
<span style="font-family: inherit;"><span style="line-height: 19.1875px;">Pattern/Hintergrundbild</span></span></h3>
</div>
<div>
<span style="font-family: inherit;"><span style="line-height: 19.1875px;">Was sind Pattern?<br />Schaut es euch auf meinem stillgelegtem Blog an: <a href="http://365marmeladenglasmomente.blogspot.de/">Klick.</a> Der Hintergrund, dass er sich wiederholt.<br />Damit das funktioniert, braucht ihr natürlich ersteinmal Pattern. Zum Beispiel <a href="http://vintagebackgrounds.tumblr.com/">hier</a> oder <a href="http://bonjourrparis-themes.tumblr.com/backgrounds">hier</a>.</span></span></div>
<div>
<span style="font-family: inherit;"><span style="line-height: 19.1875px;"><br />Dann sucht bei Minima Lefty nach</span></span></div>
<blockquote class="tr_bq">
<span style="font-family: monospace; white-space: pre-wrap;">body, .body-fauxcolumn-outer {</span></blockquote>
Und bei Minima nach<br />
<blockquote class="tr_bq">
body {</blockquote>
darunter findet ihr den Code<br />
<blockquote class="tr_bq">
<span style="line-height: 115%;">background:$bgcolor;</span> </blockquote>
Diesen ersetzen wir nun durch<br />
<blockquote class="tr_bq">
background:url(<span style="color: orange;">URL</span>) <span style="color: purple;">fixed</span><span style="color: blue;"> repeat</span>; </blockquote>
<span style="color: orange;">URL </span>- Bild URL<br />
<span style="color: purple;">fixed </span>- heißt, dass es sich nicht mitbewegt, sondern fest ist. Wollt ihr, das der Hintergrund fest ist, lasst es einfach weg<br />
<span style="color: blue;">repeat </span>- heißt, dass es sich wiederholt. Bei Pattern unbedingt nötig! Wenn ihr das nicht wollt, und einfach nur ein Hintergrundbild, fügt <span style="color: blue;">no-repeat </span>ein.<br />
<br />
<h3>
Bilder werden 'weißlich' beim Mouseover</h3>
<div>
Sehen könnt ihr das<a href="http://funkenfruehling.blogspot.de/" target="_blank"> hier</a>.</div>
<div>
Jetzt gibt es zwei Möglichkeiten: Entweder setzt ihr es in euren HTML Code, oder im Vorlagedesigner unter 'CSS hinzufügen'<br />
<br />
Und das ist unser Code:</div>
<blockquote class="tr_bq">
.post-body img {<br />
<span style="color: purple;">-webkit-transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: purple;">-moz-transition:opacity 8ease-in-out;</span><br />
<span style="color: purple;">-o-transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: purple;">transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: blue;">opacity: 1.0;</span><br />
}<br />
.post-body img:<span style="color: orange;">hover</span> {<br />
<span style="color: purple;">-webkit-transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: purple;">-moz-transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: purple;">-o-transition:opacity 0.8s ease-in-out;</span><br />
<span style="color: purple;">transition:opacity 0.8s ease-in-out;</span><br />
<span style="background-color: white;"><span style="color: blue;">opacity: 0.5;</span></span><br />
}</blockquote>
Das <span style="color: purple;">lilane</span> ist die Zeit, in der es transparent wird, also das es nicht mit einem Schlag weißlich ist, sondern das es hin 'fadet' ;-) Die 's' Zahl könnt ihr beliebig verändern, auch auf 9999, aber das wären dann 166 Minuten.<br />
<br />
<span style="color: blue;">Opacity</span> bedeutet übersetzt 'Deckkraft'. opacity:1.0; bedeutet das es ganz frei, also normal ist, bei opacity:0.1; sieht man dann kaum noch was auf dem Bild. Ich habe 0.5 als Wert genommen,<br />
<br />
<span style="color: orange;">hover </span>bestimmt das Aussehen des Bildes wenn ihr mit der Maus darüber fahrt.<br />
<br />
<div>
<br /></div>
<h3>
Aber es gibt noch viel mehr...</h3>
<div>
<a href="http://time-to-steal-ideas.blogspot.com/2012/07/auswahl-farbig-gestalten.html" target="_blank">Auswahl farbig gestalten</a></div>
<div>
<a href="http://time-to-steal-ideas.blogspot.de/2012/07/scrollbalken-anpassen.html" target="_blank">Scrollbalken anpassen</a></div>
<div>
<a href="http://time-to-steal-ideas.blogspot.com/2012/07/unendliches-scrollen-blogger.html" target="_blank">Unendliches Scrollen</a></div>
<div>
<a href="http://time-to-steal-ideas.blogspot.de/2012/12/schrift-anpassen.html" target="_blank">Schrift formatieren (unterstrichen, fett, kursiv)</a></div>
<div>
<a href="http://time-to-steal-ideas.blogspot.de/2012/11/online-user-counter.html" target="_blank">Online User Counter</a></div>
<div>
<br /></div>
<div>
Sonst sucht doch einfach mal auf <a href="http://www.copypastelove.org/" target="_blank">CopyPasteLove</a>, <a href="http://time-to-steal-ideas.blogspot.de/" target="_blank">Time to steal ideas</a> oder einfach <a href="http://care-about-what.blogspot.de/p/tutorialubersicht.html" target="_blank">hier</a>! :)<br />
<br />
Soviel war das jetzt nicht, aber das wichtigste ist dabei! :-)<br />
Im nächstem Teil geht es dann um die Extras, also das Menü, eine Leiste.. vielleicht fällt mir ja noch was ein!:D</div>
<br />
<br />
<div>
<span style="font-family: inherit;"><span style="line-height: 19.1875px;"><br /></span></span></div>
Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-2153695460007779312.post-33587299772910272612013-02-13T14:54:00.000+01:002013-02-13T14:54:00.238+01:00Einfache Social Media ButtonsHallo ihr Lieben. Als erstes habe ich eine minikleine Bitte an euch. Und zwar, würdet ihr bitte hier bei Lichtmalerin mich zum <i>Blog of the Month</i> machen? Ich nehme dort mit meinem eigenen Blog teil. aww, es wäre so cool, da zu gewinnen :o <a href="http://fotografieistleben.blogspot.de/" target="_blank">Hier</a> seht ihr erstmal meinen Blog, und <a href="http://lichtmalen.blogspot.de/2013/02/botm-februar.html" target="_blank">hier</a> geht's direkt zur Abstimmung! Mein Blog ist der 4. (Photography is a way to live)<br />
Ich liebe euch <3<br />
<br />
So, dann lasst uns mal anfangen. Viele von euch haben sich gewünscht, dass ich mal erkläre, wie man sich eigene Social Media Buttons erstellt.<br />
<a name='more'></a>Dafür müsst ihr euch als erstes mal diese <a href="http://de.ffonts.net/Just-Vector-Regular.font" target="_blank">Schrift</a> hier runterladen. Auf dieser Seite seht ihr übrigens eine Übersicht von allen Buchstaben, die in dem Paket sind. Als erstes solltet ihr die <a href="http://www.google.de/#hl=de&gs_rn=2&gs_ri=hp&cp=11&gs_id=14&xhr=t&q=schrift+installieren&es_nrs=true&pf=p&tbo=d&output=search&sclient=psy-ab&oq=schrift+ins&gs_l=&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&bvm=bv.41934586,d.Yms&fp=892e24eedbe39546&biw=1141&bih=680" target="_blank">Schrift installieren</a>.<br />
Ich habe hier nocheinmal eine Buchstaben in einer Übersicht zusammengefasst!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OvOj-2HzMzfqbByWquynLJzclpBqY_82qllQpIunHS9Kyp3TFAIph7_lgZiQEvE9BKehoeLXlMiHTQX6d4Zv-S1c1QiLoHrAUXmiigwZMlBTY5BHFX8vZw0Sa1WiyyYNMViWYXgthwk/s1600/Bildschirmfoto+2013-02-06+um+14.12.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OvOj-2HzMzfqbByWquynLJzclpBqY_82qllQpIunHS9Kyp3TFAIph7_lgZiQEvE9BKehoeLXlMiHTQX6d4Zv-S1c1QiLoHrAUXmiigwZMlBTY5BHFX8vZw0Sa1WiyyYNMViWYXgthwk/s1600/Bildschirmfoto+2013-02-06+um+14.12.00.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ZLYcpoDCtSG2D_uktf-dgyD7no0cg1ukc6O2aRsaU-rgQoBaNcUKBJrO_YDAsG75nNefCqbige_ZnuHMWG_GY0_kP8J5RtZeyuvP4DzRcg2X-stTR3YMPYsZOdMv9HlfT3z1VTFOT8o/s1600/Bildschirmfoto+2013-02-06+um+14.12.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ZLYcpoDCtSG2D_uktf-dgyD7no0cg1ukc6O2aRsaU-rgQoBaNcUKBJrO_YDAsG75nNefCqbige_ZnuHMWG_GY0_kP8J5RtZeyuvP4DzRcg2X-stTR3YMPYsZOdMv9HlfT3z1VTFOT8o/s1600/Bildschirmfoto+2013-02-06+um+14.12.09.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwT5RxXg3eg7Yffa1CtBUa3qtQ42gcWSlxshyU3IBA-OgsLTB6ljrA2sQ1KWCWA7xUAOjhyphenhyphenk5kkXICsmjtrTTZ_f2-fKGMkB3N8R4l_a9fnGIa1XkdQUBxd8rd33BCjtcY7r4gdbdrTc/s1600/Bildschirmfoto+2013-02-06+um+14.12.20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwT5RxXg3eg7Yffa1CtBUa3qtQ42gcWSlxshyU3IBA-OgsLTB6ljrA2sQ1KWCWA7xUAOjhyphenhyphenk5kkXICsmjtrTTZ_f2-fKGMkB3N8R4l_a9fnGIa1XkdQUBxd8rd33BCjtcY7r4gdbdrTc/s1600/Bildschirmfoto+2013-02-06+um+14.12.20.png" /></a></div>
<br />
<h2>
<span style="font-size: x-large;">Wie man eigene Buttons erstellt</span></h2>
<div>
Als erstes öffnet ihr GIMP und erstellt eine neue Datei. Am besten mit den Maßen 100x100px. Erstellt eine neues <b>Textebene</b>, wählt die Schrift <i>Just Vector</i> aus, wählt den Buchstaben eurer Wahl und passt <b style="color: #ffd966;">Größe </b>und <span style="color: #b6d7a8; font-weight: bold;">Farbe</span> nach euren Wünschen an.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz6elB6X3EFVYV9kfCLwa9hyyCUS_2uqIluenI-28VOJR-S4UnTtyX53gvvI4-Q1FVJvlxpnrwEwf49uVRQOT1owysGMNo-Q5MUMddjVohtX7u3PXjdLMydGMkhmUaWh-cfRP74-eXRQ8/s1600/Bildschirmfoto+2013-02-06+um+14.27.16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz6elB6X3EFVYV9kfCLwa9hyyCUS_2uqIluenI-28VOJR-S4UnTtyX53gvvI4-Q1FVJvlxpnrwEwf49uVRQOT1owysGMNo-Q5MUMddjVohtX7u3PXjdLMydGMkhmUaWh-cfRP74-eXRQ8/s1600/Bildschirmfoto+2013-02-06+um+14.27.16.png" /></a></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglw2WtE-0pkOMl-2vNcLVgk3o4KmCWBJ7wWDh1TfmMy1BNzs7LCkvDaMEKH2OWMP1y4s8jOPSOY2q4ZWrOi2SPGMLznaw7eVP_o51-eytA7tfTMlCBRvDBc2jGEYm5xrWrkRNftOI86CA/s1600/Bildschirmfoto+2013-02-06+um+15.22.22.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglw2WtE-0pkOMl-2vNcLVgk3o4KmCWBJ7wWDh1TfmMy1BNzs7LCkvDaMEKH2OWMP1y4s8jOPSOY2q4ZWrOi2SPGMLznaw7eVP_o51-eytA7tfTMlCBRvDBc2jGEYm5xrWrkRNftOI86CA/s1600/Bildschirmfoto+2013-02-06+um+15.22.22.png" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9P1SE-PI1T9hku6-ci_UB1UY1hj8O-QmRP55a9mcNyqEtxGL3B5C6B30Lk0GBWTBsG0wq3NOvTvuiKLTHsLNlowByfWnigekiKoF5E13hZgEl7fbytxbK5OMAEtC4Azausa7T7lITlps/s1600/Bildschirmfoto+2013-02-06+um+15.22.39.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9P1SE-PI1T9hku6-ci_UB1UY1hj8O-QmRP55a9mcNyqEtxGL3B5C6B30Lk0GBWTBsG0wq3NOvTvuiKLTHsLNlowByfWnigekiKoF5E13hZgEl7fbytxbK5OMAEtC4Azausa7T7lITlps/s1600/Bildschirmfoto+2013-02-06+um+15.22.39.png" /></a>falls ihr nun einen bunten oder mehrfarbigen Hintergrund habt, solltet ihr den nächsten Schritt auch noch beachten! Geht dazu auf den Ebenenpfad und wählt die weiße Hintergrundebene aus. Danach schaut ihr nach unten und da solltet ihr noch eine kleine Mülltonne und ein paar weitere Symbole entdecken. Klickt das Symbol an und fertig seid ihr schon mit dem eigentlichen Button.<br />
Allerdings kommt jetzt noch ein kleiner, aber wichtiger Schritt. <b>Exportiert</b> die Datei und wählt als Dateiendung <b> .png </b>aus. Nach diesem Schema erstellt ihr euch nun alle Buttons, die ihr benötigt und speichert sie auch genauso ab.<br />
Jetzt kommt ein weiterer Schritt, den ihr zum einbinden unbedingt braucht. Ladet die Bilder bei blogger (ich mach das immer auf meinem Testblog), photobucket oder sonst wo hoch und merkt euch die Links!<br />
<br />
Das war mein Teil und ab hier mach Patrizia weiter! :))<br />
<br />
<h2>
<span style="font-size: x-large;">Die Buttons auf dem Blog einbinden</span></h2>
<div>
An sich ist das überhaupt nicht schwer. Ähnlich wie in <a href="http://care-about-what.blogspot.de/2012/10/text-bei-bildhover-bilder-einbinden-mit.html" target="_blank">diesem Tutorial hier</a>.</div>
<div>
So, wie Theresa schon gesagt hat - ihr braucht die Links. Beispielsweise ladet ihr es bei <a href="http://pic-upload.de/" target="_blank">pic-upload</a> hoch, und nehmt dann den Hotlink. Oder, wie Theresa gesagt hat, bei Blogger und dann auf Rechtsklick und 'Bild-URL kopieren' gehen.</div>
<div>
Dann habt ihr das hier als 'Grundcode':<br />
<blockquote class="tr_bq">
<a href='<span style="color: purple;">LINK ZU ETWAS</span>'><br />
<img src='<span style="color: orange;">BILD URL</span>' width='<span style="color: blue;">30px</span>'><br />
</a></blockquote>
<span style="color: purple;">Link zu etwas </span>- beispielsweise Facebook, Instagram, Tumblr, etc.<br />
<span style="color: orange;">Bild URL </span>- Die Links die ihr schon hochgeladen habt.<br />
<span style="color: blue;">50px </span> - Diese Zahl könnt ihr beliebig verändern - aber nicht höher als 100px, wenn ihr die Buttons in dieser Größe erstellt habt.<br />
Damit ihr einen Vergleich habt - das hier sind 50px, 40px und 30px.<br />
<br /></div>
<a href="http://www.blogger.com/HIER%20DEN%20LINK%20ZU%20BLOGGER%20EINF%C3%9CGEN!"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDVBEd8gcirz70aRWtrXRmyXSKvBtqeA2B_ouc7MfIH7JBbu9RySCEWVqj3-apM6PIHxUGNruQ_nosBGbr71J08D0MmFwPErHdd1b1bVRgg8xeO-8Uzb68TR1BBYJAHKaChMx4QUJe3A/s1600/blogger.png
" width="50px" /></a>
<a href="http://www.blogger.com/HIER%20DEN%20LINK%20ZU%20FLICKR%20EINF%C3%9CGEN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9S-Cxr71dLOJv2kx67Ll7YMleThYGgIKvavSDyUFeES-HLA6exGYbmS41_sRp6HfiZqF1rkinMoHLN-4jr8S0dPryQ363w0740oTg_mCxK91XQe-poREBLmydVwJa0WBRpgtwcFoqxzs/s1600/flickr.png
" width="40px" /></a>
<a href="http://www.blogger.com/HIER%20DEN%20LINK%20ZU%20INSTAGRAM%20EINF%C3%9CGEN">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9exgECBL0IMkH__YWiB_TO8UGDC6bNSxkcqQ48gxT9GpNWBRblLL0eZwcB3QtXs6iB0Jj5XV7BxHhuLu5sssMecdRuKOgDBKVC488M0_EJO72TIdkgITLNrSX2ZK2jGhM_-fUcSr7bUA/s1600/insta.png
" width="30px" /></a>
<br />
<br />
Das wars auch schon!Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com10tag:blogger.com,1999:blog-2153695460007779312.post-41018873108725962013-02-09T11:54:00.000+01:002013-03-13T17:12:26.197+01:00Schrift "rund" machen mit GIMP<div class="separator" style="clear: both; text-align: left;">
Hallo ihr Lieben! Heute gibt es ein kleines feines Tutorial für GIMP. Es geht darum, Schriften zu verzerren, sodass sie rund werden. Wobei rund ziemlich blöd ausgedrückt ist. Ich habe euch hier ein kleines Bild vorbereitet. Ich hoffe, ihr könnt euch das jetzt besser vorstellen.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfreMyiQvoa04sZABO4Ly7iY9oPSo0HBNIrfvuJ1-GuKAJbYOzEFtjmGIU8C_JMo58v7PBDA93L4Bahhl3i291G0swuxqKrtVnhXulqVy4TR1eMnWH1x3LUS30aX9TgrDYu7PlM3aboY/s1600/caw3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfreMyiQvoa04sZABO4Ly7iY9oPSo0HBNIrfvuJ1-GuKAJbYOzEFtjmGIU8C_JMo58v7PBDA93L4Bahhl3i291G0swuxqKrtVnhXulqVy4TR1eMnWH1x3LUS30aX9TgrDYu7PlM3aboY/s640/caw3.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a>Den Pfeil hat übrigens Jana von <a href="http://byjanam.blogspot.de/" target="_blank">byjanam</a> gemacht!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwoeVmUneVk_dBMPK-OA2_ScmfTZuieu8GSye2Ho9wpBaDTqvMtoJ1b2pQExEf9ZvXb2V_SNcs5fj8mRMrNkQ2Xn6L6qKFjrl4RU4cC7Nv7UrpvPAKjfOP8hgzkslnSUAOpGzy45cGvfk/s1600/Bildschirmfoto+2013-02-09+um+10.45.58.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwoeVmUneVk_dBMPK-OA2_ScmfTZuieu8GSye2Ho9wpBaDTqvMtoJ1b2pQExEf9ZvXb2V_SNcs5fj8mRMrNkQ2Xn6L6qKFjrl4RU4cC7Nv7UrpvPAKjfOP8hgzkslnSUAOpGzy45cGvfk/s1600/Bildschirmfoto+2013-02-09+um+10.45.58.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwoeVmUneVk_dBMPK-OA2_ScmfTZuieu8GSye2Ho9wpBaDTqvMtoJ1b2pQExEf9ZvXb2V_SNcs5fj8mRMrNkQ2Xn6L6qKFjrl4RU4cC7Nv7UrpvPAKjfOP8hgzkslnSUAOpGzy45cGvfk/s320/Bildschirmfoto+2013-02-09+um+10.45.58.png" width="320" /></a><br />
Wie immer öffnet ihr als erstes GIMP und wählt eure gwünschte Größe. Als nächstes erstellt ihr<br />
eine Textebene (Kurzwahl <b>T</b>) und schreibt euren Text hinein. Ihr könnt Schrift, Farbe und Größe beliebig anpassen, allerdings sollte es nicht zu groß sein. Ihr müsst ja noch Platz zum verzerren lassen! :-)<br />
Achtet auch darauf, dass die Textebene nicht zu eng am Text ist, sondern in etwa so viel Platz wie links auf dem<br />
<span style="background-color: white; line-height: 16px;"><span style="font-size: large;">←</span> </span>Bild. Oben und unten benötigt man mehr Platz als rechts oder links! :)<br />
<br />
Wagen wir uns nun also an den nächsten Schritt.<br />
Oben in der Leiste findet ihr den Menüpunkt <i><b>Filter</b></i>, danach klickt ihr auf <i><b>Verzerren</b> </i>und dort solltet ihr nun den Punkt <i><b>IWarp ...</b> </i>entdecken. Dort klickt ihr nun drauf und es öffnet sich dieses Fenster.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbzcoF5Q8yFVIazdV3BPtaW222N50Cl9pllpHSwa-VEfvEInCoQ0Kq2Ti_u36HuilC3v1LfZ-p38bCcYIFLVzSYx2YhB-1SGfsjvPRwhnqOe8XcvWDqKYo9uHPsULptYdi0VL2Q4CM7Q/s1600/Bildschirmfoto+2013-02-09+um+10.48.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbzcoF5Q8yFVIazdV3BPtaW222N50Cl9pllpHSwa-VEfvEInCoQ0Kq2Ti_u36HuilC3v1LfZ-p38bCcYIFLVzSYx2YhB-1SGfsjvPRwhnqOe8XcvWDqKYo9uHPsULptYdi0VL2Q4CM7Q/s640/Bildschirmfoto+2013-02-09+um+10.48.49.png" width="640" /></a></div>
<br />
Um mehr zu erkennen, klickt am besten auf das Bild drauf. Sofern es noch nicht eingestellt ist, solltet ihr bei Deformierungsmodus <i style="font-weight: bold;">Bewegen </i>anwählen. Beim <b>Deformierungsradius </b>müsst ihr einfach mal ausprobieren. Ich habe 124 (bei Gesamtgröße 600x400px) ausgesucht. Auch bei <b>Deformierung</b> habe ich etwas verändert, aber auch das muss man ausprobieren. Es hängt immer von der Größe der Datei und euren eigenen Vorstellungen ab. Habt ihr alle Einstellungen getroffen, geht mit der Maus in das Fenster mit der Schrift und zieht einfach mal hin und her. Schnell solltet ihr ein Gefühl dafür bekommen. Falls ihr mal einen Zug gemacht habt, der euch nicht gefällt, dann klickt einfach unten auf <i>Zurücksetzen</i>. Seid ihr zufrieden, wählt <i>OK</i>.<br />
<br />
Das war es nun auch schon mit diesem Tutorial. Ich hoffe es hat euch gefallen. Ich hätte da aber noch eine kleine Bitte an euch, die mir wirklich viel bedeutet. Und zwar, würdet ihr bitte hier bei Lichtmalerin mich zum <i>Blog of the Month</i> machen? Ich nehme dort mit meinem eigenen Blog teil. aww, es wäre so cool, da zu gewinnen :o <a href="http://fotografieistleben.blogspot.de/" target="_blank">Hier</a> seht ihr erstmal meinen Blog, und <a href="http://lichtmalen.blogspot.de/2013/02/botm-februar.html" target="_blank">hier</a> geht's direkt zur Abstimmung! Mein Blog ist der 4. (Photography is a way to live)<br />
Ich liebe euch <3Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com5tag:blogger.com,1999:blog-2153695460007779312.post-4899813204822028312013-02-05T21:42:00.001+01:002013-02-09T14:19:22.545+01:00Dein Bloggerlayout - Part 1: Die GrundlagenHeute möchte ich euch zeigen, wie ihr euer eigenes Layout erstellt. Ich weiß, das es schon Tutorials dazu auf time to steal ideas und Copy Paste Love gibt, aber hier zeige ich euch 'meine Weise'.<br />
Im Vorhinein möchte ich euch sagen, dass ich mir sehr Mühe gegebn hab, und wenn ihr eine Frage habt, sofort stellen, falls etwas ungenau formuliert ist gerne auch :) Nur Rechtschreibfehler dürft ihr behalten ♥<br />
<br />
So let's go!<br />
<br />
<a name='more'></a><br />
Erst einmal braucht ihr die Minima Vorlage, (<a href="http://www.copypastelove.org/2012/10/minima-download.html" target="_blank">DOWNLOAD (copypastelove)</a>) und einen Testblog, auf dem ihr an dem Design basteln könnt.<br />
Für den Testblog empfehle ich ein Bild (so wie ihr es immer postet) und etwas Text, zum Beispiel <a href="http://loremipsum.de/">Lorem ipsum</a>.<br />
<br />
Wenn ihr es jetzt anschaut, müsst es so aussehen:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNfELZ44cwkHLkbRM93nKHnRBDa5Syn2mqTSduXVNcLXNO9pAPeunr5zjLfP5NCcCBBlamyBYXJXoN32MAtvtvVVwTdonr9U49Fx3tipVcQTbKxOS4rQ5KPSs48AGFsnGwduL4PYZEfE/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNfELZ44cwkHLkbRM93nKHnRBDa5Syn2mqTSduXVNcLXNO9pAPeunr5zjLfP5NCcCBBlamyBYXJXoN32MAtvtvVVwTdonr9U49Fx3tipVcQTbKxOS4rQ5KPSs48AGFsnGwduL4PYZEfE/s640/1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
Die Breite</h3>
<div class="separator" style="clear: both; text-align: left;">
Aber so wollen wir ja das nicht haben, ne?</div>
Also machen wir uns daran, die Breite zu verändern. Das ist nicht ganz so einfach wie bei den neuen Vorlagen, aber überhaupt nicht kompliziert :)<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ihr sucht also nach <span style="color: #999999;">/* Outer-Wrapper</span>, dann landet ihr hier:</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEsyL6NVoK-cIQrHow1oiTZbJ3kVv0_pbvPgez0ABQQJ5sUVMqqdQuz4Dx4lys2SG9zdKRodJ8q5H5FLWG4xVvz2Q-48N9v8JCHA-1q25uzOwxLx7yf0w_8iiemGIxbBZ6t7HncWjfO4/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOEsyL6NVoK-cIQrHow1oiTZbJ3kVv0_pbvPgez0ABQQJ5sUVMqqdQuz4Dx4lys2SG9zdKRodJ8q5H5FLWG4xVvz2Q-48N9v8JCHA-1q25uzOwxLx7yf0w_8iiemGIxbBZ6t7HncWjfO4/s640/2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">klick zum vergrößern</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
Und die Zahlen bei<span style="color: #999999;"> width:...; </span>könnt ihr beliebig verändern. Ich habe hier ein Beispiel für Bilder in X-Large und zentriert:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9aWqEa7EIyi6E0-_a1jxmKYXb0WEvJ1VQXzXVdIwqxRSdZ-WRkOdh3LVoxWdPjmrA9XK1ZcIhQwRHNGxMtdMJ-uNES8RG4TMWCI037bVCAM4_KoA4FuC0f6bOay3zLjsCu21p_Sb7L0/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9aWqEa7EIyi6E0-_a1jxmKYXb0WEvJ1VQXzXVdIwqxRSdZ-WRkOdh3LVoxWdPjmrA9XK1ZcIhQwRHNGxMtdMJ-uNES8RG4TMWCI037bVCAM4_KoA4FuC0f6bOay3zLjsCu21p_Sb7L0/s640/3.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Wie ihr sehen könnt, habe ich bei <span style="color: #999999;">outer-wrapper</span> das <span style="color: #999999;">padding:10px;</span> entfernt, aber dafür <span style="color: #999999;">padding:10px;</span> bei <span style="color: #999999;">main-wrapper</span> und <span style="color: #999999;">padding:5px;</span> bei <span style="color: #999999;">sidebar-wrapper</span> eingefügt.<br />
Diese Zahlen bestimmen den Abstand vom Rand zum Geschriebenem, bzw. Bild.<br />
<br />
<blockquote class="tr_bq">
outer-wrapper bestimmt die gesamte Breite eures Blogs.</blockquote>
<blockquote class="tr_bq">
main-wrapper bestimmt die Breite des Postingbereichs</blockquote>
<blockquote class="tr_bq">
sidebar-wrapper bestimmt die Breite der Sidebar</blockquote>
-> Dabei muss outer-wrapper immer größer sein als main-wrapper und sidebar-wrapper zusammen!<br />
Am Besten einfach rumprobieren :)<br />
<br />
Und falls ihr einen Header habt/haben wollt, sucht nach<br />
<blockquote class="tr_bq">
#header-wrapper {</blockquote>
Und fügt dort die Breite ein, die auch bei <span style="color: #999999;">outer-wrapper</span> ist :)<br />
<br />
<h3>
Das Design optimieren</h3>
Jetzt geht ihr in den Vorlagendesigner. Also auf 'Anpassen'. Und da könnt ihr alles nach euren Wünschen gestalten.<br />
Hier ist mein Beispiel:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPxUEpMiQpitj9_-U7yt_DHgFefnhL9_IsxUnemN_Ui6WBpRvdRvqgD7V9O8uId0rpCI0XDpWoTuYu9m28BrkDqLm-wBhnPRgyRwB7E9zW73BenqlN4CU8NkdgUj4DkXujdMhIpaW_kM/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPxUEpMiQpitj9_-U7yt_DHgFefnhL9_IsxUnemN_Ui6WBpRvdRvqgD7V9O8uId0rpCI0XDpWoTuYu9m28BrkDqLm-wBhnPRgyRwB7E9zW73BenqlN4CU8NkdgUj4DkXujdMhIpaW_kM/s640/4.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Wenn ihr einen weißen Hintergrund habt, überspringt diesen Schritt.</div>
<div class="separator" style="clear: both; text-align: left;">
Jetzt wollen wir nämlich die Sidebar und den Postbereich weiß hinterlegen.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Dazu gibt es drei Möglichkeiten:<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicybIBifJux29SC9t3XMpWNLxShtiIZ4Xl3Nm61eyw950CiUgg-HsKy9IaLoFzJ5S7M8wI6pDItoyk14CxlVPN5vk-Gx0Ea6zeGPB6p3ft0i60BdMUtp-ZAYEEzpvAvPaAosisppD3b7c/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicybIBifJux29SC9t3XMpWNLxShtiIZ4Xl3Nm61eyw950CiUgg-HsKy9IaLoFzJ5S7M8wI6pDItoyk14CxlVPN5vk-Gx0Ea6zeGPB6p3ft0i60BdMUtp-ZAYEEzpvAvPaAosisppD3b7c/s640/5.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">1)</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-KVj8tv26dGAenVcdlK8nOiR5gfKsH64XBKKTnMoa6kVJ9HQ_Hgf0wA_9WfPLlExwv5hfbekICT3FX6_kAMX4emvPY7tMjbvHkzl0CZAMI7ll10GbFuRVmBHqSTiQKcVwmK0PdCmEIFk/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-KVj8tv26dGAenVcdlK8nOiR5gfKsH64XBKKTnMoa6kVJ9HQ_Hgf0wA_9WfPLlExwv5hfbekICT3FX6_kAMX4emvPY7tMjbvHkzl0CZAMI7ll10GbFuRVmBHqSTiQKcVwmK0PdCmEIFk/s640/6.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">2)</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5Ggz-oijyYWns36fJanRTGlBtY-c21GQ68GNib-v3wDWcICusAobQkwL_t75Pr8XGVsfU984YzPIvg1zEAxTGJta1uXxlSxZB-2KV3i2sq9miuW-uuLns82097nZjeTcjoc0W4P4oJA/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5Ggz-oijyYWns36fJanRTGlBtY-c21GQ68GNib-v3wDWcICusAobQkwL_t75Pr8XGVsfU984YzPIvg1zEAxTGJta1uXxlSxZB-2KV3i2sq9miuW-uuLns82097nZjeTcjoc0W4P4oJA/s640/7.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3)</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: purple;">1) </span>Alles weiß hinterlegt</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: purple;">2)</span> Spalte zwischen Postingbereich und Sidebar</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: purple;">3)</span> Alles zerstückelt</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Wir sind immernoch im Bereich von oben (/* Outer-Wrapper)</div>
<div class="separator" style="clear: both; text-align: left;">
Für <span style="color: purple;">1) </span>und <span style="color: purple;">2)</span> benötigt ihr diesen Code:</div>
<blockquote class="tr_bq">
background:#fff;</blockquote>
Für <span style="color: purple;">1) </span>müsst ihr einfach nur bei<span style="color: #999999;"> outer-wrapper </span>den kopierten Code von oben einfügen. Fertig :)<br />
<br />
Bei <span style="color: purple;">2) </span>müsst ihr den Code einfach nur bei <span style="color: #999999;">sidebar-wrapper</span> und bei <span style="color: #999999;">main-wrapper</span> einfügen:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOudpxUtYUhkjLJXs6Jd_Crl8wAu79pA3BvRq-NtUrvlocbobsPpdGh2x1riyKShXJoqBQHAi_tDKYnfsQNttk3fdM0IcoT_Fpv_NphjalaPumD6_xqxpM0nk22FTOUcojdfPVbkVulM/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOudpxUtYUhkjLJXs6Jd_Crl8wAu79pA3BvRq-NtUrvlocbobsPpdGh2x1riyKShXJoqBQHAi_tDKYnfsQNttk3fdM0IcoT_Fpv_NphjalaPumD6_xqxpM0nk22FTOUcojdfPVbkVulM/s640/8.png" width="640" /></a></div>
Für Nummer <span style="color: purple;">3) </span>wird es schon etwas schwieriger. Zuerstmal solltet ihr bei <span style="color: #999999;">sidebar-wrapper</span> und <span style="color: #999999;">main-wrapper </span>das padding wieder entfernen, das müssen wir nämlich jetzt nochmal einfügen. Passt auf, das ihr bei den beiden nicht schon einmal background:#fff; stehen habt!<br />
<br />
Bei <span style="color: #999999;">.post { </span>fügt ihr das darunter ein:<br />
<blockquote class="tr_bq">
padding:10px; background:#fff;</blockquote>
Geht auf 'Vorschau'. Jetzt dürfte der Postingbereich zerstückelt sein.<br />
Wenn ihr noch <span style="color: #999999;">margin-top:2px; </span>einfügt, könnt ihr den Bereich der 'Zertsückelung' einstellen.<br />
Probieren!<br />
<br />
Für die sidebar sucht ihr nach <span style="white-space: pre-wrap;"><span style="color: #999999; font-family: inherit;">.sidebar .widget, .main .widget { </span><span style="font-family: inherit;">und entfernt dort das <span style="color: #999999;">, .main . widget</span></span></span><br />
<span style="white-space: pre-wrap;">Darunter fügt ihr jetzt</span><br />
<blockquote class="tr_bq">
<span style="white-space: pre-wrap;">padding:5px; background:#fff;</span></blockquote>
ein.<br />
(Ja, die Info habe ich von time to steal ideas.)<br />
<br />
<h4>
<span style="font-size: large;">Jetzt ist euer Grundgerüst fertig! </span></h4>
Aber so ganz schön ist es auch noch nicht, deswegen basteln wir mal weiter.<br />
<br />
<h3>
Der Posttitel</h3>
Zuallererst fällt der Posttitel auf - so toll sieht das ja nicht aus, oder?<br />
Natürlich können wir diesen verändern.<br />
Ihr sucht nach<br />
<blockquote class="tr_bq">
.post h3 {</blockquote>
Und darunter könnt ihr nur Befehle einfügen. Hier ein paar Beispiele:<br />
<br />
<br />
<ul>
<li><span style="color: #999999;">Textausrichtung zentriert/links/rechts</span> - text-align:center/left/right;</li>
<li><span style="color: #999999;">Textfarbe</span> - color:<a href="http://html-color-codes.info/webfarben_hexcodes/" target="_blank">#FARBE</a>; </li>
<li><span style="color: #999999;">Hintergrund</span> - <a href="http://care-about-what.blogspot.de/2012/10/bildpattern-hinter-dem-posttitel.html" target="_blank">lest hier ein tutorial :)</a></li>
<li><br /></li>
<li><span style="color: #999999;">Schriftart </span>- font-style:Verdana; | Wenn ihr eine Schriftart nehmen wollt, die nicht bei Blogger registriert ist, schaut euch <a href="http://care-about-what.blogspot.de/2013/01/google-webfonts-einbinden.html" target="_blank">dieses</a> Tutorial an :)</li>
<li><span style="color: #999999;">Schriftgröße</span> - font-size:*px; Auch hier könnt ihr die Zahl beliebig verändern :)</li>
<li><span style="color: #999999;">Rahmen:</span> -<span style="color: #999999;"> </span><span style="color: #c27ba0;">border</span>:<span style="background-color: white;"><span style="color: #8e7cc3;">1px</span></span> <span style="color: #93c47d;">solid/dashed/dotted</span> <span style="color: orange;">#FARBE</span></li>
<ul>
<li><span style="background-color: white;"><span style="color: #c27ba0;">border:.;</span></span> - alle vier Seiten haben einen Rahmen<br /><span style="color: #c27ba0;">border-left:.; / border-right:.;</span> - nur links/rechts ist ein Rahmen <br /><span style="color: #c27ba0;">border-top:.; / border-bottom:.;</span> - nur oben/unten ist ein Rahmen</li>
<li><span style="color: #8e7cc3;">*px;</span> - bestimmt die Dicke der Linie, die Zahl kann beliebig verändert werden</li>
<li><span style="color: #93c47d;">solid</span> - ______ / <span style="background-color: white;"><span style="color: #93c47d;">dashed</span></span> - _ _ _ _ / <span style="color: #93c47d;">dotted</span> - .........</li>
<li>und die <span style="color: orange;">Farbe </span>könnt ihr auch bestimmen. <u><a href="http://html-color-codes.info/webfarben_hexcodes/" target="_blank">Hier</a></u> könnt ihr sie euch aussuchen.</li>
</ul>
<li><span style="color: #999999;">(nur benutzen bei border) Höhe des Postitels </span>- wenn ihr den Bordercode benutzt habt, dürfte euch aufgefallen sein, dass die Linie ziemlich weit unten ist. Um dass zu ändern ersetzt ihr line-height:1.4em; mit line-height:*px; . Mit diesem Wert könnt ihr rumspielen, bis er euch gefällt.</li>
</ul>
<div>
Hier seht ihr, wie ich mich entschieden habe, und den Code findet ihr auch auf dem Bild :)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGrQgbL5X7Dd52RYblJexBKEF8gWkMAipgzT8w9OCb6zoz9mkTdc9_VaZQ8Cz-qVOmRkdvQXRkaGf21c4AqJa2864u_IK5yjfVfAxVChjf2g3kRSm3HmvBAA1ettlABHooEOgEL3bwOI/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGrQgbL5X7Dd52RYblJexBKEF8gWkMAipgzT8w9OCb6zoz9mkTdc9_VaZQ8Cz-qVOmRkdvQXRkaGf21c4AqJa2864u_IK5yjfVfAxVChjf2g3kRSm3HmvBAA1ettlABHooEOgEL3bwOI/s640/9.png" width="640" /></a></div>
<div>
<br /></div>
<h3>
Die Sidebar und das Datum</h3>
Und zu guter letzt im Grundlagenteil - Der Sidebartitel und das Datum.<br />
Sucht nach:<br />
<blockquote class="tr_bq">
h2 {</blockquote>
Hier könnt ihr jetzt wieder dasselbe einfügen wie oben, d.h. Textausrichtung, Textfarbe...<br />
Aber: Wenn ihr nicht alles großgeschrieben haben wollt, entfernt <span style="color: #999999;">text-transform:uppercase;</span><br />
<br />
So sieht es nun bei mir aus:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWPOUfET__AHEBxfSgpGIGlYnPm9FsaqXUAp2tEVt0iR1TX0l2b93yk_7okPqktDQGSkV9u53MLTiiZuZT6naoEUfZK_FY168RqutAMyK4wKJ8cjZmknxs5T8YBbFKkXyV9hjIyRIvt8/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWPOUfET__AHEBxfSgpGIGlYnPm9FsaqXUAp2tEVt0iR1TX0l2b93yk_7okPqktDQGSkV9u53MLTiiZuZT6naoEUfZK_FY168RqutAMyK4wKJ8cjZmknxs5T8YBbFKkXyV9hjIyRIvt8/s640/10.png" width="640" /></a></div>
<br />
So gefällt mir das Datum jetzt aber nicht. Ich finde die Linie doof, die Schriftart und die Farbe. Also ändern wir das nun an dieser Stelle:<br />
<blockquote class="tr_bq">
h2.date-header {</blockquote>
Die ist direkt unter <span style="color: #999999;">h2 {</span><br />
Ihr müsst jetzt sozusagen 'Das Gegenteil' machen. Das heißt aus <span style="color: #999999;">border-bottom:1px solid ..;</span> wird <span style="color: #999999;">border-bottom:0px;</span> aus<span style="color: #999999;"> font-family:The Girl next door;</span> könnt ihr die Schriftart machen die ihr wollt, und natürlich noch alles, was man auch beim Posttitel machen konnte :)<br />
Damit es alles nicht so weit oben ist, hab ich noch <span style="color: #999999;">margin-top:3px; </span>eingefügt. Auch diese Zahl könnt ihr ändern.<br />
<br />
<h3>
Der Blogtitel</h3>
<div>
Hier gilt eigentlich auch wieder alles, was bereits beim Posttitel erwähnt wurde. Falls ihr einen Header habt, ist das nicht nötig.<br />
Sucht nach</div>
<blockquote class="tr_bq">
header h1 {</blockquote>
<br />
Und das ist mein Endergebnis:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLXY627S96JkeCrU37q8ANjlm5UmY9u8M_fIjpOdxcmehRCsa4TX5az_FXP7MPK3QMi50GdYw2PeEIv31rgtMGxO3tMy2yHPdZXzcX6IPlbTkcmO00jwQlCF_MjDd-nQ8VDVqlgMQmuQ/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLXY627S96JkeCrU37q8ANjlm5UmY9u8M_fIjpOdxcmehRCsa4TX5az_FXP7MPK3QMi50GdYw2PeEIv31rgtMGxO3tMy2yHPdZXzcX6IPlbTkcmO00jwQlCF_MjDd-nQ8VDVqlgMQmuQ/s640/12.png" width="640" /></a></div>
<br />
Die Grundlagen sind nun fertig! Herzlichen Glückwunsch, du hast es bis hierher geschafft!<br />
Diesen Monat kommen auch noch Part 2 [Die Feinheiten (z.B. Pattern, Links, Bilder bearbeiten,..)] und Part 3 [Die Extras(z.B. Menü, Leiste,..)] dazu :)<br />
<br />
<span style="color: purple; font-size: large;">Und ich würde mich RIESIG freuen, wenn ihr mir eure Designs in die Kommentare postet!</span><br />
Und noch eine Gute Nacht! ♥Unknownnoreply@blogger.com43tag:blogger.com,1999:blog-2153695460007779312.post-80590537607930910912013-01-29T16:57:00.001+01:002013-01-29T16:57:47.006+01:00200 Leser - und eine Ankündigung.Am 23. Januar schrieb ich Theresa eine WhatsApp: "199 Leser" - "yeaah !:-)"<br />
Einen Tag später geh ich mit dem Handy auf Blogger - 200 Leser! Und jetzt sogar noch mehr! :)<br />
Und im Namen von uns allen bedanke ich mich bei euch!<br />
Ihr seid die BESTEN! <3 <br />
Diese Seite gibt es seit Mitte September. Das heißt, es sind jetzt erst 4 Monate, und ihr schreibt uns immer Kommentare, gebt uns A<br />
Demnächst wird es natürlich auch ein Dankeschön-Layout geben.<br />
<br />
Aber: Ich werde keine Layouts mehr machen.<br />
<br />
<a name='more'></a>Warum?<br />
Ich bekomme Anfragen wie: Grauer, zentrierter Posttitel, Arial, Hintergrund grau, Link schwarz. Ehrlich? Für sowas müsst ihr kein Layout bestellen. Sich einfach mal mit dem Vorlagendesigner auseinandersetzen! :-)<br />
Ich hab fünf Layouts gemacht, auf EINS eine Antwort bekommen. Das heißt, etwa 2 Stunden Zeit für nichts.<br />
Ich habe ziemlich Stress in der Schule, ich hab einfach zu viel zu tun, die ganze Woche ist verplant und ich komm noch nicht einmal richtig zum Fotografieren.<br />
Ich werde nur noch das Layout von 99 Seifenblasen und just a moment fertig machen, dann müsst ihr mit denen von hier vorlieb nehmen (von denen noch mehr kommen - gerne nehme ich Anregungen über ask.fm an!)<br />
An alle die gewartet haben - Es tut mir <u>richtig</u> Leid! Mir war am Anfang dieser Seite nicht klar, was auf mich zukommen würde, wie viele Anfragen kommen würden. Ich rechnete mit zwei pro Monat, tja, verschätzt sage ich mal. Schickt mir (wie oben schon erwähnt) ruhig Anregungen, vielleicht ist es dann euer perfektes Layout? ;)<br />
<br />
<span style="font-size: x-large;">Aber:</span> Ich habe mir eine 'Entschädigung' überlegt. Ich zeige euch, wie man ein Layout erstellt. Ich weiß, das es sowas schon bei Time to steal ideas und Copy Paste Love gibt, aber ich denke, das ich die Dinge dann schon etwas anders sehe. Aber sagt dann bitte nicht sowas wie "nachgemacht" - HTML ist nunmal einheitlich.<br />
<br />
Was also von meiner Seite demnächst an Tutorials ansteht:<br />
<br />
<ul>
<li>Dein Bloggerlayout - Part 1: Die Grundlagen</li>
<li>Wie man 'Hinterlasse eine Kommentar" einfügt (wie auf meinem Blog)</li>
<li>Den 'Wikplayer' einfügen</li>
</ul>
<div>
Und falls es noch mehr Anregungen/Wünsche gibt, ab in die Kommentarbox :)</div>
<div>
<br /></div>
<div>
Ganz liebe Grüße, Patrizia :)</div>
<br />Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-2153695460007779312.post-55422256708125108032013-01-21T13:00:00.000+01:002013-01-21T13:00:08.953+01:00Über Header I - Die GrundlagenAuf Wunsch zeige ich euch heute mal, wie so ein Header, den ich designe, aufgebaut ist. Eigentlich wollte ich das Tutorial nicht machen, weil es sehr schwierig - um nicht zu sagen unmöglich - das in einem Tutorial zu erklären, aber gut, ich versuche es trotzdem. Zuallererst: Es gibt nicht DAS Rezept für einen Header. Außerdem sollte euer Header etwas besonderes sein, was man nicht auf jedem zweiten Blog findet.<br />
<br />
<a name='more'></a><h2 style="text-align: center;">
<span style="font-size: 20px;">Über was ihr euch klar sein solltet:</span></h2>
<div>
<div style="text-align: left;">
<b>Farbwahl:</b> Mischt ruhig zwei Farben, die zusammenpassen. Nach meinem Geschmack passen Farben wie hellgrün und orange, hellblau und rosarot oder rosa und beige gut zusammen. Passt auf, dass die Farben nicht zu grell sind und harmonieren. Es <b>muss </b>auf jeden Fall zu eurem Blogdesign passen. Ihr könnt keine beiges Blogdesign haben und einen knallgrünen Header machen. Die Farben sollten sich in den Akzenten, wie Hover oder ähnliches wiederfinden lassen. </div>
</div>
<div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>Bilder/Schriftzug: </b>Überlegt euch, ob ihr Bilder von euch im Header haben wollt, oder nur einen Schriftzug. Wenn ihr euch für Bilder entscheidet, solltet ihr euch als erstes mal überlegen, welche es sein sollen. Ich empfehle, Bilder zu nehmen, auf denen ihr zu sehen seid. Ein Bild einer Blume oder so etwas ähnlichem sieht einfach nicht schön aus, weil ihr das nicht schön freistellen könnt.<br />
<br />
<b>Was soll er den Lesern sagen?</b> Dies ist ein sehr wichtiger Punkt. Soll der Header eine ganze Geschichte erzählen, oder nur ein paar freundliche Worte? ok, zugegeben, das klingt jetzt alles ziemlich komisch. Obwohl das Ganze sehr leicht zu verstehen ist, sehe ich immer wieder auf einigen Blogs (sorry) schreckliche Header. Ihr müsst euch wirklich klar werden, ob euer Header auffällig oder zurückhaltend sein soll. Ich ärgere mich immer wieder über Leute, die einen Header von mir wollen, aber keine klaren Anweisungen machen. Wie soll ich bitte wissen, was ihr wollt, wenn ihr es selbst nicht wisst (so nebenbei mal)</div>
</div>
Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com7tag:blogger.com,1999:blog-2153695460007779312.post-67167655023190752852013-01-19T10:35:00.000+01:002013-01-19T10:35:27.819+01:00big sorryhiermit mal der erste randompost von mir.<br />
Ich habe euch nämlich etwas wichtiges mitzuteilen. Ersteinmal möchte ich mich bei den Leuten, die einen Header bei mir bestellt haben, entschuldigen. In letzter Zeit habe ich irgendwie keine zeit für gar nichts. Deshalb kommen auch die Header so kurz. Ich versuche mich zu bessern und mache mich gleich an die Arbeit. Ich sollte das alles besser sortieren, moemntan arbeite ich an mehreren Headern gleichzeitig und das scheint eher unvorteilhaft zu sein. Also neue Regel: immer nur ein Header. Dadurch dauert alles natürlich länger, weil die Leite mir meistens erst 1 Tag später antworten, und ich dann wieder einen Tag nichts machen kann, aber so ist es einfach strukturierter. Also heute ist erstmal Michelles Header dran, den ich ihr eigentlich schon für letztes Jahr angekündigt habe. :( Es tut mir Leid, dass du so lange warten muss! :(<br />
<br />Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com1tag:blogger.com,1999:blog-2153695460007779312.post-44419162038452127482013-01-16T20:50:00.000+01:002013-01-16T22:27:51.364+01:00Talk-About: BlogzugIch denke wir kennen es alle mittlerweile. <a href="http://blog-zug.com/">Blogzug</a>. Die (relativ) neue Art und Weise deinen Blog beliebt zu machen. Die Meinungen zu der Seite sind allerdings geteilt. Ich dachte mir, ich gebe auch mal meinen Senf dazu.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFXWn87IvdTfUk5KsvdafBMJZ-UrP0vYoILLqx17Fh8mIgCKeDlY0PBUoXjKChxSzYvkiiWFRHnGogstTCmkUVET89GwtQMMWb_xuOrZgjDZb-4TA2tjZmYyf1CvrpMIcV93_2U7ro3FG/s1600/Screen+Shot+2012-11-21+at+10.27.25+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFXWn87IvdTfUk5KsvdafBMJZ-UrP0vYoILLqx17Fh8mIgCKeDlY0PBUoXjKChxSzYvkiiWFRHnGogstTCmkUVET89GwtQMMWb_xuOrZgjDZb-4TA2tjZmYyf1CvrpMIcV93_2U7ro3FG/s640/Screen+Shot+2012-11-21+at+10.27.25+PM.png" width="640" /></a></div>
<br />
<h3 style="text-align: center;">
</h3>
<h3 style="text-align: center;">
</h3>
<h3 style="text-align: center;">
Das Prinzip: </h3>
<div>
Das System von Blogzug ist eigentlich ganz einfach. Man meldet seinen Blog an, oder bleibt Anonym und klickt sich durch die Blogs, und bekommt dabei (fürs Folgen, aber auch nur Besuchen) Punkte und kann ebenfalls andere Blogs bewerten. Grundsätzlich ist es eine Win-Win Situation, wenn es nicht ein paar Downs zu dem ganzen gäbe.<br />
<a name='more'></a></div>
<div>
<h3 style="text-align: center;">
Meine Meinung:</h3>
</div>
Ich habe ebenfalls eine sehr geteilte, aber hauptächlich negative Meinung zu blog-zug.com. Grundsätzlich ist es eine brilliante Idee, da eh jeder immer so gut wie alles probiert um seinen Blog bekannt zu machen.. nur leider ist die Umsetzung etwas gescheitert, finde ich.<br />
<b><br /></b>
<b>Erster Kritikpunkt: </b>wenn du deinen Blog dort anmeldest, sucht die Seite nach keinem Beweis, dass du wirklich das Copyright für diesen Blog besitzt und die Anmeldung einfach nur durch Eingabe der URL erlangt. Das heißt, dass so gut wie jeder einfach einen beliebigen Blog anmelden kann ohne dass ich überhaupt informiert werde.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5uEtKCKYIRx-d7xGVBXA-BlVV1f6aTn2IBOmKb8wUmOLcrSMrVp5-Fk0RLTTgiAguPRdsxe_ysq8KhPbnlyD3xRHO7LljokeZ-6iQ2IFDnq1JCIzrzTmgbTihGNZUSFYIEIZc8kXOab1/s1600/Screen+shot+2012-12-03+at+9.05.48+AM.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_5uEtKCKYIRx-d7xGVBXA-BlVV1f6aTn2IBOmKb8wUmOLcrSMrVp5-Fk0RLTTgiAguPRdsxe_ysq8KhPbnlyD3xRHO7LljokeZ-6iQ2IFDnq1JCIzrzTmgbTihGNZUSFYIEIZc8kXOab1/s200/Screen+shot+2012-12-03+at+9.05.48+AM.png" width="166" /></a><b>Zweiter Kritikpunkt:</b> die zahlenden Kunden haben eindeutig einen großen Vorteil. Es dauert zum Beispiel schon eine halbe Ewigkeit bis du überhaupt zu den nichtzahlenden "Passagieren" unten kommst. Und wenn sie anscheinend zahlende Kunden haben, und auch noch Werbung auf ihrer Seite haben, warum suchen sie sich nicht mal ein Spezialisten und schaffen sich mal ein schöneres Design an. Oder arbeiten mal an ihrem System. Denn zum Beispiel das Blogvorschaubild ist bei mir nur ein graues Bild, da ich ja ein indivuduelles Design habe.<br />
<br />
<br />
<br />
<h3 style="text-align: center;">
Fazit:</h3>
<div>
Grundsätzlich ist es eine gute Idee, und ich finde jeder kann für sich selbst entscheiden, ob er das wirklich benutzen will. Es bringt dir neue Leser, aber nicht wirklich für lange, nach meiner Erfahrung. Außerdem ist das Prinzip nicht wirklich perfekt und man könnte noch daran arbeiten.<br />
<h3 style="text-align: center;">
Wie ist eure Meinung zu Blogzug? </h3>
<br /></div>
marthahttp://www.blogger.com/profile/15498210691719194509noreply@blogger.com5tag:blogger.com,1999:blog-2153695460007779312.post-71289013001184471362013-01-02T16:00:00.000+01:002013-01-02T16:00:05.247+01:00Google Webfonts einbinden<div class="separator" style="clear: both; text-align: left;">
Hallöchen! Ich melde mich auch wieder mit einem Tutorial. Heute geht's darum, sich die <a href="http://www.google.com/webfonts" target="_blank">GOOGLE WEBFONTS <span style="font-size: xx-small;">(klick)</span></a> einzubinden.</div>
<div class="separator" style="clear: both; text-align: left;">
Na dann, geht auf die Website, sucht euch eine aus und lest weiter!</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;">
Ich habe mir 'The Girl next Door' ausgesucht.</div>
Jetzt geht ihr auf 'Quick-use'<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypuCKLkzffOjSKv20E4BjzwO0dbdqFxxP8h3FMqgDgBfVBsra_ATD52jMLWofCqLJaXD_BUjD1LopwBoOVe6cnZlkkez0UCwrUY0MDnphMwPwC8rnAR1vxvqaTW0Px-PM9XHEsacIAA8/s1600/ggl1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypuCKLkzffOjSKv20E4BjzwO0dbdqFxxP8h3FMqgDgBfVBsra_ATD52jMLWofCqLJaXD_BUjD1LopwBoOVe6cnZlkkez0UCwrUY0MDnphMwPwC8rnAR1vxvqaTW0Px-PM9XHEsacIAA8/s640/ggl1.png" width="640" /></a></div>
Jetzt öffnet sich eine neues 'Fenster' dort scrollt ihr herunter, bis ihr auf das stosst:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaDgeWhrsVxSb51DIOV7glRKNfd_akmu4PnTKFUq6CWQwrrWtA76wyZJ7kDa3dBO9TJK1QrKfNhxXcqplpGbTE2TTb0ZEl8kFfDyXMPTNR2sd5UxgQ4mcwL9fihGrn7cM6O4g5AkpmaI/s1600/ggl2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaDgeWhrsVxSb51DIOV7glRKNfd_akmu4PnTKFUq6CWQwrrWtA76wyZJ7kDa3dBO9TJK1QrKfNhxXcqplpGbTE2TTb0ZEl8kFfDyXMPTNR2sd5UxgQ4mcwL9fihGrn7cM6O4g5AkpmaI/s640/ggl2.png" width="640" /></a></div>
Bevor wir das weiter benutzen, gehen wir in unseren HTML-Editor (Vorlage -> HTML bearbeiten), und dort suchen wir nach '<span style="color: #999999;"></head></span>'.<br />
<br />
Darunter fügen wir den Schritt 3 Code, also diesen Code ein.<br />
<blockquote class="tr_bq">
<span style="font-family: inherit;"><span style="background-color: #fafafa; line-height: 30px; white-space: nowrap;"><link href='http://fonts.googleapis.com/css?family=</span><span style="border: 0px; line-height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: nowrap;">The+Girl+Next+Door</span><span style="background-color: #fafafa; line-height: 30px; white-space: nowrap;">' rel='stylesheet' type='text/css'></span></span></blockquote>
<b><span style="color: red;">aber</span></b> jetzt gibt es ein Problem: Wenn wir es so in unseren HTML-Code einbetten, funktioniert nichts! Deshalb müssen wir am Ende vor dem '>' ein '/' setzen, also:<br />
<blockquote class="tr_bq">
<span style="font-family: inherit;"><span style="background-color: #fafafa; line-height: 30px; white-space: nowrap;"><link href='http://fonts.googleapis.com/css?family=</span><span style="border: 0px; line-height: 30px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: nowrap;">The+Girl+Next+Door</span><span style="background-color: #fafafa; line-height: 30px; white-space: nowrap;">' rel='stylesheet' type='text/css'<span style="color: red;"><b>/</b></span>></span></span></blockquote>
Jetzt ist die Schrift in eurem Blog sozusagen 'gespeichert'.<br />
<br />
Als nächstes brauchen wir den Code von Schritt 4. Dieser Code gibt an, dass ein bestimmter Teil des Layouts genau diese Schriftart hat.<br />
Hier einige Beispiele, und <u>unter</u> diesen fügt ihr dann den kopierten Code ein. Die Beispiele sind alle in eurem HTML Layout.<br />
<h2>
Posttitel</h2>
<div>
Sucht nach <span style="color: #999999;">h3</span> in der Verbindung mit <span style="color: #999999;">post</span>, z.B.:</div>
<div>
<span style="background-color: white; line-height: 20.78333282470703px; text-align: center;"><span style="color: #999999; font-family: inherit;">h3.post-title, .comments h4 {</span></span></div>
<div>
<span style="background-color: white; line-height: 20.78333282470703px; text-align: center;"><span style="color: #999999; font-family: inherit;">.post h3 {</span></span></div>
<div>
<span style="white-space: pre-wrap;"><span style="color: #999999; font-family: inherit;">h3.post-title, h4 {</span></span></div>
<div>
<br /></div>
<h2>
<span style="white-space: pre-wrap;">Sidebartitel</span></h2>
<div>
<span style="white-space: pre-wrap;">Sucht nach <span style="color: #999999;">h2 { </span>(es steht ganz alleine)</span></div>
<div>
<span style="white-space: pre-wrap;"><br /></span></div>
<h2>
<span style="white-space: pre-wrap;">Postingbereich</span></h2>
<div>
<span style="white-space: pre-wrap;">Sucht nach<span style="color: #999999;"> .post {</span></span><br />
<span style="white-space: pre-wrap;"><span style="color: #999999;"><br /></span></span>
<br />
<span style="white-space: pre-wrap;">Sonst geht es auch an vielen anderen Stellen in eurem HTML Teil! :)</span></div>
<div>
<br /></div>
Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-2153695460007779312.post-34472184052106636132013-01-01T21:42:00.000+01:002013-01-01T21:42:34.292+01:00care about what erstrahlt in neuem DesignWie ihr vielleicht schon entdeckt habt, haben wir ein neues Design. Patrizia und ich haben in letzter Zeit ziemlich lange daran gearbeitet und Martha hat immer wieder ein paar neue Ideen reingebracht. Warum? nun, wie ihr sicherlich wisst, habe ich vor einiger zeit ausversehen unser Design gelöscht. :D hust. Blöderweise hatten wir keine Kopie mehr, nur noch eine alte. Außerdem ging mir das grün schon lange auf die Nerven.<br />
<br />
<h3>
Was ist neu?</h3>
<br />
<ul>
<li>ihr seht oben eine fixierte leiste und könnt jederzeit zu einem anderen Thema switchen</li>
<li>die facebookseite ist am rechten Rand verlinkt, ihr könnt sie gerne liken</li>
<li>ein ganz neuer Header</li>
<li>die Tutorialübersicht: nach einem bestimmten Tutorial könnt ihr jetzt nicht mehr nur über die Suchleiste suchen, sondern auch ganz gezielt da rüber</li>
</ul>
<div>
Wir hoffen natürlich euch gefällt das Design genauso gut wie uns und wir wünschen euch ein frohes neues Jahr. Auf dass es sehr erfolgreich wird! :-)</div>
Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com9tag:blogger.com,1999:blog-2153695460007779312.post-67959694997983997182012-12-21T21:25:00.000+01:002012-12-21T21:25:00.564+01:00Talk about: Leise rieselt der Schnee<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI6Thvx44QXrXvafsf8_azFAflVMagV4mdmUSeIJptZg6yHEoT29GiBUjwY_h4mXdaSvZsPs-sQvyJUUyjV7k3mi0ZWNpFcbE-vrCuKOzCK14qNjXvMVF_ahRLoW_uYKoo2l4YC5ItLsc/s1600/Bildschirmfoto+2012-12-14+um+21.14.07.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI6Thvx44QXrXvafsf8_azFAflVMagV4mdmUSeIJptZg6yHEoT29GiBUjwY_h4mXdaSvZsPs-sQvyJUUyjV7k3mi0ZWNpFcbE-vrCuKOzCK14qNjXvMVF_ahRLoW_uYKoo2l4YC5ItLsc/s400/Bildschirmfoto+2012-12-14+um+21.14.07.png" width="400" /></a>Huhu, ihr lieben mehr als 150 Leser! :-) Heute mal wieder ein kleines Talk about, bei dem ich mich nicht so aufregen muss, wie sonst. Hierbei geht es um den Schnee aus einem <a href="http://www.copypastelove.org/2011/12/schnee-fallen-lassen.html" target="_blank">Tutorial</a> von Copy Paste Love aus dem letzten Jahr. Schaut euch doch zuerst mal das Bild an. Wenn jetzt einer von euch sagt, das ist schön, dann komm ich eigenhändig zu euch, und ihr bekommt ein neues Design.. Grundsätzlich ist der Schnee ja echt süß und da hat sich Mira doch was tolles ausgedacht! (Denkt jetzt bloß nicht, das sei was gegen Copy Paste Love oder Mira. oh mein gott, nein, auf gar keinen Fall! ich liebe CPL) Aber bitte, bitte, bitte übertreibt es nicht. Ich finde es in kleiner dezenter Art sehr schön. Selbst auf <a href="http://fotografieistleben.blogspot.de/" target="_blank">meinem eigenen Blog</a> ist es mir noch zu dominant! Also tut mir einen Gefallen und macht die Flocken kleiner und wählt doch nur eine Farbe. nämlich weiß. so sind schneeflocken nämlich normalerweise! :-)</div>
<div class="separator" style="clear: both; text-align: center;">
Liebste Grüße, Theresa <3</div>
Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com5tag:blogger.com,1999:blog-2153695460007779312.post-60037064918872783452012-12-18T14:38:00.000+01:002012-12-18T23:39:35.814+01:00Mini-Welt in Photoshop<span style="font-family: inherit;">Hallo ihr lieben 157 Leserlein, heute habe ich mir gedacht, da es nicht viele tutorials dazu online gibt, zeige ich euch heute wie man solche Mini-Welten erstellt :) Nun, das ganze geht auch in quasi genauso in <a href="http://pixlr.com/">Pixlr</a>, aber weil man dort hinterher nicht so gut die kleinen Fehler korrigieren kann, werde ich euch heute zeigen wie es in Photoshop geht. Glaubt mir, es sieht total schwer aus, aber ist total <b>EASY-PEASY! </b><span style="font-size: x-small;"> beide bilder wurden von mir bearbeitet, aber nur das rechte ist von mir fotografiert (links ist von ner freundin) </span>PS: Ich habe endlich ne deutsche Photoshop Version, yaaay! - sorry dass ich immer übersetzen musste.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1yjFW7XwQAJ2FxAEzkLMvRvkQ-_iZ-sLWcQzX66IYiOy4E248IecGZt_i6FkSjY4fWZfJw0QQdcooTKE_A2TXDFhkJktc3F7xakzwVQIn482_sMdmO9zDi9zwzSqhj0Ttg37mbS15TrB/s1600/miniweltwashington.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1yjFW7XwQAJ2FxAEzkLMvRvkQ-_iZ-sLWcQzX66IYiOy4E248IecGZt_i6FkSjY4fWZfJw0QQdcooTKE_A2TXDFhkJktc3F7xakzwVQIn482_sMdmO9zDi9zwzSqhj0Ttg37mbS15TrB/s320/miniweltwashington.jpg" width="288" /></span></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8khO31UM6OqtUVwm7TC3NqWlMCn1rODHD8Bni_Ol3UMr7OHD2fm5RezGXjf2YPE8HisBXxAN2BPFN7fEPP-hLItYP2W0tCZm9b2B2jMn5Jy4nUBnP7QFZvqj-uEqJSeWydH0SlW6g2U0t/s1600/miniweltnyc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8khO31UM6OqtUVwm7TC3NqWlMCn1rODHD8Bni_Ol3UMr7OHD2fm5RezGXjf2YPE8HisBXxAN2BPFN7fEPP-hLItYP2W0tCZm9b2B2jMn5Jy4nUBnP7QFZvqj-uEqJSeWydH0SlW6g2U0t/s320/miniweltnyc.jpg" width="288" /></span></a></div>
<span style="font-family: inherit;"><b><br /></b>
<b><span id="goog_1631940150"></span><span id="goog_1631940151"></span></b></span><br />
<a name='more'></a><span style="font-family: inherit;"><b><br /></b></span>
<span style="font-family: inherit;"><b>Was brauche ich hier für? </b>Nein, es muss kein Panorama Bild sein, kann es aber. Wobei ich gemerkt habe, dass es mit nicht-Panoramen auch ziemlich gut geht. Wichtig ist, dass oben in eurem Bild Himmel ist (desto mehr Himmel desto besser), das heißt<b> nichts darf abgeschnitten sein.</b> Außerdem müsst ihr darauf achten, dass rechts in euerem Bild so ungefähr <b>das gleiche</b> ist wie links. Also rechts darf zum Beispiel kein Wald anfangen und rechts ist nur Wiese.</span><br />
<u><span style="font-family: inherit;">Ich zeig euch hier mal zwei Beispiele, die nicht gehen.:</span></u><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHMEz5CXnb1tlYA1QZS2aJmdJnrDadHIUPMMLUEafIeDiulBmWX3i10y738tPziEIH40ykHRz_RsoAmgX84bAoIXs82Nbj5GKCD0TEBI0YBxMusgjCjIfZaH9JPOEsNqa6P_QQBxBA7Hr/s1600/baum1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHMEz5CXnb1tlYA1QZS2aJmdJnrDadHIUPMMLUEafIeDiulBmWX3i10y738tPziEIH40ykHRz_RsoAmgX84bAoIXs82Nbj5GKCD0TEBI0YBxMusgjCjIfZaH9JPOEsNqa6P_QQBxBA7Hr/s400/baum1.jpg" width="400" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;"><br /></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rrnqwbOWSVFrWcqs9FjDMGfI39GrHNnmzIKisiVeNRKEtW8d3jd3IIhZSrfvHYq6MwZjoPq6H2s03Z2LKj9hIS_qw2kQUhmSVV293hv-b4XiTyjBo7jD-4bVAo51MH2q9fgev4ytJG0n/s1600/nichtbenutzen.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rrnqwbOWSVFrWcqs9FjDMGfI39GrHNnmzIKisiVeNRKEtW8d3jd3IIhZSrfvHYq6MwZjoPq6H2s03Z2LKj9hIS_qw2kQUhmSVV293hv-b4XiTyjBo7jD-4bVAo51MH2q9fgev4ytJG0n/s400/nichtbenutzen.png" width="400" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit;">links ist gemäuer und rechts nicht.</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoR9sLc6IrlyyGaxNhEn9XWEysU_lNrbIW-lUuouE8vvqctFVtZjKnyHKHb7wfR4ifBB2E-wugAfqn7xQflhNuj5rkQjyHCstXgWlCVlN1JamdbwHuXIUAkRI5GXwDgTnSsO-shSqZ7vDh/s1600/111.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoR9sLc6IrlyyGaxNhEn9XWEysU_lNrbIW-lUuouE8vvqctFVtZjKnyHKHb7wfR4ifBB2E-wugAfqn7xQflhNuj5rkQjyHCstXgWlCVlN1JamdbwHuXIUAkRI5GXwDgTnSsO-shSqZ7vDh/s400/111.png" width="400" /></span></a><span style="font-family: inherit;">So, wenn ihr dann das richtige Bild gefunden habt, dauert es nicht mehr lange, bis ihr eure Mini-Welt habt! ;) Der<b> erste Schritt</b> ist, euer Bild in Photoshop zu öffnen (na klar). So sieht mein Bild aus! Wie ihr seht, habe ich keine Objekte im Himmel und rechts und links ist ungefähr das gleiche zu sehen (es kommt natürlich nicht auf jedes kleine Detail an). </span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9hGSeTLtq0HaQW4EPS6nWsRPT9QC3S59Q1iPluSzDi8TYRtCrF0hLKUJVhNywJjaBqbUuYEtOEnZgijezqBe0z1v7uiVrNzSWXKo7FOEShwL4XKkLl1x6gYDfuVzXT1Rz9Coc5t-_YF3/s1600/Screen+Shot+2012-11-30+at+7.14.13+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9hGSeTLtq0HaQW4EPS6nWsRPT9QC3S59Q1iPluSzDi8TYRtCrF0hLKUJVhNywJjaBqbUuYEtOEnZgijezqBe0z1v7uiVrNzSWXKo7FOEShwL4XKkLl1x6gYDfuVzXT1Rz9Coc5t-_YF3/s200/Screen+Shot+2012-11-30+at+7.14.13+PM.png" width="200" /></span></a><span style="font-family: inherit;"><span style="background-color: white; font-size: large; line-height: 17px;"><br />← </span>Nun müsst ihr euer Bild erstmal 180 Grad zu drehen. Dafür geht ihr auf<b> Bild > Bilddrehung > 180°..</b>
Jetzt müsste es auf dem Kopf stehen. </span></div>
<span style="font-family: inherit;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><br /></span></div>
<div class="" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitI8MGv7efuvSmnjFKbSBEYJR5Py_Tr7AwstuWqzetLG9pgqgBNJk9k0eVHpRsV7WHQuWQeYln29vCsnsxLWAH_NVKDpMRviVyfAJJsnT6O1gul951lQvlu2sd_hj5jWyA0nhFPMB-g90Y/s1600/444.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitI8MGv7efuvSmnjFKbSBEYJR5Py_Tr7AwstuWqzetLG9pgqgBNJk9k0eVHpRsV7WHQuWQeYln29vCsnsxLWAH_NVKDpMRviVyfAJJsnT6O1gul951lQvlu2sd_hj5jWyA0nhFPMB-g90Y/s320/444.png" width="320" /></span></a><br />
<span style="font-family: inherit;">Der nächste Schritt ist euer Bild quadratisch zu machen, sonst habt ihr hinterher mehr so eine elliptische Welt, als eine runde. Dafür geht ihr auf <b>Bild > Bildgröße</b> und dann sollte sich dieses Fenster öffnen. Dort müsst ihr dann als erstes den Haken bei <b>Proportionen beibehalten </b>entfernen, damit ihre eure Größen beliebig ändern könnt. Ich hab mein Bild jetzt auf<b> 2000x2000 </b>geändert, aber solang beide Seiten gleich lang sind, ist es egal.</span></div>
<span style="font-family: inherit;"><br /></span>
<br />
<div class="" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVk_HHPW485NZe87N48PjzhUfZBcLLlGSMPhPXGQ0VJPJm7UoIs6_C2GdBf_QAJtGBO_lTsfQ-RCrOVPfam0PIE-WHeBTw1ec2cCpJTafMjzFCHuYz4pp2NcyFIWo5bG9nEqDEPf9oq5wA/s1600/666.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVk_HHPW485NZe87N48PjzhUfZBcLLlGSMPhPXGQ0VJPJm7UoIs6_C2GdBf_QAJtGBO_lTsfQ-RCrOVPfam0PIE-WHeBTw1ec2cCpJTafMjzFCHuYz4pp2NcyFIWo5bG9nEqDEPf9oq5wA/s320/666.png" width="320" /></span></a><span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br />Jetzt müsst ihr nur noch eine Sache machen um eure Mini-Welt zu erstellen! :) </span><span style="line-height: 19.200000762939453px;">Dafür geht ihr auf </span><b style="line-height: 19.200000762939453px;">Filter > Verzerrungsfilter > Polarkoordinaten. </b><span style="line-height: 19.200000762939453px;">Jetzt öffnet sich dieses Fenster, bei dem ihr einen Haken/Punkt bei<b> Rechteckig -> Polar.</b></span></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
<span style="line-height: 19.200000762939453px;"><b><br /></b></span>
</span><br />
<span style="font-family: inherit; line-height: 19.200000762939453px;"><b>Und nun müsstet ihr eine Mini-Welt haben! :) </b>Ihr müsst wissen, dass nicht jedes Bild sich dafür eignet, man muss einfach verschiedene durchprobieren. Auch bei meinem Bild sieht das Endergebnis nicht perfekt aus, deswegen hab ich euch noch ein paar Tricks wie ihr in euerer Mini-Welt Fehler beheben könnt.</span><br />
<span style="font-family: inherit;"><br /></span>
<br />
<h3 style="text-align: center;">
<span style="font-family: inherit; font-size: large; line-height: 19.200000762939453px;">EXTRAS:</span></h3>
<div>
<span style="font-family: inherit; line-height: 19.200000762939453px;">Wenn ihr einen Strich durch euer Bild habt, besonders am Himmel, weil er einen anderen Farbton hat, gibt es zwei Tricks wie ihr das einigermaßen beheben könnt.</span></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQqE-DJRFT4agqEjrP_tVZaLFLuBSLyUOqk5ncv9ke9e1mqXtluQiCHz4w8IHDuWBGmMw7k4jzwBpCrQLLt31qjSnOt5tkwq6cJtRejkX2pyvaEdtfUygLO-vDYC8dvfp-ED9cdtBJHWuN/s1600/777.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQqE-DJRFT4agqEjrP_tVZaLFLuBSLyUOqk5ncv9ke9e1mqXtluQiCHz4w8IHDuWBGmMw7k4jzwBpCrQLLt31qjSnOt5tkwq6cJtRejkX2pyvaEdtfUygLO-vDYC8dvfp-ED9cdtBJHWuN/s200/777.png" width="200" /></span></a><span style="font-family: inherit; line-height: 19.200000762939453px;"><b></b></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><b><span style="line-height: 19.200000762939453px;"><b><br /></b></span></b></span>
<span style="line-height: 19.200000762939453px;"><b>Trick #1: </b>Mit dem <b>Verlaufswerkzeug </b>und einer <b>Ebenenmaske </b>einen zweifarbigen Himmel ausgleichen.</span></span><br />
<span style="font-family: inherit; line-height: 19.200000762939453px;">So sah dann nämlich meins aus, und da auf der einen Seite in meinem Bild der Himmel dunkler war als auf der anderen. </span><br />
<span style="font-family: inherit;"><br /></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZZOEHFscvqRPM4o__gtxdtWHu6AKQLJLeP4pMvuQ5G5n9tUYMiedIdHk7_Y4BuAQH-OusRM1Y6MQARkgywH0ieXw1mLA4SD2qJLWIGH1l6D34sFR_x94tapmoakleq5C0EfsZQ6hgRpf/s1600/verlauf.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZZOEHFscvqRPM4o__gtxdtWHu6AKQLJLeP4pMvuQ5G5n9tUYMiedIdHk7_Y4BuAQH-OusRM1Y6MQARkgywH0ieXw1mLA4SD2qJLWIGH1l6D34sFR_x94tapmoakleq5C0EfsZQ6hgRpf/s200/verlauf.png" width="200" /></span></a><span style="font-family: inherit; line-height: 19.200000762939453px;">Dafür habe ich mir eine neue Ebene erstellt und die beiden Farben mit der Pipette ausgesucht und einen Verlauf erstellt. </span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit; line-height: 19.200000762939453px;">Dann müsst ihr auf dieser neuen Ebene eine Ebenenmaske erstellt <a href="http://care-about-what.blogspot.com/2012/09/photoshop-ebenenmasken.html">(wie ihr mit Ebenenmasken umgeht findet ihr HIER!)</a> und den Bereich ausradiert, den ich nicht brauchte, also dass nur der Bereich wo ihr den Strich habt "übermalt" ist. So sah meine Ebenenmaske dann aus: </span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNyaxPlHjewyyfwPnatQK4AR5gMx4Zl6plCgSOREPoe6C26kwuYSVhxAETUvDSkJcFRI1cxPFfht5Tfa9vXOPe1Ju1W2jVs08rlSTNhOYeyBoxxuJSkIkj8h5g7BFGQOySBstdt7Dh9gck/s1600/Screen+Shot+2012-12-02+at+2.53.39+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNyaxPlHjewyyfwPnatQK4AR5gMx4Zl6plCgSOREPoe6C26kwuYSVhxAETUvDSkJcFRI1cxPFfht5Tfa9vXOPe1Ju1W2jVs08rlSTNhOYeyBoxxuJSkIkj8h5g7BFGQOySBstdt7Dh9gck/s1600/Screen+Shot+2012-12-02+at+2.53.39+PM.png" /></span></a><span style="font-family: inherit; line-height: 19.200000762939453px;"></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br /></span>
Und vergesst nicht die Ränder dann mit verschiedener Deckkraft einzublenden, damit's realistischer aussieht.</span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br /></span>
<span style="line-height: 19.200000762939453px;"><br /></span>
<span style="line-height: 19.200000762939453px;"><br /></span>
</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikI5LawXUQRz9Z2KDb5v8Zh52le4NOAx326VaX46ovG3EuvLf2lQAJVz8VWvQeH4LLTm5FB1a90qjDJnfrwpXasRNE8aSbY-l0lC2lL201Syxxb8QFfh83WHbE538Rbv7GFlAMuGX3LAb/s1600/Screen+Shot+2012-12-02+at+3.02.01+PM.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiikI5LawXUQRz9Z2KDb5v8Zh52le4NOAx326VaX46ovG3EuvLf2lQAJVz8VWvQeH4LLTm5FB1a90qjDJnfrwpXasRNE8aSbY-l0lC2lL201Syxxb8QFfh83WHbE538Rbv7GFlAMuGX3LAb/s1600/Screen+Shot+2012-12-02+at+3.02.01+PM.png" /></span></a><span style="font-family: inherit;"><b style="line-height: 19.200000762939453px;">Trick #2: </b><span style="line-height: 19.200000762939453px;">Benutzt das <b>Bereichsreparatur-Werkzeug</b>. Wenn ihr innerhalb des Bildes ein bisschen damit auf der Linie oder anderen Fehlern die bei eurer Mini Welt entstanden sind rummalt, könnt ihr teilweise Fehler beheben. </span></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br /></span>
<b style="line-height: 19.200000762939453px;">Trick #3: </b><span style="line-height: 19.200000762939453px;">Dreht euere Welt so, dass sie authentisch aussieht. Bei mir zum Beispiel war das Gebäude unten, da sah das ganze schon ganz anders aus, als ich es um 180 Grad gedreht hab! :)</span></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br /></span>
<span style="line-height: 19.200000762939453px;"><b>Trick #4: </b>Jenach dem wie viel Himmel hattest, in meinem Fall war das viel, <b>schneide dein Bild zu</b>! </span></span><br />
<span style="font-family: inherit;"><span style="line-height: 19.200000762939453px;"><br /></span>
</span><br />
<div style="text-align: center;">
<span style="font-family: inherit; line-height: 19.200000762939453px;"><u>Nach all dem, sieht meine Miniwelt jetzt so aus: </u></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1yjFW7XwQAJ2FxAEzkLMvRvkQ-_iZ-sLWcQzX66IYiOy4E248IecGZt_i6FkSjY4fWZfJw0QQdcooTKE_A2TXDFhkJktc3F7xakzwVQIn482_sMdmO9zDi9zwzSqhj0Ttg37mbS15TrB/s1600/miniweltwashington.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1yjFW7XwQAJ2FxAEzkLMvRvkQ-_iZ-sLWcQzX66IYiOy4E248IecGZt_i6FkSjY4fWZfJw0QQdcooTKE_A2TXDFhkJktc3F7xakzwVQIn482_sMdmO9zDi9zwzSqhj0Ttg37mbS15TrB/s400/miniweltwashington.jpg" width="400" /></span></a></div>
<div style="text-align: center;">
<span style="font-family: inherit; line-height: 19.200000762939453px;">Ich hoffe, euch hat dieses Tutorials gefallen. Wenn ihr irgendwelche Wünsche oder Fragen zu Photoshop habt, meldet euch bei mir!</span></div>
</div>
</div>
marthahttp://www.blogger.com/profile/15498210691719194509noreply@blogger.com7tag:blogger.com,1999:blog-2153695460007779312.post-3136336496386390132012-12-16T11:24:00.001+01:002013-02-23T00:05:21.427+01:00Türchen 3: Schwebende Social Media Buttons<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnGP0V2T4kO6Yhkd6-5GoDhJO9wRH9pgntlw-Pr8AlkJXpiaQvqvGz2VH9Uyr9XQxOUeubQcuIbTdgsclTo0SFnq_8Qkb1aFXBJpEwTX0Ds4ySZ4wIqtUbOX1wpCQuu2oL99MNezJavs/s1600/Unbenannt3.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnGP0V2T4kO6Yhkd6-5GoDhJO9wRH9pgntlw-Pr8AlkJXpiaQvqvGz2VH9Uyr9XQxOUeubQcuIbTdgsclTo0SFnq_8Qkb1aFXBJpEwTX0Ds4ySZ4wIqtUbOX1wpCQuu2oL99MNezJavs/s1600/Unbenannt3.jpg" /></a>Ihr lieben Leserchen, als wir (das Care about what-Team) uns die Adventsaktion überlegt haben, habe ich mir gedacht (weil ich ja sonst nichts kann :D) dass ich euch ein paar Social Media Buttons mache, aber nicht so langweilig wie <a href="http://care-about-what.blogspot.de/p/goodies.html">hier</a>. NEIN! Diesmal mit ganz vielen Extras.<br />
<b>Erstens: </b>Sie schweben am Rand eures Blogs.<br />
<b>Zweitens: </b>Sie haben ein Mouseover (heißt sie verändern sich wenn man mit der Maus drüber fährt)<br />
<b>Drittens: </b>Es ist für jeden was dabei, 10 Buttons zum aussuchen!<br />
Da es schwer ist, sie hier in den Post einzubinden, schaut sie euch<a href="http://weitertraeumen.blogspot.com/"><b> HIER LIVE AN</b></a>! oder auch <a href="http://moments-capture.blogspot.com/">hier auf meinem blog </a>mit wenigeren. Wollt ihr diese Buttons? Weiterlesen!<br />
<a name='more'></a><br />
Hier könnt ihr den Code bekommen :)<br />
<div>
<textarea cols="50" rows="7"><style>
#floatbubble {position:fixed; left: 7px; bottom: 1px; width:50px; z-index:999;}
#floatbubble a {display:block; width:50px; height:50px; background-position: center; background-repeat: no-repeat; white-space: nowrap;}
#blogger a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchs-EFo4BT3gbRDgUNtVAYMtbRpFJSDPMYcUKYXNZXpmeFe7ZInH0zM4uLcdepHufrlPZRiqIGX7WlGERNGr32Qsxo7MyFDWDhE3CAUGU8ZebAvJdPPIBb3Zso7O02NuPmm7Myvz1cLRc/s45/blogger.png
); }
#bloglovin a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgki6YdBNHXtVTbxE5lQltrTIM3GKdy3z97fHtq7JnoXcPo8RLZOFLpF11k-YW5cYALPcvcoj9pNrPwKUwu2GRVvdNJ1vUnZtQgBfYaMoMKXI4TG1IaaUfeuMBCazzaHr61o6hyphenhyphenkaWPL8Og/s45/bloglovin.png
); }
#facebook a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FpHm2Hz7dvHz6o3KIyUUzayqsS_TknnwFRTB1hFq0JaH-TdE8QcGbCyBQvM6jLJv_E4RlFDRf_-S3U3ysB6xj59tUd4jBMcIlpcOQD5iLO3-agUKER50IRgFmnR9Xj2sKas-Sk1iWxKw/s45/facebook.png
); }
#flickr a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMikPktTio2G8a3lm961ZyapTNhjyDGCy-wvRetBQZKxq-XCvFagIjtxu6KHpz5TneqtfiDmq9EVLbYm2yH7gNeTc7kyrD9U6m4pRBzihVn8K_L8hwbaRqs4p8AjezUu6uabO7u9mmA8oz/s45/flickr.png
); }
#instagram a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEIpVbO6P-tRPQkojtnVN_IvSf4kcxw9oAjRR-keREbAymFpO5_n5dFlBe8DPwu8sxiVK8xjNa8HBzh5HRlYx9ZQC66SlXth8Yxq6Y-b_lO9Q1hpJ8Ny8PRUEfAtwmdMa8q3VOX961S6C/s45/instagram.png
); }
#formspring a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJaKO_dR3gRWauB-XXG16PokyV5iZtXvdMD_CTYKUR0w0qS_7c26vqDCgqnUwLtdaH_2HmxgIu-0F4ttvEQ1on2TAaNyekHR3DVcnGQRk42zwzrexcR8GN57qVOGYrMBrnDuO7TYhzLw_u/s45/formspring.png
); }
#google a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXI9h7ihyUVDHQC3zadGS3D6v4dPtdNuRJ2sftgMqu4spizBflc33kJQVVjEFKWb2wf-DFUO3BOLKMk-ZVikkeAFopxeh2CToRfeYm7cuCqLzCrvUQwPIvCKJB38GEKOlGU0bRMD7G2pxI/s45/google.png
); }
#tumblr a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhziDWNv0k7apZDmFVjusrif06aiRNEAit7elNMlKwGky-FYAYnfwBy7SGisYEm3pTqfAADgr4g3cD8A7IGbjc63DZ9i9OXfFzst6JeKRVjihdHeRD1-g3RKDcrDmIyzTp2CgcTLewZj-KG/s45/tumblr.png
); }
#twitter a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_vj95KNWKfVp_ZKhlaMYEpF5Aa0qsb6dnt6etVwETIlxWH_r_szE2vsgomV_0GBlb2UT88J8jxyMipQUvMgIcSr4O28N7RWvtcZdXfbsK-L7OnYD40EEpNIRi3-aJvxssP-NHWe-dB5g/s45/twitter.png
); }
#mail a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnd-Zo_85iwk7FHWJdlPlk2SV1zEPdp-SuikS_Fw2iS4f2uslu3FFfBzj177Ir4zhb5z_t7_d4XzfRAt83jnKEyPOw9tD18vfeqKyDC5h_1p1rLQjD5r_x6qRjtZs8Pp5JIDdwRLMO92yA/s45/mailto.png
); }
#blogger a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgot4vn5vIbOioT2qak63Ei4d1jUhbTicjBIxi1zxbB83wSv6Wav74oLAJ_IWtK_qbmCnPfelJ9wGSAbRfbkRnwpEKIlsOKzylOTQ3sC-0P174bgz20y40nmfN2z_ttlBy9-PjYFQvY_SUd/s45/blogger2.png
); }
#bloglovin a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7cGQhJBJA8ew_EC3MSQmmGIJWxgnxXv1_ZHS-2dm2QAQeLdHE0HgCGD_N-MkuAXifPnErAd0nniAm-MZc3bTeynMVuQMZkG0RdsmksXW01l3wN6kf135vV9r_sok3xHhr6Yhu9bO60Jg3/s45/bloglovin2.png
); }
#facebook a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1cn0TcmhkghAY6nc5Blvb1KXkzU-pCUG7mFxmDU5xVDSsiEq4aZlBNANwhkXtG7aIRUT8wH7665LfUzBHAJvC_xCBuc7D7misDgoDCEEF9-jby6p1NEfmBlchZu_M6bbKqCLIztwA0Ms/s45/facebook2.png
); }
#flickr a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvTfcaVeimGhLonbG5JWbPATtev_Sgk0DC9ZrOmkqH4eKSLzHO8vqq0TspDXJzHpGWBnppS5IQL_IFZ2tTDE40kFalqMdHH9zQLeHRtrdxND6l30T1MniW_slgYseR0Hjx6EeyejEIZ5cV/s45/flickr2.png
); }
#instagram a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidos3Riap9bQw-bw4mUNYIFW6dNzID3G7cqxSy6VIqSHlsTE-JbVOgVh-L-6wSFW5xC9SWD5BKkKRTTreNJDu1H1xGYolBbqNXTAjwryMBcZB4pGYcDzrMGQuuwJigeCQmwgwgTkMtkm5b/s45/instagram2.png
); }
#formspring a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZWfB3Z0JN8W4uCOSxIKHi4XUfwWfU8XkkMOSIYdWmdn5Y5ICqckn1ToGEPu3znjB5Y3faKROUC_XoaCKa3XXjFIBkakeQoVJL8HEexZimsyMzPHnX_-q4eYhMuSFlISGoeDjmXNNIs9I/s45/formspring2.png
); }
#google a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5w30ZlnsKo3LFwHcz8p-av1ssKCfd1Lz9xIYx1bojlzKejA1x4E_UW1CrFTYU2o0wiuMNCOKcoJtPNnxhc7RyY45lzEmE_54hHgY-T1KVlJ7wo485Aeerl7GuWpZvfbt5cBhNjqsOVQgq/s45/google2.png
); }
#tumblr a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4zJdf4YzLoAxdaIdmGiQH8UByYWLlRJc4qMFqh1R7XtVvDfozDXRTIRM50Hoo7Flh2sEMRBjF1fPSON22IfMnFd8C1xMGb0I7u0e-ujBWQ8am2RNhGlK0vpsQTb7aDFgqO8HksjXYD6WD/s45/tumblr2.png
); }
#twitter a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBA1ufGmIb6_V6_wmHmDdc1ky4VbeY_zD7c2dYj586UWOauQOlsYnPJXrqLbANGCyKtEgsz51KmzEWkHveVJHnRoleZBb3OggfMp9dWP75tdR97J4gL5l6Ey54lX9w7oKpn9inOx97nqI/s45/twitter2.png
); }
#mail a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfO5LmO3PiGvb4di67zpe5oQsP4DrFf7OyuEQk8rV-r6LtpfOJ4BUtrfr7d6LfEELgiKhZkk_eQEGmMDIuNgbJiVZo9r17KyzQWQ40nRaw8AZX2nV7ihXVu8kRuSQp4vSrZfw8KxD0kvIW/s45/mailto2.png
); }
</style>
<div id='floatbubble'>
<div id='blogger'>
<a href="BLOGGERLINK" target="_blank"></a></div>
<div id='bloglovin'>
<a href="BLOGLOVINLINK" target="_blank"></a></div>
<div id='facebook'>
<a href="FACEBOOKLINK" target="_blank"></a></div>
<div id='flickr'>
<a href="FLICKRLINK" target="_blank"></a></div>
<div id='instagram'>
<a href="INSTAGRAMLINK" target="_blank"></a></div>
<div id='formspring'>
<a href="FORMSPRINGLINK" target="_blank"></a></div>
<div id='google'>
<a href="GOOGLELINK" target="_blank"></a></div>
<div id='tumblr'>
<a href="TUMBLRLINK" target="_blank"></a></div>
<div id='twitter'>
<a href="TWITTERLINK" target="_blank"></a></div>
<div id='mail'>
<a href="mailto:EMAILADRESSE" target="_blank"></a></div>
</div>
</textarea><br />
<br />
<br />
Um ihn einzufügen, geht ihr auf<b> Layout > Gadget hinzufügen > HTML/JavaScript konfigurieren. </b></div>
Ich erklär euch jetzt noch kurz, wie der Code funktioniert, und wie ihr ihn an euren Geschmack anpassen könnt.
<br />
<div>
<br />
Im ersten Teil, seht ihr die Information zu der Position eurer Buttons. Ihr könnt also<b> left mit right austauschen</b>, wenn ihr sie lieber rechts haben wollt. Außerdem könnt ihr das erste <b>width:50px</b> verändern, wenn ihr die Buttons weiter weg oder näher dran an den Rand des Bildschirms haben wollt (größere Zahl heißt weiter weg). <span style="font-size: x-small;">(Edit von Theresa: bei <i>width:50px </i>wird der Platz zwischen den Buttons größer. <i>left: 7px</i> gibt den Abstand zum linken Rand an und <i>bottom: 1px</i> den Abstand zum "Boden". Ihr könnt daraus mehr machen, indem ihr die Zahl vergrößert!)</span></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi12yBjpwgfB9sqmKjOl-3gYOtFndYCCX1jD_N5R9Gj8c1XfyHvwPBR37v4IPyqTGUaGMVGJRtFpt5b9Rah2jD1UjtJgmE04lW192TYOPJ4jIB_IePMUc12Kj5e-rQdRzrRqFWInZOmFdxF/s1600/adventsbuttons.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi12yBjpwgfB9sqmKjOl-3gYOtFndYCCX1jD_N5R9Gj8c1XfyHvwPBR37v4IPyqTGUaGMVGJRtFpt5b9Rah2jD1UjtJgmE04lW192TYOPJ4jIB_IePMUc12Kj5e-rQdRzrRqFWInZOmFdxF/s400/adventsbuttons.jpg" width="400" /></a>Wenn ihr einen oder mehrer Buttons entfernen wollt (wenn ihr zum Beispiel kein tumblr oder flickr oder sonst was habt.) dann müsst ihr überall wo der name von dem Social Media steht enfernen, also im 2-4ten teil.
Beispiel: Ich möchte kein tumblr haben.<br />
<br />
<br />
<br />
Dann lösch diese drei Teile:
<br />
<span style="background-color: #ffd966;"><span style="font-size: x-small;">#tumblr a:link {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhziDWNv0k7apZDmFVjusrif06aiRNEAit7elNMlKwGky-FYAYnfwBy7SGisYEm3pTqfAADgr4g3cD8A7IGbjc63DZ9i9OXfFzst6JeKRVjihdHeRD1-g3RKDcrDmIyzTp2CgcTLewZj-KG/s45/tumblr.png</span></span>
<span style="background-color: #ffd966;"><span style="font-size: x-small;">); }</span></span>
<span style="font-size: x-small;"><br /></span>
<span style="background-color: #93c47d;"><span style="font-size: x-small;">#tumblr a:hover {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4zJdf4YzLoAxdaIdmGiQH8UByYWLlRJc4qMFqh1R7XtVvDfozDXRTIRM50Hoo7Flh2sEMRBjF1fPSON22IfMnFd8C1xMGb0I7u0e-ujBWQ8am2RNhGlK0vpsQTb7aDFgqO8HksjXYD6WD/s45/tumblr2.png</span></span>
<span style="background-color: #93c47d;"><span style="font-size: x-small;">); }</span></span>
<span style="font-size: x-small;"><br /></span>
<span style="background-color: #6fa8dc;"><span style="font-size: x-small;"><div id='tumblr'>
<span style="background-color: #6fa8dc;"><span style="font-size: x-small;"><a href="TUMBLRLINK" target="_blank"></a></div></span></span></span></span>
<br />
<br />
Ihr müsst bei allen <a href="<b>...LINK</b>" target="<i>blank" </i>.. und so weiter den Link zu eurem tumblr, facebook, blogger etc. einfügen<br />
<br />
Wenn ihr Fragen habt, sagt doch einfach Bescheid, ich werde euch gerne helfen. Ich hoffe sie gefallen euch! :) Frohen Dritten Advent, Martha :*
<br />
<br />
<br />marthahttp://www.blogger.com/profile/15498210691719194509noreply@blogger.com18tag:blogger.com,1999:blog-2153695460007779312.post-19249783629002593282012-12-12T19:04:00.000+01:002012-12-13T15:23:52.977+01:00Eine Person freistellen mit GIMPHeute geht es darum, wie man eine Person freistellt. Das bedeutet praktisch, den Hintergrund zu entfernen. Im Prinzip ist es ganz einfach. Im nächsten Tutorial zeige ich euch dann, wie ihr das Bild auf einen Hintergrund "legt". Das Ergebnis würde dann so aussehen (Das weiße würde natürlich jetzt die Hintergrundfarbe haben!)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg5edDU-dEdVYWp4UxMEvifjcpMhq2XZwhKHJt8VV57vNplfO28J__6Ki17mp0IAmgiO9zfHF_OjLz_G-MRXAjgRWKa0BSt-pYOZKjITkabqyC_uBas33Tmtt8enxCJA40pD6w3VFTh_s/s1600/DSCF6660.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg5edDU-dEdVYWp4UxMEvifjcpMhq2XZwhKHJt8VV57vNplfO28J__6Ki17mp0IAmgiO9zfHF_OjLz_G-MRXAjgRWKa0BSt-pYOZKjITkabqyC_uBas33Tmtt8enxCJA40pD6w3VFTh_s/s640/DSCF6660.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div style="text-align: center;">
Zuerst: Das Bild habe ich nicht sonderlich ordentlich gemacht. An der Schulter sieht man Ecken, aber wenn ihr das ordentlicher macht, werden sie nicht mehr zu sehen sein! :)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6Q096Ell6wFuIRxRS6QC3mZlXKsLXr3f7iz89i8SmzaMNQqmUa2GehpNADhnL-2CzG0yu_pCD8AI4ItcIM93QtadTuu5o7pt6tAH4KjPfD-mRiGjS58RYoRGM_P1qu5_frTDF9ABKBg/s1600/Bildschirmfoto+2012-11-26+um+15.58.45.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6Q096Ell6wFuIRxRS6QC3mZlXKsLXr3f7iz89i8SmzaMNQqmUa2GehpNADhnL-2CzG0yu_pCD8AI4ItcIM93QtadTuu5o7pt6tAH4KjPfD-mRiGjS58RYoRGM_P1qu5_frTDF9ABKBg/s320/Bildschirmfoto+2012-11-26+um+15.58.45.png" width="320" /></a>Fangen wir an. Zuerst könnt ihr das Bild so beschneiden, dass der überschüssige Hintergrund weggeschnitten ist, so habt ihr später nicht so viel Arbeit! Als nächstes klickt ihr mit rechts auf die Ebene und wählt <b>Ebenenmaske hinzufügen.</b> Danach wählt ihr eine weiße Ebenenmaske aus! Geschafft, das war auch eigentlich seehr einfach! :-) Zum etwas feinfühligeren Teil kommen wir nun.</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeiTw0YZDnuz0abQ9hch7PXWaugrhc-VKZLjoyeZCz94jRoDi0N5fVNCdgHh7_RXrCdX0-vRIkyxJuP3A08Q1QLi28sSJrMXw0vTVRSe9It2MIEO1QzfhdpMUp4OOxBt0jqmfDHRQy6Os/s1600/Bildschirmfoto+2012-11-26+um+16.03.27.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeiTw0YZDnuz0abQ9hch7PXWaugrhc-VKZLjoyeZCz94jRoDi0N5fVNCdgHh7_RXrCdX0-vRIkyxJuP3A08Q1QLi28sSJrMXw0vTVRSe9It2MIEO1QzfhdpMUp4OOxBt0jqmfDHRQy6Os/s320/Bildschirmfoto+2012-11-26+um+16.03.27.png" width="320" /></a>Wählt einen Pinsel aus, der eurer Meinung nach passen ist. Für die Feinheiten empfehle ich auf jeden Fall einen weichen Pinsel, der nicht zu groß ist. Achtet auf die Vordergrundfarbe schwarz. Dan malt einfach das aus, was am Ende wegradiert werden soll.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMXkl4t9GEXGVkwh_Wfayc9ntxHCOyhkPLCh7IlCvg5yFXbi384xblzYuwvAkTi5tXMzP1JUkNobDIJ4-JJD9RmXMVJuVwACH-DCGpGVViBsnsNnfjJ3cB4el9k10aoa7YQlx4_zNfbQ/s1600/Bildschirmfoto+2012-11-26+um+16.07.21.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMXkl4t9GEXGVkwh_Wfayc9ntxHCOyhkPLCh7IlCvg5yFXbi384xblzYuwvAkTi5tXMzP1JUkNobDIJ4-JJD9RmXMVJuVwACH-DCGpGVViBsnsNnfjJ3cB4el9k10aoa7YQlx4_zNfbQ/s320/Bildschirmfoto+2012-11-26+um+16.07.21.png" width="320" /></a></div>
<br />
Hier seht ihr einen Teil, bei dem ihr z.B. gut aufpassen müsst. Bilder, bei denen Haare durch die Luft fliegen, sind sehr schwer zu bearbeiten, weil es verdammt kompliziert ist diese kleinen Einzelheiten perfekt auszumalen.. :)<br />
Am Ende bitte nicht vergessen, als <b>.png</b> zu sichern.<br />
Alles verstanden?Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com4tag:blogger.com,1999:blog-2153695460007779312.post-22950204359778989612012-12-09T10:24:00.000+01:002012-12-09T18:47:42.038+01:00Türchen 2: star-divider + fb-seite<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ6KvEb5jqxcOCdc7tLf0I5Lpb4JfkIqu4MvuMAL_yit33T7xWCus-hukhFfj2pT19BWrYy2nhiGdYb0JfdNqJj7FH7xuNYiBWaa-QBXGni1vFMINK5Zfl7cj1MoCp5RRs466wAv15r8k/s1600/Unbenannt2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ6KvEb5jqxcOCdc7tLf0I5Lpb4JfkIqu4MvuMAL_yit33T7xWCus-hukhFfj2pT19BWrYy2nhiGdYb0JfdNqJj7FH7xuNYiBWaa-QBXGni1vFMINK5Zfl7cj1MoCp5RRs466wAv15r8k/s1600/Unbenannt2.jpg" /></a></div>
Halli hallo, meine Lieben, ich freue mich ganz besonders, euch heute, an meinem Geburtstag, schreiben zu dürfen. Als erstes möchte ich euch noch mal von Herzen danken, für schon <strike>125</strike> 130 Leser in dieser Zeit. Ehrlich, das kann man nicht in Worte fassen. Es ist so ein unbeschreiblich schönes Gefühl, von so vielen Leuten quer durch Deutschland (und die USA :P) gestreut.<br />
So, genug Rede gehalten. Ich hab noch was wichtigeres zu sagen! Wir haben eine <a href="https://www.facebook.com/pages/Care-About-What/207058962763296" target="_blank">facebookseite</a> gegründet. Es wäre super toll, wenn ihr uns liken würdet. Wir bemühen uns auch, euch über fb auf dem Laufenden zu halten und mal sehen, wie sich das ganze so entwickelt. ein paar inside-news könnte man auch bekommen! :-)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp1rZrqiqzMNwlcsdq1RN7nifdZKPTjPPmdUF7RFssd0uysNnKkUuLNcxah-AxCxq3T7jy4BRnRJ57HkMtSNMkJiPrYXJOZzy38ohd5phoS4H5n4Dig2RhILfnGcdDlu6DItmjQXpRjk/s1600/Bildschirmfoto+2012-12-07+um+22.32.34.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp1rZrqiqzMNwlcsdq1RN7nifdZKPTjPPmdUF7RFssd0uysNnKkUuLNcxah-AxCxq3T7jy4BRnRJ57HkMtSNMkJiPrYXJOZzy38ohd5phoS4H5n4Dig2RhILfnGcdDlu6DItmjQXpRjk/s1600/Bildschirmfoto+2012-12-07+um+22.32.34.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp1rZrqiqzMNwlcsdq1RN7nifdZKPTjPPmdUF7RFssd0uysNnKkUuLNcxah-AxCxq3T7jy4BRnRJ57HkMtSNMkJiPrYXJOZzy38ohd5phoS4H5n4Dig2RhILfnGcdDlu6DItmjQXpRjk/s400/Bildschirmfoto+2012-12-07+um+22.32.34.png" width="400" /></a></div>
<br />
<br />
also, kommen wir jetzt mal zum eigentlichen Post. Diesmal habe ich für euch einen Sternchen-Post-<br />
<a name='more'></a>Divider. Ich dachte, das passt ganz gut zum Dezember und ja.. bald gibts vielleicht neue, bei den Goodies. :) Der Divider sollte bei jedem Blog passen, dessen Breite mindestens 600px beträgt.. so schwer sollte das nicht sein :D<br />
<br />
<span style="font-size: large;"><b>Um den Divider einzubauen, sodass er nach jedem Post kommt:</b></span><br />
<br />
<ol>
<li>geht in euer Dashboard und dann unter Vorlage auf HMTL bearbeiten, danach wählt ihr fortfahren</li>
<li>mit Strg+F (cmd+F) sucht ihr nach <i>.post { margin:</i></li>
<li>dann fügt man folgenden code eine <u>zeile untendrunter</u> ein und speichert ab.</li>
</ol>
<div>
<textarea cols="50" rows="7">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlKzM5NzNiVz44s2xfSyw130EJeGRrokOyZsGpcrYks7m6jeNQpg8qGRm7qdPprO4wcSM4oAuWcpaEnRu9HnH4h2d9N7xv5oT97lgRuRRl9h9NcNJQ3X3Yx8OmpezAstNlMcYod1grnNk/s1600/Unobenannt1.png);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted;
padding-bottom:5.5em;</textarea>
<br />
Das war es auch schon! Ich hoffe, euch gefällt das und es findet sich jemand, der das benutzen will <3<br />
Ich wünsche euch einen wundeschönen zweiten Advent! :-)</div>
<br />
<h2 style="text-align: center;">
<span style="font-size: x-large;">Und ja, ich erwarte jetzt von jedem gratuliert zu bekommen! :-) </span></h2>
Theresahttp://www.blogger.com/profile/12597468831232633262noreply@blogger.com8tag:blogger.com,1999:blog-2153695460007779312.post-2432793816085750762012-12-07T16:00:00.000+01:002012-12-07T16:00:03.280+01:00Captcha ausschaltenTheresa hatte vor einigen Tagen ein '<a href="http://care-about-what.blogspot.de/2012/11/talk-about-captcha.html" target="_blank">Let's talk about: Captcha'</a> gemacht.<br />
Jetzt erkläre ich euch wie ihr es ausschaltet. Eigentlich erklärt das Bild alles :)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhOhrgYlDlvS2u6q4wxqTeXxnXTRNkPH9UkgexsetgQS7oS6sP-leVuy55d7I6V49WlyFkRIMTLPD7IWHm9VhzbigJhUgyi594GqK2Dm8pDSryg24RHSStoIRgwaQoMDnyWCDsT7g15U/s1600/captcha.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhOhrgYlDlvS2u6q4wxqTeXxnXTRNkPH9UkgexsetgQS7oS6sP-leVuy55d7I6V49WlyFkRIMTLPD7IWHm9VhzbigJhUgyi594GqK2Dm8pDSryg24RHSStoIRgwaQoMDnyWCDsT7g15U/s640/captcha.png" width="640" /></a></div>
<br />Unknownnoreply@blogger.com5