© Oyabunstyle.de
-
Einmalige Themes für e107
Die kostengünstige Alternative
Bestellen Sie Ihren einzigartigen Webauftritt!
-
Jede Menge Übersichten
Von HTML bis zu Photoshop
Übersichten und schriftliche Anleitungen helfen bei der Orientierung.
-
37 eingängige Videotutorials
Vom Einsteiger bis zum Profi
Die Videoturials auf Oyabunstyle.de sind für jeden geeignet.
Klicken Sie hier, um eine Übersicht über die aktuellen Projekte von Oyabunstyle zu sehen
| Kategorie | Projekt | Beschreibung/Links | Status |
|---|---|---|---|
| Work | FFXIV Unbreakable | e107-Theme nach Absprache mit Detailgrafiken Zum Foreneintrag |
Grafik
5% |
| Premium | GreenTea | e107-Template als Premiumtemplate - GreenTea - Business-Theme
Preis: 39,99 Euro |
Grafik
10% |
Wörterbuch ist online
Posted at Wednesday 31 March 2010 - 22:31:00
Ab heute ist mein neues Wörterbuch online!
In diesem kleinen Wörterbuch werde ich nach und nach kurze Einführungen in die verschiedenen Stichworte geben, mit welchen ich mich selbst beschäftige. Dies kann die Grafikbearbeitung mit Adobe Photoshop CS4, die Erstellung von HTML-Templates oder die Arbeit mit dem CMS e107 betreffen.
Natürlich bin ich über Vorschläge jederzeit erfreut!
Hier geht es zum Wörterbuch
Euer Oyabun
5 Webdesigntutorials online gestellt
Posted at Monday 15 March 2010 - 20:16:25
Mit einem Paukenschlag eröffne ich hiermit den Tutorialbereich zum Thema "Webdesign" neu!
Diesmal habe ich einen Fünfteiler für Euch vorbereitet. Und natürlich gibt es wieder alle Daten als Download oben drauf.
Viel Spaß beim Schauen! Euer Oyabun
Diesmal habe ich einen Fünfteiler für Euch vorbereitet. Und natürlich gibt es wieder alle Daten als Download oben drauf.
Viel Spaß beim Schauen! Euer Oyabun
Erstellung eines Webdesigns Part 1 | ||
|---|---|---|
 | Im ersten Teil des 5-teiligen Tutorials mit ich bestimmte Dinge näherbringen, wie zum Beispiel die Notwendigkeit, sich vor der Arbeit mit Photoshop und Dreamweaver ein Konzept zurecht zu legen, das sich wie ein roter Faden durch das Design ziehen soll. Dies betrifft räumliche Aufteilung, Farben, Thema usw. Außerdem beginne ich das Tutorialdesign in Photoshop zu erstellen. Um genau zu sein, wird der Header sowie der Hintergrund erstellt. | |
| Länge: 13:50 Minuten | Video starten |  |
Erstellung eines Webdesigns Part 2 | ||
|---|---|---|
| Im zweiten Teil des 5-teiligen Tutorials setze ich unsere Tutorialpage weiter Stück für Stück zusammen. Diesmal erstellen wir eine mögliche Navigation, den Footer, den Contentbereich sowie die linken Menübereiche. Hierbei kommen einfache und bereits erklärte Techniken zur Anwendung, weswegen ich diesen Teil als "Normal" definieren möchte. | |
| Länge: 12:51 Minuten | Video starten |  |
Erstellung eines Webdesigns Part 3 | ||
|---|---|---|
| Im dritten Teil des 5-teiligen Tutorials setze ich unsere Tutorialpage weiter Stück für Stück zusammen. Diesmal erstellen wir den Contentbereich, eine alternative Footernavigation und hauen die im zweiten Teil erstellte Hauptnavigation komplett über den Haufen. Auch dieser Teil besteht aus bekannten Techniken und ist daher als "Normal" eingestuft. Das Ergebnis der bisherigen Arbeit steht als PSD-Download zur Verfügung:  Zum Download des e107-Themes | |
| Länge: 08:09 Minuten | Video starten | |
Erstellung eines Webdesigns Part 4 | ||
|---|---|---|
 | Im vierten Teil beginne ich zu erst die Voraussetzungen für ein Design vorzustellen. Da man ja bekanntermaßen nicht die PSD ins Netz stellen kann, benötigen wir also mindestens eine HTML- und eine CSS-Datei. Diese sich bereits vorher vernünftig zu sortieren ist wichtig. Ich zeige hier, wie ich das normalerweise mache. Später beginne ich die ersten Schritte zu beschreiben, die zur fertigen Seite führen. Das beinhaltet das Slicen der Grafik, das Anlegen von CSS-IDs und -Klassen, sowie das erstellen des HTML-Gerüsts. | |
