tag:blogger.com,1999:blog-60611914601387852532024-02-20T03:02:23.520-08:00Frosted Cupcake DemoAnonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-6061191460138785253.post-60445814093202918572013-09-01T02:03:00.001-07:002013-09-01T02:05:25.892-07:00Version 2 launched!Version 2.0 ist da.<br />
Diese Version enthält ein paar Fixes was die responsive Optik angeht. Credit wird nicht länger verdeckt und responsive Bilder sind integriert.<br />
<br />
<i>Verwion 2.0 is here.</i><br />
<i>This new version contains a few fixes concerning the responsive designs. The creditlink get's no longer hidden and responsive Images are now included. </i><br />
<i></i><br />
<a name='more'></a><i> </i> Anonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.com2tag:blogger.com,1999:blog-6061191460138785253.post-42324888399798555522013-08-29T12:32:00.004-07:002013-08-30T01:52:34.976-07:00WelcomeHallo und herzlich Willkommen auf der Demo Page von Frosted Cupcake.<br />
Hier findest du Tutorials und Anleitungen, wie du dieses responsive Template ganz deinen Wünschen entsprechend gestalten kannst und es nach deinem Geschmack personalisieren kannst.<br />
Im folgenden die einzelnen Schritte einfach erklärt.<br />
<br />
<i>Hello and Welcome on this Demo Page of Frosted Cupcake.<br />
Here you can find all kinds of Tutorials and Instructions on how to set up this responsive Template just like you want to.<br />
Here you can find each step explained.</i><br />
<a name='more'></a>Anonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.com0tag:blogger.com,1999:blog-6061191460138785253.post-32435833355319058842013-08-28T13:48:00.000-07:002013-08-30T01:48:53.909-07:00Install Frosted Cupcake1. Template herunterladen<br />
<br />
<i>1. download the template</i><br />
<br />
2. .zip-Ordner entpacken & Read Me lesen<br />
<br />
<i>2. unzip the file and read the Read Me</i><br />
<br />
3. Wenn das Template eine Blogger-Vorlage ersetzen soll, sollten zuerst die Gadgets wie Header, Attribution und Navbar entfernt werden, sie würden das Layout ansonsten zerschiessen. Am einfachsten ist es, die Vorlage in einen komplett Widget-freien Blog hochzuladen und danach die Gadgets wieder einzufügen, die benötigt werden.<br />
<a name='more'></a><br />
Geht also ins HTML<br />
<br />
<i>3. It the template is to replace a blogger template, you should remove the widgets like header, attribution and the navbar because they will destroy the look of the template. it is easiest to upload the template into a blog completely without widgets and add them later on.<br />
<br />
Open up the code</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"></a><br />
<br />
Und löscht alle Widgets. Also Attribution raus, Navbar raus, Header raus. Dazu einfach den jeweiligen Code löschen. Immer von b:widget bis /b:widget.<br />
<br />
<i>And delete all the widgets. Just delete the code of each, starting from b:widget to /b:widget.</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d15.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d15.png"></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d14.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d14.png"></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d13.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d13.png"></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d12.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d12.png"></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d11.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d11.png"></a><br />
<br />
4. Template unter Backup hochladen<br />
<br />
<i>4. Upload the template</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d10.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d10.png"></a><br />
<br />
5. Blog ansehen<br />
<br />
<i>5. Have a look at the blog</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d9.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d9.png"></a><br />
<br />
6. Anpassung Datumsformat und Titelentfernung für das Seitengadget.<br />
<br />
<i>6. Adjust the date format and remove the title of the page list widget.</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d8.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d8.png"></a><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d7.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d7.png"></a><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d6.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d6.png"></a><br />
<br />
7. Speichern und die Installation ist abgeschlossen. <br />
<br />
<i>7. Save and the installation is done.</i>Anonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.com0tag:blogger.com,1999:blog-6061191460138785253.post-81978709783049817672013-08-27T13:49:00.000-07:002013-08-30T01:49:16.323-07:00Change Header ImageDas Headerbild sollte 1:1 sein, am besten 300px auf 300px. <br />
<br />
<i>The header image should be ratio 1x1, best in 300x300px.</i><br />
<br />
1. Laded euer Bild hoch, sodass ihr den Bildlink habt.<br />
<br />
<i>1. Upload your image, to have an image url.</i><br />
<br />
2. Geht ins HTML eures Blogs<br />
<br />
<i>2. Open up the HTML Code</i><br />
<a name='more'></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"></a><br />
<br />
3. Sucht nach <b>#header:before</b><br />
<br />
<i>3. Search for <b>#header:before</b></i><br />
<br />
4. Ersetzt den Link zwischen den Klammern von <b>background: url();</b><br />
<br />
<i>4. Replace the link between the brackets from <b>background: url();</b></i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d5.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d5.png"></a><br />
<br />
5. Speichern und fertig<br />
<br />
<i>5. Save and you're done.</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d4.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d4.png"></a>Anonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.com0tag:blogger.com,1999:blog-6061191460138785253.post-15939768893960914222013-08-26T13:49:00.000-07:002013-08-30T01:49:43.111-07:00Change Background ImageAls erstes braucht ihr ein Hintergrund-Bild. Ihr braucht davon eine Bild-URL. Also ladet euer Hintergrundbild irgendwo hoch oder kopiert den Link, falls euer Bild bereits im Web ist.<br />
<br />
<i>First you need a background image. You need an image link, upload you image to get it, or copy the link if your image is already in the web.</i><br />
<br />
1. Code öffnen<br />
<br />
<i>1. Open the Code</i><br />
<a name='more'></a><br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d16.png"></a><br />
<br />
2. Nach <b>body{</b> suchen und den gesamten Code für den Hintergrund löschen.<br />
<br />
<i>2. Search for <b>body{</b> and remove the complete CSS for the background.</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d3.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d3.png"></a><br />
<br />
3. Neuen Code einfügen:<br />
<br />
<i>4. Place new CSS:</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d2.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d2.png"></a><br />
<br />
<pre><code>background: url(IMG_URL) repeat fixed;</code></pre><br />
4. Speichern und fertig.<br />
<br />
<i>4. Save and you're done.</i><br />
<br />
<a href="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d1.png"><img src="https://googledrive.com/host/0Bz6HRVCs7oBaa1ZQSDVoMmdDTXc/temptut/tuts/d1.png"></a>Anonymoushttp://www.blogger.com/profile/00076106833019549292noreply@blogger.com0