| Länge: 13:19 Minuten | Video starten | |
Erstellung eines Webdesigns Part 5 | ||
|---|---|---|
| Im fünften und letzten Teil gehe ich das fertige HTML- und CSS-Gerüst im Detail durch und demonstriere mithilfe des Firebug-Plugins für Firefox, wie einfach und übersichtlich ein Webdesign ohne Tabellen, auf DIV-Containern basierend aussehen kann. Zu guter Letzt gehe ich auf die Vorteile der sog. W3C-Validität ein und erkläre, wie man seine Homepage auf Fehler hin überprüfen kann. Das fertige Layout ist online hier zu sehen. Außerdem steht das Layout als HTML/CSS zum Download zur Verfügung: Zum Download des HTML/CSSZu guter Letzt habe ich das Layout auch als e107-Theme vorbereitet: Zum Download des e107-Themes | |
| Länge: 10:35 Minuten | Video starten | |
Oyabunstyle hostet Bilder
Posted at Sunday 14 March 2010 - 15:13:23
 | Ab heute steht mein eigener Imagehoster zur Verfügung! Hier könnt ihr Bilder hoch laden, auf anderen Seiten einbinden, Eure eigene Galerie anlegen und anderer Mitglieder Bilder bewerten. Ich wünsche allen viel Spaß bei meinem neuen Imagehoster den Ihr unter Host.Oyabunstyle.de oder den neuen Navigationspunkt ganz rechts ("Hoster") erreicht. Wenn Euch der Service gefällt, dann erzählt ihn weiter! Euer Oyabun |
Text mit Formwerkzeug positionieren
Posted at Monday 01 March 2010 - 17:43:46
 | Das Textwerkzeug von Adobe Photoshop CS4 generiert ohne weitere Anweisungen lediglich eine einzelne Textzeile oder einen benutzerdefinierten Textblock. Häufig möchte man Text jedoch in einer verschlungenen Zeile oder einer bestimmten Form anzeigen lassen. So kann man vielleicht eine Geburtstagsschleife aus Text erzeugen oder füllt eine runde Fläche mit einen Hochzeitsgruß. Um solche Effekte erstellen zu können liefert Photoshop die Möglichkeit Texte anhand einer vorher erstellten Form umfangreich zu positionieren und zu editieren. In diesem Videotutorial gehe ich auf diese Möglichkeiten ein. | |
| Länge: 06:24 Minuten | Video starten | |
Oyabunstyle V6 online
Posted at Wednesday 17 February 2010 - 19:33:41
 | Heute vor 4 Jahren gab es die erste Version einer Oyabunstyle! Damals noch in den Fängen der Bundeswehr lies ich die erste Oyabunstyle auf einem Homepagebaukasten hosten. Seit dem hat sich viel getan und ich bin mächtig stolz auf mich ... ich denke, ich darf das mal sagen. Ich danke an einem solchem Tag allen meinen Freunden und Kumpels, die direkt oder indirekt an dieser Seite teilhaben! Euer Oyabun |
Wechsle zur Seite
1
[2]