webagentur-meerbusch

Typo3 mit WordPress verbinden

2011-10-24T02:54:00.001-07:00

Die Fragen welches der beiden CMS Systeme den nun besser ist, beantworten wir jetzt mal nicht. Wenn man aber eine TYPO3 Seite und einen WordPress Blog hat, kann man auch dies sehr einfach an einander koppeln. Der Sinn und Zweck liegt darin das nicht einmal die News in der TYPO Seite und noch im Blog einpflegen muss. Das ist erstmal sehr nervig und zudem Zeitraubend.

Weiterlesen →

Alle Mobilen Endgeräte Umleiten auf Mobileseiten

2011-08-31T00:04:00.001-07:00

Mobile Webseiten werden immer wichtiger in der Zeit der Generation IPhone. Alles von unterwegs im Internet zu machen kann ja auch etwas feines sein. Vor ein paar Wochen haben wir euch geschrieben, wie man in 7 Schritten eine TYPO3 Mobileseite (Ohne Extensions) macht.

Dabei ist uns aber gestern aufgefallen das diese Variante nur für das iPhone oder iPod automatisiert aufgerufen wird. Was ziemlich doof ist da es aber noch zwei, drei andere Mobile Endgeräte gibt die man ansprechen sollte. Was macht zum Beispiel ein Android, Blackberry oder ein WAP fähiges Handy.

Eine Mobile Webseite hat erst dann seinen zweck erfüllt wenn diese auch auf allen Mobilen Endgeräten auftaucht.

Weiterlesen →

Die perfekte Webseite Teil-2

2011-08-28T00:16:00.001-07:00

Moin Moin, zum zweiten Teil der Perfekten Webseite. Im Ersten Teil haben wir die Problematiken der meist zu großen Startseiten unter die Lupe genommen und einen Lösungsansatz gezeigt.

Wenden wir uns in diesem Teil auch der Startseite zu. Diesmal kümmern wir uns aber um das Menü unserer Seite. Hier werden gerne und sehr oft Fehler gemacht. Besonders mit CMS Systemen gibt es hier viele schwierigsten. Ein Sauberes Menü zeigt nämlich nicht nur stupide die einzelnen Seiten und Unterseiten. Hier fällt dann schon mal gerne das Wort „Barrierefreiheit“. Oft gehört und fast nie umgesetzt. Was ist überhaupt diese Barrierefreiheit. Kurz gefasst, auch Körperlich Behinderte Mitmenschen können die Seite ohne viel Einschränkungen nutzen. Genau wie für Rollstuhlfahrer Rampen an Treppen vorbei gebaut werden.

Weiterlesen →

Die perfekte Webseite Teil-1

2011-08-27T01:11:00.001-07:00

In diesem Tutorial wird beschrieben wie man die Technisch Perfekte Webseite erstellt. Wo sind die Tücken, was vergisst man mal schnell. Wie könnt Ihr die Zugänglichkeit oder Benutzerfreundlichkeit sowie die Suchmaschinenoptimierung hoch drücken. Alles Fragen die wir uns jeden tag stellen, aber auch zu beantworten wissen.

Was ich hier gleich sagen kann, aus diesem Tutorial kann man unter Umständen auch ein Buch drucken. Das ist ein echtes Monster. Also, habt etwas Geduld wenn es mal etwas dauert bis der nächste Teil kommt.

Weiterlesen →

TYPO3 den Spaghetti Code abgewöhnen

2011-08-04T07:54:00.001-07:00

Wenn das Wörtchen Wenn nicht wäre, wäre…. z.b. der Spaghetti Code beim TYPO3 nicht. Leider gibt es ihn aber doch, zumindest wenn man TYPO3 so nutzt wie es geliefert wird. Aber durch ein paar kleine Handgriffe kann man TYPO3 auch das abgewöhnen.

Der am häufigsten vorkommende Spaghetti Code bei TYPO3 an den Bilder

<div class="csc-textpic-imagecolumn" style="width:xxx px;"></div>

Das Ganze Tutorial Lesen >>

TYPO3 Mobil-Site in 7 schritten

2011-07-25T06:22:00.001-07:00

Immer mehr User des Internets Surfen in Mittagspause oder in der Freizeit mit Ihren Mobilgeräten. Gut zu wissen das die eigene Webseite dann auch eine Mobile Version hat. Nun kann man, wenn noch keine Mobile Seite da ist, mit viel aufwand und hick hack noch eine zusätzliche Seite, in einem Extra auf dem Server dafür eingerichteten, Ordner erstellen oder man macht es sich mal auf die schnell mit TYPO3.

So haben wir es gemacht.

Das Ganze Tutorial lesen..>

TYPO3, Nach Update Umlaute weg !!

2011-07-14T09:45:00.001-07:00

Nach dem wir auf einer Laufenden TYPO3 Seite ein Update von 4.5.2 auf 4.5.3 gemacht hatten, war das erstaunen, über das seltsame Verhalten von TYPO ganz groß. Alle Inhalte in denen ein Umlaut vorkam, hat TYPO3 mal kurzerhand ausgeblendet. Das Problem ist ja schon was länger bekannt das TYPO etwas komisch mit den Umlauten umgeht wenn die Seite eine UTF-8 Codierung hat. Aber gleich so…..

Das ganz besondere Problem bei dieser Webseite ist, das es diese auch, auf Russisch gibt. Also kann auf UTF-8 nicht verzichtet werden.

Weiterlesen →

Sonderschriften in Webseiten ..

2011-07-10T08:36:00.001-07:00

… ganz einfach mit Google einbinden.

Alles immer gleich, wenn man sich mal im WWW so umschaut haben fast 90% aller Webseiten die gleichen Schrifttypen, kaum mal was außerordentliches. Sicherlich kann man darüber streiten ob es überhaupt sinnvoll ist Sonderschriften in einer Webseite zu integrieren, schöner und aussagekräftiger ist es aber allemal.

Leider ist es für Webseiten Betreiber auch nicht ganz einfach solche Sonderschrifttypen, in eine Webseite zu platzieren. Da muss auf Lizenzen, auf das Format und die richtige Einbindung in der CSS geachtet werden, wenn da Google Web-Fonts wäre. Hiermit es die Integrierung nämlich ganz einfach. Einfach die passende Schrift auswählen, die dazugehörige CSS-Link Anweisung in der Head der Seite kopieren und in der CSS die “font-family” den Überschriften oder dem Content zuweisen.

Weiterlesen →

Problem mit GData 2012

2011-07-07T02:13:00.001-07:00

Sicherheit ist ja schön und gut, aber manches mal extrem Überzogen.

In Der neuen Version von GData TatalCare 2012 ist das leider der Fall, auch wenn wir bisher sehr zufrieden mit den Produkten waren, stört das mal richtig. Webseiten laden sich einen Wolf und sind teilweise gar nicht (mehrere Onlineshops und Webseiten) zu öffnen. Das Problem scheint im Modul “Webschutz” zu liegen. Wir haben es mal an mehreren Maschinen getestet. Wenn der Webschutz komplett abgeschaltet wird, kann man alle Seiten ohne Probleme und in der gewohnten Ladezeit aufmachen. Auch die Einstellungen “Ausnahmen” bringt hier keine Besserung.

Weiterlesen →

Muscle24 macht den Relaunch

2011-05-27T01:13:00.001-07:00

Auch die Starken Jungen und Mädels brauchen Ihre Onlineshops. Muscle24 hat seinen Relaunch gemacht. Komplett anders, neues System, neues Design, neue Funktionen. Einfach übersichtlicher und besser. Unsere Aufgabe war es einen bestehenden Shop komplett auf Vordermann zu bringen.

Als Basis für Muscle24.de dient ein XTC-Modified Shop (bewährte Technik die sauber läuft).

Diesen Beitrag weiterlesen »

SEO Optimierung Basics

2011-04-03T03:08:00.001-07:00

Immer wieder kommen die Fragen wie kann ich, was soll ich machen, wie Funktioniert das alles. Wer es genau wissen will kann sich die Videos von Philipp Sauber aus der INM AG (Website-Marketing.ch) auf You-Tube ansehen. Hier gibt es ein paar sehr interessante Videos. Von den Basics an, genau erklärt, was auf euren Webseiten zu machen ist.

Auch ein paar gute Beispiele zur Vermeidung von Fehlern wie z.b.: Vergessene “alt” tags auf den Bildern, Seiten die mit Frames aufgebaut sind, Sinnloses Java, oder das bekannte Problem mit Flash, könnt Ihr euch dort ansehen.

Insgesamt hat Philipp Sauber dort 11 Videos zum Thema Suchmaschinen Optimierung im eigenen Channel gepostet.

Diesen Beitrag weiterlesen »

Da freut sich das Webdesigner Herz

2011-04-03T03:05:00.001-07:00

Die Generation High Speed Browser sind da. Haben Sie schon auf die schnellen Browser geupdatet?

Eine Große Update und Erneuerungs Welle zieht durch die Browser Welt. Firefox bringt die Version 4, mit neuem Facelift und mehr Dampf, Google Chrome macht es in Version 10, wie gewohnt bisher der schnellste, der Safari für Windows in Version 5 und der Ober knaller Microsoft bringt den Internet Explorer 9, high Speed und mit neusten Standards.

Beim Letzteren waren wir wirklich absolut sprachlos. Nicht nur das Microsoft das Versprechen eingehalten hat den Internet Explorer endlich auf die neusten Webstandards zu bringen, sondern ist der auch richtig schnell geworden. Natürlich kommt er nicht an den Chrome von Google oder an den Firefox heran. Aber da hat sich schon so einiges getan.

Diesen Beitrag weiterlesen »

Relauch der Webseite Reifen Mona

2011-04-03T03:04:00.001-07:00

Einfach, simpel aber schön. Seit gestern gibt es die Seiten vom Düsseldorfer Unternehmen Reifen Mona in neuem Gewand. Bei Reifen Mona erhalten Sie neue und gebrauchte Markenreifen mit Garantie zu absoluten Tiefstpreisen.

Auch bietet Reifen ständig eine große Auswahl an neuen und gebrauchten Alufelgen auf Lager. Ihre gebrauchten Alufelgen und Reifen kauft Reifen Mona gegen sofortige Barzahlung. Lesen Sie auch die monatlichen Angebote!

Reifen MONA jetzt 2-mal in Düsseldorf und auch im Netz

Diesen Beitrag weiterlesen »

ACHTUNG !! Abmahn Falle im Kontakt Formular..

2011-04-03T03:02:00.001-07:00

Oder einfach, neue Stolpersteine für Webseitenbetreiber. Da der liebe Bundesdatenschutz ja mittlerweile auf alles mögliche achtet, kommt es immer wieder und ständig zu Neuerungen. Leider kennen die meisten Webseitenbetreiber diese Neuerungen gar nicht, da diese fast nie ordentlich Public gemacht werden.

Nun haben wir wieder solch ein EI im Nest. Das gute und Liebe Kontakt Formular. Hier muss laut den Bestimmungen des Bundesdatenschutzgesetzes darauf hingewiesen werden was, bei Eingabe der Persönlichen Daten des Formular Nutzer, mit dessen Daten geschieht. Konkret, wo werden diese gespeichert oder wie werden diese verarbeitet.

Diesen Beitrag weiterlesen »

Like Skype CSS Menü in TYPO3

2011-03-25T11:21:00.001-07:00

Hier wollen wir euch zeigen wie Ihr ein CSS-Menü, wie bei „Skype“ auch im TYPO3 verwenden könnt. Das Problem ist das bei diesem Menü das alle Menüpunkte bis in die Dritte ebene Aktiv sein müssen, was TYPO3 anfangs nicht wirklich kapiert.

Als Grundlage dieses Menüs dient die Version von uxrevisions.com. Im Grunde habt Ihr hier schon das komplette Menü, muss aber etwas überarbeitet werden, da es sowohl mit der Suche als auch mit den Menüpunkten im TYPO3 etwas ärger gibt.

Was wir an diesem Menü sehr gut finden, ist das es komplett auf CSS Basis gemacht ist, also keinen Java benötigt. Auch wenn mittlerweile fast jeder Java aktiviert hat, kommt es immer noch vor das User, oder ganz spezielle Administratoren diesen nicht aktivieren wollen. In diesem Fall ist es aber völlig egal, weil es wie gesagt auf CSS-Basis läuft.

Diesen Beitrag weiterlesen »

Neo-Works geht On AIR

2011-03-08T11:55:00.001-08:00

Nach dem wir nun ein Projekt nach dem anderen umgesetzt haben, und eigentlich auch noch mitten in den Projekten Stecken. Wurde es zwischendurch mal zeit, alten Schrott einzustampfen. Schmeiß raus und mach neu. So einfach kann es Manschmal sein, wenn man eine neue Webseite aufsetzten will, möchte. Aber bitte nicht mehr so stur geradeaus, immer ds selbe,Header, Menü rechts oder links, Content, Footer. Es gibt nichts mehr neues, aber wie auch. Man kann das Internet nicht neu erfinden.

So haben wir dann gedacht, mal was völlig anderes, aber in jedem fall in TYPO3. Aber was soll man da schon anderes machen. Na eine neue Seite!! Design trifft Funktion, so hatten wir uns unsere neue Neo-Works Seite vorgestellt. Einfach mal ins Getümmel gestürzt und blind losgelegt. Einfach aus dem Bauch raus, nicht muss aber alles kann. Wir finden das Ergebnis kann sich wirklich sehen lassen.

Von einer kleinen One-Page sind wir dann auf eine One-Page mit ein paar Unterseiten gelangt. Ist doch etwas mehr drin als man anfangs denkt.

Schickes 3D Logo gebastelt. Schönes Hintergrundbild gesucht und so schnell kann eine Seite fast fertig sein. Naja etwas mehr was es dann doch.

Microsoft Outlook 2007 sehr langsam ..

2010-12-18T05:04:00.000-08:00

Microsoft Outlook 2007 sehr langsam ..

Google Street View Häuser verpixelt oder nicht?

2010-12-16T23:40:00.000-08:00

Google Street View Häuser verpixelt oder nicht?

TYPO3 Quellcode richtig sauber machen

2010-12-16T23:39:00.000-08:00

TYPO3 Quellcode richtig sauber machen

T.W.O beauftragt Webagentur-Meerbusch mit ..

2010-12-16T23:38:00.001-08:00

..Webdesign Ihres TYPO3 Projekt

T.W.O beauftragt Webagentur-Meerbusch mit Webdesign Ihres TYPO3 Projekt

Es kommt zusammen was zusammengehört, Werbeagentur und Webagentur. Denn es heißt nicht, wenn man das eine macht, kann man auch gleich das andere.

Die Kreativ-Agentur für Marken und Handel - T.W.O beauftragte die Webagentur mit Ihrem TYPO3 Projekt. Eine frische Symbiose zwischen, Grafikern und Programmierung. Unser Part bei diesem Projekt ist es das vorgegebene Design, in ein TYPO3 zu packen.

TYPO3 CSS Menü mit div ul li und Span

2010-11-26T01:54:00.000-08:00

TYPO3 CSS Menü mit div ul li und Span

div Container absolut mittig Positionieren

2010-11-23T08:47:00.001-08:00

Immer wieder stößt man auf Seiten, in der etwas genau in der Mitte, des Bildschirm gezeigt wird. Aber wie geht das? Wie berechnet man genau die Mitte bzw. wie bekommt ein DIV-Container dies berechnet.

Eigentlich eine ganz einfache Sache. Sagt doch einfach dem DIV-Container er, soll in der Mitte stehen. Das Funktioniert wie folgt.

Technorati-Markierungen: absolute,center,container,Css3

Diesen Beitrag weiterlesen »

Die große Reise zum Rosa Riesen.

2010-11-10T02:39:00.001-08:00

Der Aufreger | Schlagworte: Anbieter, DSL25000, Rosa-Riese | Keine Kommentare »

Eine Ware Geschichte

Wenn man mal eine „Gute Idee“ hat. Telefon Festnetz, Internetleitung alles wieder aus einer Hand, von größtem Anbieter der Branche, eigentlich doch eine gute Idee. Doch es kommt ja meist anders, als man denkt. Diese kleine Geschichte ist und passiert immer noch.

Es war einmal….

Im Juni des Jahres 2010, als wir besuch von Beratern des großen Rosa Riesen bekamen. Die Jungens hatten echt Zeit mitgebracht und saßen sage und schreibe 2,1/2 Stunden auf unserer Couch. Wir ließen uns Beraten, über Telefon und Internetleitung, was wir zwar schon hatten, aber mit dem bestehenden Konditionen nicht mehr einverstanden waren.

Es ist viel gesagt und zugesichert worden. So sollte es so sein, dass wir einen Vertrag des großen Rosa Riesen unterschrieben. Da dies aber schon in Planung war, war es auch gut so. Was von vornherein klar war, dass wir etwas Wartezeit in kauf nehmen mussten, da uns unser alter Anbieter nicht so schnell aus unserem Vertrag aussteigen ließ.

Die vorausberechnete Wartezeit bis zum Wechsel waren 3 Monate.

Diesen Beitrag weiterlesen »

Castoren am Ziel, aber die Demo geht weiter!!

2010-11-09T04:42:00.001-08:00

Der Aufreger | Schlagworte: Castor, Demonstration, kosten, twitter | Keine Kommentare »

Heute ist es dann endlich soweit, die Castoren sind in Gorleben angekommen. Wer aber nun meint der ganze Demostuss hat dann mal ein Ende, weit gefehlt.

Im Twitter werden schon wieder neue aufrufe zur Blockade des nächsten Castortransports laut.

Das bei dem Ganzen vor nichts zurückgeschreckt wird kann man auf der Webseite der Kernenergie sehen, diese wurde gehackt. Liebe Aktivisten und Atomkraftgegner, seid Ihr noch zu retten? So richtig rund lauft Ihr wirklich nicht mehr. Was Ihr da macht, ist kriminell. Schotter aus einem Gleisbett schaufeln, Straßen blockieren und, und, und. Irgendwann ist mal Schluss.

Ihr wundert Euch das die Polizei auf solchen Demonstrationen hart durchgreift? Was würdet Ihr machen, wenn Ihr beschimpft, angepöbelt, mit Feuerwerkskörpern beschossen und tätig angegriffen werden. Ja, ja ich weiß nicht und ist auch alles nicht richtig. Wer soll Euch das glauben?

Diesen Beitrag weiterlesen »

Der Castor rollt wieder? Na Und!!

2010-11-06T04:39:00.001-07:00

Der Aufreger | Schlagworte: Atommüll, Castor, Demonstration, Radioactive | Keine Kommentare »

Und hier kommt mal wieder unser Aufreger der Woche. Atommüll, nein danke, Atomkraft, nein danke, Fortschritt, nein danke.

Liebe Ökos und Fanatiker, mal ehrlich, wo wollt Ihr hin, scheinbar wollt Ihr wieder in Höhle oder in Holzhütten leben , mit einem schönen Lagerfeuer in der mitte. Romantik pur!

Aber mal „Butter bei de Fische“, seid Ihr noch ganz dicht. Aufrufe zum Schottern, zur Blockade oder Demo. Nichts gegen eine Demo, aber es gibt Wichtigeres als ein, Kasten, der auf Schienen, durch Deutschland rollt. Zudem das Ding nicht platt zu bekommen ist.

Auch so es geht um das Prinzip. Um welches? Dem Fortschritt? Nun Mal ehrlich was spricht gegen Atomkraft, meiner Meinung nach sollten noch viel mehr Atommeiler gebaut werden. Denn wenn mehr Strom auf diese Art produziert werden würde, wäre dieser auch billiger.

Diesen Beitrag weiterlesen »

Onlineshop´s Aufwerten mit 3D Produktansicht

2010-11-06T04:36:00.001-07:00

Immer wieder stößt man auf Produkte, die man Online kaufen möchte, doch leider nicht sicher ist, ob z.B. die Anschlüsse passen, wie das Produkt von der Rückseite aussieht, oder, oder. Alles Faktoren zum Verkauf eines Produkts.

Nun können wir unseren Kunden auch ein 3D Ansicht Ihrer Artikel in den Onlineshop anbieten. In zusammen Arbeit mit 3D Media erhalten Sie ein fix und fertige Flash Animation der von Ihnen ausgewählten Artikel. Mit dieser können Sie die Produkte Zoomen und 360° drehen.

So können sich, potenzielle Käufer, das Produkt von allen ansehen und drehen. Dies erleichtert am Anschluss den Kauf des Produkts.

3D Media bietet sogar die ersten zwei Produkte kostenfrei und unverbindlich zum Testen an. Wie es Funktioniert und aussieht können Sie hier sehen.

3D in Aktion

So könnten Sie auch Ihre Produkte darstellen.

Technorati-Tags: 3D-Produkte,E-Commerce,Shop

So schön kann ein Onlineshop sein.

2010-10-29T12:21:00.001-07:00

100% Cashmere 100% Design ab heute dürfen wir den Neuen Onlineshop http://strickdesign-emm.de präsentieren. So kann ein Onlineshop auch aussehen. Strickdesign-Emm basiert auf einem XTC-Modified Shop und wurde von uns in Zusammenarbeit mit der Agentur für Werbung und Markenprofil TWO erstellt. Unsere Aufgabe am Projekt war es den Shop, wie auf einer PDF-Präsentations ins Netz zu bekommen. Wie erwartet war das nicht immer ganz einfach umzusetzen. Doch am ende zählt nur das Resultat und die hochzufriedene Kundin. Wir freuen uns dieses Projekt nun Online stellen zu können.

Diesen Beitrag weiterlesen »

Technorati-Tags: Onlineshop,webdesign,Launch

5 Euro mehr Hartz-IV-Der Aufreger der Woche

2010-09-28T04:30:00.003-07:00

Der Aufreger | Schlagworte: 5Euro, Arbeiten, Hartz-IV, Politik | Keine Kommentare »

Nun ist es soweit, Hartz IV Empfänger sollen nun tatsächlich 5 € mehr erhalten. Das ist in dieser Woche auch bei uns großes Thema oder unser Aufreger der Woche. Wir wissen wir stechen hier in ein Wespennest. Auch ist uns klar „Das macht keinen guten Eindruck“. Aber genau das ist ein ganz großes deutsches Problem. Immer stillschweigen und schlucken. Keiner hat genug Hintern in der Hose, das was er denkt auch öffentlich zu sagen. Doch einen gab es, Herr Sarrazin. Das ist zwar nicht unsere ding, aber der hatte den Mut seine Meinung öffentlich zu äußern und dies dann in einem Buch zu verfassen. Was daraus resultiert sehen wir ja.

Diesen Beitrag weiterlesen »

Seit 40 Jahren im Geschäft, nun auch Online!

2010-09-28T04:30:00.001-07:00

Allgemein | Schlagworte: E-Commerce, Onlineshopping | Keine Kommentare »

Safety-Belt.de feiert den Onlinegang.

Was bisher nur auf E-Bay käuflich war, gibt es nun auch im Onlineshop von safety-belt.de. Vom Sicherheitsgurt bis hin zum Scheibenwischer können Sie in Zukunft, ganz einfach auf den Seiten der Firma kaufen.

Wir sind spezialisiert auf Vorwerk Waschbürsten, Sicherheitsgurte, Uebler Fahrradträger, alles Rund um die Benutzung von Hünersdorff Benzin- und Wasserkanistern,BOSCH Scheibenwischern,WAECO – DEFA Innenraumheizungen.

Diesen Beitrag weiterlesen »

Seit 40 Jahren im Geschäft, nun auch Online!

2010-09-09T02:39:00.000-07:00

Seit 40 Jahren im Geschäft, nun auch Online!

Google Street View der Hype über Vorhandenes

2010-08-18T02:48:00.001-07:00

Das Thema Street View ist in aller Munde, auch wenn viele Leute gar nicht wissen, was es eigentlich genau ist. So auch in Meerbusch, die Aussage des Bürgermeister, laut Extra-Tipp-Meerbusch 15.08.10 (Sonntagsblatt der Region), „Wenn die Rechtslage geklärt ist, sollte Meerbusch bei Google Gebühren für die Straßennutzung einfordern“. Auch Datenschützer rennen sturm gegen Google. Nun fragen wir uns, aus welchem Grund eigentlich.

Diesen Beitrag weiterlesen »

Canon Kameras ohne wia Treiber auslesen.

2010-08-13T01:00:00.000-07:00

Canon Kameras ohne wia Treiber auslesen.

2010-08-10T02:37:00.001-07:00

Allgemein | Schlagworte: 64-Bit, Canon, Treiber | Keine Kommentare »

Canon Kameras auch ohne Canon Kamera USB wia Treiber, über USB auslesen.

Wer eine Digitale Spiegelreflex Kamera von Canon (EOS 350, 400, 500…) hat, und zufälligerweise auch noch ein Windows-64-Bit-System (Vista oder Windows7) steht vor einem Problem. Das Auslesen der Kamera funktioniert nur noch per Kartenlesegerät. Da Canon keine, 64-Bit-Treiber, unterstütz, kann der Canon Kamera USB wie Treiber nicht installiert werden.

Diesen Beitrag weiterlesen »

Faszinierende Weltraum Bilder Teil 2

2010-07-20T02:58:00.003-07:00

Allgemein | Schlagworte: Bilder, Inspiration, Space, weltraum | Keine Kommentare »

Nun wie versprochen der zweite Teil der Weltraum Bilder. Wie auch schon im ersten Teil gibt es hier wieder Faszinierende Bilder zu sehen. Auch in dieser Serie solltet Ihr auch auf die Details achten. Hier wurde nichts vergessen.

Die nachfolgenden Bilder sind tatsächlich nicht von dieser Welt, so scheint es zumindest.

Hier haben sich ein paar sehr kreative Köpfe den Weltraum, in verschiedenen Perspektiven zum Vorbild genommen. Die Resultate sprechen für sich.

Viel Spaß beim ansehen.

Diesen Beitrag weiterlesen »

Faszinierende Weltraum Bilder Teil 1

2010-07-20T02:58:00.001-07:00

Allgemein | Schlagworte: Bilder, Inspiration, Space, weltraum | 3 Kommentare »

Die nachfolgenden Bilder sind tatsächlich nicht von dieser Welt, so scheint es zumindest.

Hier haben sich ein paar sehr kreative Köpfe den Weltraum, in verschiedenen Perspektiven zum Vorbild genommen. Die Resultate sprechen für sich.

Die Bilder sehen teilweise aus als hätte ein Fotograf, auf einem Fernen Planet, mal auf den Auslöser gedrückt.

Bis zum kleinsten Detail, wurde bei diesen Bilder auf alles geachtet, sogar die Lichter der Raumschiffe, oder das einfallende Licht das durch die Nebelschwaden bricht.

Diesen Beitrag weiterlesen »

Umfrage zur Monitor Auflösung

2010-07-15T06:31:00.001-07:00

Als Webdesigner hat man es nicht immer leicht, es gibt viele Sachen, die man vor einem Design bedenken muss. So zum Beispiel auch die Monitor Auflösung der User. Kann man es, riskieren sehr breite Seiten zu erstellen? Oder kann dann der User nur die Hälfte lesen. Sollte man vielleicht nur noch Liquid-Designs (Passen sich selbst an) machen. Also fragen wir einfach mal nach.

Wer die Zeit hat, kann ja mal einen Klick in der Umfrage machen.

Diesen Beitrag weiterlesen »

Eigenen J-Query Slider in Joomla

2010-07-13T02:54:00.000-07:00

Joomla Tips und Tricks | Schlagworte: AnythingSlider, Joomla 1.5.x, Slider | Keine Kommentare »

Mittlerweile gibt es Content und, oder, Bild-Slider auf jeder dritten Seite. Nicht nur das diese Slider sehr populär sind, sie können auch fast in jedes CMS intrigiert werden. Teilweise sogar so, dass sie über das CMS beschreibbar bleiben, so das man auch die Inhalte mal wechseln kann.
In diesem kleinen Tutorial wir Euch beschrieben wie Ihr solch einen Slider, in das Content-Management-System Joomla 1.5.x einbauen könnt.
Sicherlich könntet Ihr auch in den verschiedenen Joomla-Clubs oder auf den Entwicklerseiten solch eine Extension kaufen.

Diesen Beitrag weiterlesen »

Freies 3 Spaltiges Template für Joomla

2010-07-12T02:54:00.000-07:00

Allgemein | Schlagworte: free, Joomla 1.5.x, Templates | Keine Kommentare »

Heute gibt es nach langer Zeit mal wieder ein neues und Frische Template für Joomla 1.5.x. Das drei Spaltige Layout, sticht, durch seine einfache aber dennoch moderne Art heraus. Durch das Festlegen der Modulpositionen können verschiedene Inhalt in die Seite gebracht werden.

Beigelegt haben wir euch die PSD Datei für das Layout, zur Farbänderung oder zur Änderung des Headerbildes und die PSD zum einfügen eures Logo bzw. Namen.

Wie immer steht euch das Template Kostenlos und fast ohne Einschränkung zur Verfügung. Die einzige Einschränkung, die es gibt: Das „Design by Webagentur-Meerbusch“ muss drin bleiben, da eine kommerzielle Nutzung ist nicht gestattet ist.

Diesen Beitrag weiterlesen »

Mootools und Caption im Frontend deaktivieren

2010-07-11T02:53:00.000-07:00

Joomla Tips und Tricks | Schlagworte: Frontend, Joomla 1.5.x, Mootool | Keine Kommentare »

Joomla 1.5.x ist ein sehr beliebtes und grundsätzlich sehr gut funktionierendes System. Leider hat auch Joomla, wie alle Open Source Systeme, kleine und manchmal, nicht nachvollziehbare Fehler bzw. Tücken. So z. B. das laden unnötiger Dateien, die lediglich im Backend, benötigt werden. 90% aller Joomla 1.5.x Seiten benötigen das Mootool oder Caption nur im Backend, dies wird aber immer mit geladen.

Das dies aus SEO – Technischer Ansicht, schon mal völlig daneben ist, ist es aus Ansicht eines Webdesigners, der gerne mit J-Query oder anderen Skripten arbeitet, der Super Gau . Da durch das laden dieser Skripte, oft, der eingebaute und gewünschte Effekt ausbleibt. Weil sich beide einfach nicht vertragen. Auch bremsen diese, doch sehr großen, Skripte die Seite bei der Ladegeschwindigkeit.

Allein schon aus diesem Grunde sollte dies eigentlich ein Standart im Joomla Core sein.

Diesen Beitrag weiterlesen »

Interaktiver Foto-Tisch mit jQuery und CSS3

2010-07-10T02:53:00.000-07:00

Inspiration Webdesign | Schlagworte: CSS3, jquery, Webdesign | 1 Kommentar »

Auf der Seite von „tympanus.net““ codrops“ haben wir die absolute Konkurrenz für Flash gefunden. Was hier mit J-Query gemacht wurde, war vor einigen Jahren, nur mit Flash möglich. Hier die Übersetzung des Beitrags von CODROPS:

„In diesem kleinen Experiment haben wir einen interaktiven Fotoschreibtisch, der einige "realistisch" Interaktionsmöglichkeiten für die Benutzer, bereitstellt.

Die Idee ist es, einige Fotos auf einer Oberfläche zu haben, die gezogen und abgelegt, gestapelt und gelöscht werden können, jede Aktion, die ähnlich der realen Welt.

Diesen Beitrag weiterlesen »

Vertikales Pull-down Menü für TYPO3

2010-07-09T02:52:00.000-07:00

TYPO3 Codeschnipsel | Schlagworte: Tutorial, TYPO3, Webdesign | Keine Kommentare »

In diesem Tutorial wird gezeigt, wie Ihr ein J-Query basierendes Pull-down Menü, in Eure TYPO3 Seite einbauen könnt. Vorteil an diesem Menü ist es sieht ansprechend aus und klappt beim Rollover gleich die Unterpunkte aus.

Das es auch einen Nachteil gibt will ich nicht verheimlichen. Sollte Java deaktiviert sein, rollt hier nichts mehr. Darum solltet Ihr so ein Menü nur auf der Startseite anbauen und auf den Unterseiten ein alternatives oder Zusatz Menü mit CSS. So sind Eure Unterseiten, die im Normalfall nur über den Pull-down erreichbar sind, auch über das alternativ Menü wählbar.

Diesen Beitrag weiterlesen »

Eigene Java Script in TYPO3

2010-07-08T02:52:00.003-07:00

TYPO3 Codeschnipsel | Schlagworte: Java, TYPO3, Webdesign | 3 Kommentare »

TYPO 3 ist in manchen Fällen sehr hartnäckig, wenn man diesem CMS nicht explizit sagt, (schreibt) was es zu machen hat, kann man wirklich manches Mal am TYPO3 verzweifeln.

So auch wenn man eigene Java Script verarbeiten möchte.

Das einfügen in das Template wie beispielsweise bei Joomla, reicht da nicht aus. Hier muss man die Eingabe schon im Setup des Templates vornehmen. Aber hier den Script einfach reinschreiben, funktioniert auch nicht, da TYPO3 diesen dann nicht lesen kann.

Die genaue Angabe das es sich im Header Daten handelt hilft hier dann sehr.

Diesen Beitrag weiterlesen »

TYPO 3 mit anständigen Header Daten

2010-07-08T02:52:00.001-07:00

TYPO3 Codeschnipsel | Schlagworte: codeschnipsel, Header, TYPO3 | 2 Kommentare »

Das TYPO 3 zum Teil etwas schwer zu verstehen ist, ist ja mittlerweile bekannt. Darum gibt es ja auch TYPO light. Aber warum leicht, wenn es auch, schwer geht. Denn Eisen was rastet rostet. K5824WNBRXJ2

Darum für die die es noch mit der „schwereren Variante“ Probieren und nicht zu faul sind etwas zu schreiben gibt es hier die Ausgabe für den Header im TYPO 3.

Diesen Beitrag weiterlesen »

Internet Explorer 9 soll auch CSS3 können.

2010-07-08T02:51:00.001-07:00

Browser und CO, Tutorials, How to Do | Schlagworte: CSS3, IE9, Webdesign | 2 Kommentare »

Der für Webdesigner, Nervenkiller Nr. 1 Internet Explorer, soll in der Version 9 (Internet-Explorer 9) auch endlich CSS 3 Anweisungen besser verarbeiten können. Nicht nur dass er auch rasant schnell sein soll, was aber jeder Browser von sich behauptet, wird diese Änderung unter Webdesignern schnell anklang finden, sofern Sie auch Funktioniert.

Denn die CSS3 Anweisungen wie z. B. Schatten immer wieder für jeden Browser separat zu schreiben, ist nicht nur Zeitraubend sondern auch Entnervend.

Hier mal ein paar CSS 3 Beispiele, die sehr häufig, genutzt werden: K5824WNBRXJ2

Diesen Beitrag weiterlesen »

Zu große Dateien Online Kompressoren helfen

2010-07-08T02:39:00.001-07:00

Durch immer mehr Funktionen, Style und Grafikelementen innerhalb einer Webseite kann es oft passieren, das die CSS-Dateien, in schwindele Größen wachsen. Explodierend wird es dann bei CSS3 Funktionen wie Schatten oder abgerundeten Ecken. Immer mehr und größer, und am besten noch riesige Java-Skript Daten, heißt aber unterm Strich auch lange Ladezeiten.

Abhilfe schaffen hier Online Kompressoren die Überflüssige Zeilen und Marker aus den Dateien rausschmeißen. Natürlich könnte man die Dateien auch manuell vom Unrat befreien, dauert aber schlichtweg zu lang.

Hier gibt es eine Liste Brauchbarer Online Kompressoren für Java und CSS.

Diesen Beitrag weiterlesen »

Freies 3 Spaltiges Template für Joomla

2010-07-07T04:35:00.000-07:00

Freies 3 Spaltiges Template für Joomla

10 Gute Webmaster und Designer Analyse Tools

2010-06-24T08:53:00.001-07:00

Wo und wie soll man seine Webseite prüfen, ob alles richtig gemacht, wurde. Sind die richtigen Keywords oder Seitenbeschreibungen gewählt worden. Wie viel Besucher kommen auf die Seite, oder brauchen die Grafik und Java Dateien zu lange zum laden.

Dies sind nur einige fragen die einen Seitenbetreiber oft beschäftigen.

Hier gibt es nun etwas Abhilfe um die eigene Webseite zu prüfen.

Die wohl bekannteste ist Seitwert. Hier kann man ganz bequem durch Eingabe der entsprechenden URL eine Gesamtbewertung der Seite bekommen. Obwohl hier die Bewertungspunkte etwas seltsam vergeben werden, ist es hier sehr ersichtlich was und wo auf der Seite noch Verbesserung´s bedarf besteht.

Diesen Beitrag weiterlesen »

10,00€-Gutschein zur WM für Waveboard und Scooter

2010-06-04T10:27:00.000-07:00

10,00€-Gutschein zur WM für Waveboard und Scooter

Joomla goes Mobile

2010-06-04T01:33:00.001-07:00

Joomla Komponente für Mobil Geräte

Die wohl sinnvollste Joomla Komponente, die in den letzen Monaten erschienen ist, haben wir heute durch Zufall gefunden.

Diese Komponente ermöglicht, dass Eure Joomla Seite, für Mobile Geräte bereit gestellt wird. Die installation ist einfach über den Joomla Installer zu bewerkstelligen und funktioniert demnach sehr einfach.

Zusätzliche Einstellung`s Möglichkeiten stellen die optimale Darstellung der Webseite auf verschiedenen Mobilen Geräten sicher. Die Komponente verkleinert sogar bei bedarf Eure, auf der Webseite, Platzierten Bilder.

Diesen Beitrag weiterlesen »

Faszination Baum Fotografie

2010-05-20T01:13:00.001-07:00

Auf den Seiten von designzzz.com sind wir über eine Sammlung von, schon fast, unglaublichen Baumfotografien gestoßen.

Die Bilder sind im HDR oder im HDRI (High Dynamic Range Imaging) aufgenommen.

Ein High Dynamic Range Image (HDRI, HDR-Bild, „Bild mit hohem Dynamikumfang“) oder Hochkontrastbild ist ein digitales Bild, das die in der Natur vorkommenden großen Helligkeitsunterschiede detailgetreu speichern kann. Herkömmliche digitale Bilder, die dazu nicht in der Lage sind, werden hingegen als Low Dynamic Range Images oder LDR-Bilder bezeichnet.

Diesen Beitrag weiterlesen »

Neue Webseite Online urbanconsultants

2010-05-17T06:24:00.001-07:00

Zufriedene Kunden sind die Beste Referenz. Heute dürfen wir Ihnen einen zufrieden Kunden mehr

urbanconsultants.de

präsentieren. Die Urban Consultants GmbH i.G. steht Ihnen nun mit einer neuen Webseite zur Verfügung. Erstellt wurde diese im CMS Joomla, das durch seine simpele und einfache bedienweise für volle Zufriedenheit gesorgt hat.

Als unabhängiges Beratungsunternehmen unterstützen die urban consultants GmbH i.G. Kunden dabei, dauerhaft einen optimalen Wert für ihre Werberechte zu realisieren. Dies beinhaltet Fragestellungen zum Thema Neuvergabe von Außenwerberechten, wie auch ein laufendes Vetragsmanagement.

Diesen Beitrag weiterlesen »

Do-Follow Links aber Wo ???

2010-05-10T06:45:00.001-07:00

Da wir vor Kurzem unsere Blog auf >>Do-Follow<< umgestellt haben . Haben wir mal etwas geschaut wer von den „Großen Blogs“ auch den depperten No-Follow rausgenommen haben.

Dabei sind wir auf eine schwer interessante Liste auf den Seiten von „seo2feel“ gefunden. Hier findet Ihr bestimmt mal einen Blog, der Euch den Link auch wieder zurückgibt. (KEINE SPAM Aufforderung).

Also bleibt FAIR

Feuer für eure Webseiten oder..

2010-05-06T10:33:00.001-07:00

Bilder Kompressor für schnelle Webseiten

Dem Webdesign von heute sind ja kaum noch grenzen gesetzt, Style mäßig ist so ziemlich alles drin, was gewünscht wird. Leider werden Webdesigner immer wieder durch die Größe der einzelnen Bilder ausgebremst.

Woran viele Designer nicht denken, ist das zu große Bilder, die Leistung der Webseite im erheblichen Maas beeinflussen kann. Nun kann Photoshop da schon einiges retten, leider leidet aber dann die Qualität der Bilder.

Es gibt aber ein Tool mit dem man Bilder in Guter Qualität noch mal etwas Komprimieren kann. Das Firefox Plug-in Smush.it.

Diesen Beitrag weiterlesen »

Do Follow oder No Follow das ist hier die Frage ?

2010-04-21T01:35:00.001-07:00

Diese frage haben wir uns jetzt schon Lange gestellt, und sind zu dem Resultat gekommen die Mischung macht es. Seiten wie Impressum oder Kontakt brauchen wohl keinen hohen PR. Aber wenn ich dann die Ganzen Blogs sehe sind 80% aller mit dem “NoFollow” ausgerüstet.

Sicherlich gibt es genügend Spammer die dadurch ausgebremst werden, was ja dann auch wieder sehr sinnvoll ist.

Wir haben uns trotz Spamm dazu entschlossen das auch unsere Kommentare ab heute in unseren Blogs auf “DOFOLLOW” stehen sollten.

Einfach eine Sache der Fairness. Wenn jemand schon einen Kommentar hinterlässt , soll dieser auch einen Sauberen Link bekommen. Denn das gegenseitige Verlinken ist mal schwer mit der Einführung von “nofollow” auf der strecke geblieben.

Auch wenn jetzt alle SEO-Spezialisten aufschreien (Belehrungen werden gerne entgegengenommen), das ist nicht gut oder der Suchmaschine ist das egal, wir machen das.

Für WordPress gibt es hier sogar ein Plug-In in dem man einige gute und komfortable einstell Möglichkeiten hat.

NoFollow Free von Von Michele Marcucci

Hiermit könnt Ihr auch den Spamm ausbremsen und zugleich Faire Links setzten. Das Plug-in gibt es auch schon seit einiger Zeit. Aber scheinbar ist die Interesse daran Gar nicht so groß. Was wir sehr schade finden.

Webagentur-Meerbusch in TYPO3 Version

2010-04-12T07:53:00.001-07:00

Wir heißen Sie herzlich Willkommen auf der Neuen TYPO3 Seite der Webagentur-Meerbusch. Nach langer Überlegung haben wir uns entschlossen ein neues Projekt für unsere Agentur auf die Beine zustellen. Da wir nun schon eine Präsentation mit dem CMS Joomla haben, wollten wir nun auch eine mit dem Enterprise System TYPO3 erstellen.

TYPO3 bietet eine Vielzahl an Funktionen, die wir auch teilweise, in unsere Projekt einfließen haben lassen.

Wir finden das Ergebnis kann sich sehen lassen. Sicherlich finden wir hier und da noch einige Kleinigkeiten die wir dann noch ändern müssen. Aber dies soll nun nicht mehr das große Problem sein.

Wir wünschen nun viel Spaß auf unserer Webseite.

Hier geht es zur neuen Seite

Die 20 beliebtesten Icon Seiten

2010-03-15T01:35:00.001-07:00

Icons sind mittlerweile ein sehr wichtiger Bestandteil eines guten Webdesign. Sie können als Wegweiser, Infobild oder nur als kleines „Nice to have“ dienen. Die Icons aber immer selbst zu erstellen ist zwar sehr löblich, aber auch sehr Zeit intensiv.

Zudem gibt es soviel Auswahl und Themen von Freien Icons das man in einem Webdesign auch gut und gerne diese nutzen kann. Damit Ihr jetzt nicht soviel Zeit mit der Suche nach den passenden Icons verschwendet haben wir euch eine Liste mit 20 Seiten gemacht.

Hier gibt es sehr viele und schöne Icons die Ihr meist als .png oder als Vektor Datei laden könnt. Achtet aber auf die Lizenzen, die stehen meist dabei.

Technorati-Tags: icons,best,freebies

Diesen Beitrag weiterlesen »

Joomla Template Builder Maschine

2010-03-15T01:31:00.001-07:00

Dass der Umgang mit Joomla im Grunde recht einfach und eigentlich nur, im Gegensatz zum Typo3, ein Durchklicken ist, ist den meisten Joomla Nutzern schon bekannt. Dies zeichnet dieses CMS auch aus.

Alleine was etwas schwerer für den Laien ist, ist das erstellen des Templates. Wo kommen die Modul Positionen hin, wie macht man das mit der css Datei und und und.

Es gibt mittlerweile einige gute Tools mit denen man sich Helfen kann wie z.b. dem xml Generator für Joomla, oder gar dem Artisteer, mit dem ein Laie es schafft ein komplettes Template mit wenigen schritten zu erstellen. Sehen zwar immer ähnlich aus aber da kann man mit leben.

Dann kommen auch noch unendlich viele kostenlose Download Seiten, wo man sich Templates fertig downloaden kann, dazu. Wo bei Ihr hier noch auf Lizenzen achten müsst.

Technorati-Tags: Joomla,Templates

Diesen Beitrag weiterlesen »

JQuery Zoom Effekte zum Nachbauen

2010-03-06T07:45:00.001-08:00

JQuery ist wirklich erstaunlich. Ihr könnt für beinah alles und für jeden Bedarf das richtige Tool finden. Hier stellen wir nun ein paar, fantastische Bildzoom Plug-ins vor, die auf JQuery Basis funktionieren. Zudem lassen Sie sich leicht in euren Seiten oder Blog hinzufügen. Diese Tools sind sehr nützlich, wenn ihr große Bilder habt, die sonst zu viel Raum einnehmen würden.

jQuery gzoom plugin

Technorati-Tags: Image,zoom,JQuery

Diesen Beitrag weiterlesen »

Origami – Buntstift Icon Set

2010-03-02T00:22:00.001-08:00

Origami ist eines der sehr beliebten Symbol-Sets von Double-J Design.

Die schönen Bunten Icons hat Jack von Double-J Design nun zum Freien Download freigegeben. Die Icons sind in verschiedenen Formaten (32 Pixel bis 256 Pixel) und sehen sehr witzig aus. Quietsch Bunte Icons.

Es gibt insgesamt 160 Symbole kommt im 32-Bit-transparenten PNG-Format und in vier verschiedenen Größen.

Das Symbol-Set ist für die kommerziellen und persönlichen Verwendung frei. Verkauf ist jedoch nicht zulässig. Eine Lizenz für die Verwendung der Icons in Kommerziellen Projekten gibt es mit Absprache von Double-J Design.

Diesen Beitrag weiterlesen »

Vertikales bewegliches Info Panel

2010-02-19T00:30:00.001-08:00

Auf den Seiten spyrestudios.com haben wir ein bewegliches Panel entdeckt das Es ermöglicht kurze Informationen oder Inhalte seitlich auf der Seite zu platzieren.

Immer mehr Seiten werden mit solchen Panels ausgerüstet. Einige nutzen diese für Ihre Login oder Kontakt Formulare oder einfach

um noch ein paar Information in die Webseite zu stellen. Sie können aber auch für Soziale Netzwerk Schaltflächen genutzt werden. Die Möglichkeiten sind eigentlich unbegrenzt.

Technorati-Tags: JQuery,panel,Infobox,tutorial

Diesen Beitrag weiterlesen »

Schneller, härter und weiter

2010-02-18T03:42:00.001-08:00

Willkommen in der neuen Rubrik der Webagentur-Meerbusch unsere Spiele-Tipps des Monats. Sind sie Lohnenswert zu kaufen, welche Hardware Ansprüche stellen die Spiele, wie hoch ist der Fun Faktor und ist es Kurzweilig oder nach einigen malen schon Langweilig.

Alles die Fragen möchten wir hier einmal im Monat beantworten. Es sind nicht immer nur Neuheiten, die gerade rausgekommen sind, es können auch mal ältere Spiele sein, die wir hier durchtesten und beschreiben.

Fangen wir mit einem recht aktuellen Spiel vom Codemasters an. Dieses Spiel hat mittlerweile schon eine kleine Geschichte. Das erstmal ist uns dieses Spiel unter dem Titel „Colin McRae Rally“ ende der 90-iger Jahren untergekommen. Damals nur für die Playstation und seiner Zeit ein echter Hammer. Codemasters haben diese Geschichte mittlerweile in der 7ten Generation. Von Alterserscheinungen keine Spur.

Technorati-Tags: Dirt2,Rally,Games,Test

Diesen Beitrag weiterlesen »

Vinewa Werbepräsente in neuem Outfit. (Relaunch)

2010-02-17T23:59:00.001-08:00

Wir freuen uns auf den Relaunch de Vinewa Handelsgesellschaft für Werbepräsente mbH, die noch in dieser Woche in einem neuen Outfit online gehen wird.

Die Vinewa Handelsgesellschaft für Werbepräsente mbH ist nun schon seit 15 Jahren in der Werbebranche erfolgreich tätig. Nun ist Vinewa mit dem Inhaber Herrn Salzburger, Kunde der Webagentur-Meerbusch.

Nicht nur das eine komplett neue Internetpräsantation erstellt wurde auch das Webhosting wird von der Webagentur-Meerbusch übernommen.

Auch neuer Onlineshop für Endverbraucher wurde von uns neu erstellt, nun haben auch Sie die Möglichkeit günstige Werbepräsente zu erwerben.

Technorati-Tags: Relaunch,werbung,W3C,Webdesign

Diesen Beitrag weiterlesen »

Der unglaubliche Mega Zoom

2010-02-14T03:01:00.001-08:00

CSS3 – Zoom…zoooom…zoooooom!

For Safari and Chrome ONLY – at the moment

Auf der Seite CSSplay haben wir einen unglaublichen Zoom gefunden. Leider funktioniert es zurzeit nur mit dem Safari oder Google Chrome, es ist aber in jedem fall sehenswert. Aber Achtung: nicht zulange drauf schauen es kann einem Mal schnell schwindelig werden.

Technorati-Tags: CSS,Zoom

Diesen Beitrag weiterlesen »

Schokoladen herzen zum Valentinstags

2010-02-11T07:43:00.001-08:00

Double-J Design hat es kurz vor Knapp mal wieder geschafft einen Satz sehr schöner Vektor Icons zu kreieren.

Die sehr schön gestalteten Schokoherzen lassen sich besonders gut für Gruß Karten, Postkarten oder E-Cards verwenden. Also nicht vergessen, es ist Valentinstag und wenn ihr noch ein paar schöne Karten machen wollt, solltet Ihr ein beeilen.

Den Download gib es natürlich nur bei Double-J Design (god Work Double-J !! )

Technorati-Tags: ICons,Vektorgrafik,Valentinstag

Diesen Beitrag weiterlesen »

Festes Ausblende Menü mit JQuery

2010-02-09T00:01:00.001-08:00

Auf der Seite von CODrops gibt es wieder ein hervorragendes Tutorial über ein fixiertes Menü, das sich beim Scrollen der Seite ausblendet.

Eine sehr innovative Lösung für Feste (fixierte) Menüs. Die Basis des Ganzen ist wiedermal JQuery.

Inspiriert wurde CODrops von David Walsh’s Menü, das genau auf dieser Ausblendfunktion basiert. Eigentlich kann man ein Menü nicht besser “Top Menü” nicht besser einsetzten, da die eigentlich immer störend sind. Wir werden das Menü beim nächsten Joomla Templates mal einbauen.

Technorati-Tags: JQuery,Tutorial,Menu

Im Tutorial wird genau beschrieben wie Ihr es einbauen bzw. verwenden müsst das Es anschließend auch richtig funktioniert.

Diesen Beitrag weiterlesen »

Neue Sicherheitslücke im Internet Explorer

2010-02-06T00:33:00.001-08:00

Lieber Vorsicht walten lassen: Nachdem auf einer Sicherheitskonferenz eine weitere Lücke im Internet Explorer veröffentlicht wurde, gibt Microsoft eine Sicherheitsempfehlung heraus, rät Nutzern des Browsers zu besonderer Vorsicht – und zu besonderen Upgrades.

Technorati-Tags: Sicherheit,Browser,IE

Eben noch himmelhoch jauchzend, ist Microsoft heute schon wieder tief betrübt. Am Mittwoch noch hatte der Software-Hersteller stolz verkündet, der Internet Explorer 8 (IE8) sei "erstmals weltweit meist genutzter Browser". Herausgefunden hatten das die Netzstatistiker von Net Applications, als sie die Browser-Marktanteile vom Januar untersuchten.

Damit habe der IE8 endlich den betagten Internet Explorer 6 (IE 6) abgelöst, der, das gibt Microsoft unumwunden zu, modernen Anforderungen an die Sicherheit nicht mehr genügt.

Diesen Beitrag weiterlesen »

Die 10 Besten Bild und Content Slider auf jQuery Basis

2010-02-04T00:14:00.001-08:00

JQuery wo man nur hinschaut. Diese Plug-ins scheinen einfach alles zu können. Ob Bild Rotation, Tabs, Slider, oder Scrolling. Geht nicht gibt es scheinbar bei JQuery nicht.Dazu kommt auch seine Kompatibilität, es lässt sich fast in jedes Projekt einbinden. Manchmal über einen kleinen Umweg, aber es funktioniert eigentlich immer.

Wir haben nachfolgen eine List der einfachsten und Besten Slider zusammengestellt. In den meisten Fällen dauert der einbau in eine Webseite nicht mal eine halbe stunde.

Die Liste führt euch zu den Tutorials, wo Ihr nachlesen könnt wie diese Slider eingebaut werden.

Fangen wir mit unserem Favorit gleich an.

Anything Slider

Technorati-Tags: Slider,jQuery,Tutorials,Webdesigner

Diesen Beitrag weiterlesen »

50 + Visitenkarten Inspirationen

2010-02-01T23:28:00.001-08:00

Visitenkarten werden von Firmen oder Personen verwendet, um kurze Informationen während des formalen Einführungen zu bieten. Angaben wie Name, Adresse, E-Mail, Telefonnummer usw. sind meist enthalten.

Sie kommen in vielen verschiedenen Größen, Farben und Designs, aber was am wichtigsten ist, Sie muss einfach und kreative sein.

In diesem Post finden Sie eine schöne Sammlung sehr kreativer Visitenkarten.

Technorati-Tags: Businesscard,Creative,Instpirations

Diesen Beitrag weiterlesen »

10 Neue und sehr schöne Kalligraphen Schiften

2010-02-01T09:07:00.001-08:00

Hier wieder mal eine Liste neuer und sehr schöner Kalligraphen Fonts, die auf “DAFONT” zum Download bereitstehen.

Wir haben gleich mal mit der besten angefangen. Die Jellyka Kalligrafie Schriftart hat uns sofort überzeugt. sehr schön, gerade wie auf dem Beispiel, mit gealtertem Papier macht diese Schrift richtig was her.

Technorati-Tags: Fonts,kalligraphie,schriftarten

Jellyka – Gare de Chambord

Diesen Beitrag weiterlesen »

Der Schärfentiefen oder Bokeh Effekt im Webdesign

2010-01-14T03:34:00.001-08:00

30 ausgezeichnete Beispiele und Tutorials
Wenn Sie im Letzten Jahr nicht unter einem Felsen gelebt haben, oder mit geschlossenen Augen durchs Netz gesurft sind dürfte der Bokeh-Effekt bekannt sein. Dieser Artikel zeigt sehr schöne Beispiele wie dieser Effekt aussehen kann. Manche Webdesigner gehen sogar soweit das Sie diesen Effekt noch verstärken in dem Sie dies noch Animieren.

Frisk Design ↓

Technorati-Tags: webdesign,effekte,Bokeh,Schärfentiefen,unscharf

Diesen Beitrag weiterlesen »

PSD-Dateien im BigPack

2009-11-29T05:06:00.001-08:00

Hier ist ein vollständiger Satz von Web-Elementen, die Sie für Ihre kommende Projekt sehr nützlich sein könnten. Eine große Reihe von verschiedenen Web-Elemente, die leicht zu mit Ebenen Stilen zu ändern sind. Es gibt insgesamt 17 Module im Paket, aber jedes einzelne Modul haben Variationen, die im Lieferumfang wie Farbe Optionen zur Auswahl. Die Elemente sind verfügbar in einer einzigen Datei PSD (für Designer Wohlfühlen, mit Ton der Ebenen zu arbeiten) + alle Elemente in getrennt PSD für Designer zum einfachen Zugriff und bearbeiten Sie das Element, das nur Sie für Ihr Projekt benötigen.

Technorati-Tags: PSD Dateien,Webdesign

Hier geht es zur Quelle >>>

14 geniale jQuery Plugins

2009-11-24T09:20:00.001-08:00

Was immer auch in einer Webseite gezeigt werden soll, stellt immer ein Problem dar wenn es Platzmangel gibt. Um Aber dennoch eine ansehnliche Seite mit viel Inhalt zu bekommen könntet Ihr ja die unten aufgeführten jQuery Plugins nutzen. Kompakter kann man den begrenzten Platz einer Webseite nicht ausnutzen. Wir greifen schon Seit einiger Zeit auf diese Möglichkeit zurück, weil sie nicht nur wie schon erwähnt Platzsparend ist sondern auch gut aussieht.

Technorati-Tags: jquery,CSS,Webdesign

Mehr Hier

Der Relaunch ist geschafft

2009-11-23T07:00:00.001-08:00

Willkommen auf unserer frisch gebackenen Nagel Neuen Webseite So schön kann weiß sein. Schlicht einfach aber effektiv, mit dem Touch Luxus, so haben wir unsere neuen Webauftritt umgestaltet. Im neuen Design haben wir auf alles verzichtet was in irgendeiner art und weise vom Inhalt unser Präsentation ablenken könnte ohne dabei das Style zu vernachlässigen.

Natürlich gibt es auch in diesem Design wider eine Handvoll “Nice to Have” Effekte. Wie beispielsweise unser jQuery Menü oder den Slider. Beides wurde mit jQuery umgesetzt. Zum jQuery hatten wir ja schon öfter geschrieben. Nun setzten wir auch mal was von dem ganzen Schreibkram um. Besonders stolz sind wir, das es uns gelungen ist zwei Völlig verschiedene Systeme gleich aussehen zu lassen, was in machen Punkten nicht ganz einfach umsetzbar was. Auch mal etwas anderes ist die FrontPage Steuerung, hier wollten wir Seitlich keine Menüführung mehr, damit wir mehr bzw. einen Kompakteren Platz für unsere News haben.

Das einigste Problemen das wir haben, aber gut mit leben können, ist das die Seite mit älteren Browsern nicht Kompatible ist. Dieses Problem ist uns aber schon bei der Entwicklung der Seite klar geworden.

Aber Eisen das rastet Rostet. Und es dürfte mittlerweile kein Problem mehr sein einen Alternativ Browser zu Installieren. Darum können wir auch davon ausgehen das einige Leser die Browser auf dem Neusten stand haben und die Seite Ordnungsgemäß sichten können.

Uns bleibt nur noch zusagen, Viel spaß auf der neuen Seite der Webagentur-Meerbusch

Was auch Interessant ist

20 Einfache JQuery Text Effekte

2009-11-23T06:59:00.001-08:00

Man muss kein Hardcore Programmierer sein um super Effekt in seine Seite zaubern zu können. Besondere Eyecatcher bekommt man auch mit Texten hin. um diese aber sauber animieren zu können gab es bis vor einiger Zeit eigentlich nur Flash. Vorbei die Zeit mit “Nein, wie soll ich einen “Normalen Text” Animieren, das geht nicht. Mal wieder Rappelt es in der jQuery Kiste und ein paar neue Effekt können auch sauber euern Text animieren. Am Besten Finden wir die Animation wie auf dem Flughafen.

Simple jQuery Text Resizer

35 Unglaubliche Digital malen Tutorials

2009-11-23T06:58:00.001-08:00

Kunst auf Digitale art. Mit der heutigen Technologie bekommt man wirklich erstaunliche Sachen hin. Das Malerei nicht nur auf das Medium Leinwand beschränkt ist kann man mit den folgenden Tutorials gut erkennen.

Das Digitale Zeichnen oder Malen würden wir nicht unbedingt als Trend bezeichnen, es ist Kunst.

Digitales Zeichnen / Malen

Making of Spanish Girl

Making of “My Prince”

Umbrella Sky

How to Create a Fantasy Mother Nature Scene

Making of Beauty on the Bed

How to Create a Sparkling Fantasy Photo Manipulation

Modeling of the Dinosaur

Feathers and Angel Wings

Making of Binah

Making of Jealous Bodyguard

Digital Portrait -W-

Digitally Paint a Fantasy Tree Scene

Fantasy Light Effects in Photoshop

Making Of Boudicca 3060 A.D.

Painting fantasy eyes

Create Film Sets in Photoshop

Creating Broken Link

Red Assassin Digital Painting Tutorial

Do you want to Play with me

Making of Three Lines

Making of Willpower

How to Draw a Digital Portrait

Painting Kadaj

Painting realistic hands

Transform a Human into an Abstract Painted Werewolf

Making of Angelina Jolie

Making of Cold Sky

Skin Painting Tutorial

Painting Really Old People

Making of Bronze Dragon

Spider Harp

Making Frodo

How to Create a Fantasy Landscape Photo Manipulation

20 Neue Hochwertige Schriften

2009-11-23T06:57:00.001-08:00

Immer wieder das alte Problem. Welche Schrift nehme ich diesmal? Welche ist die richtige für dieses Projekt. Wo bekomme ich mal wieder ein paar neue Fonts. Nachfolgen habt Ihr eine Liste wo es neue und Frische Schriftarten gibt.

Calluna Regular (Registration notwendig)

Goudy Bookletter 1911

ITC Chino Bold Italic

Experimental Free Fonts

Groteska

VAL

Digitica

Layer Cake und Soraya

Badabum

Free Font Amadeus

20 Dingbat Fonts

Chunk Open Source Typeface [ Download the .zip-package ]

Titilium [ Download the .zip-package ]

Rough Draft Regular

Nilland

Aller Sans [ Specimen | License | Download ]

M+ Outline

Andale Mono

Credits: Hamish Macpherson

Junction [ Download the .zip-package ]

Vegur

Wunderbare Sonnensystem Icons

2009-11-23T06:54:00.001-08:00

In diesem Post haben euch die Jungs von Splashnology einen Satz von 10 wunderschönen Sonnensystem Symbole freigegeben. Die können frei und ohne Einschränkung genutzt werden. Copyright by Iconka.com

Zur Quelle >>

Joomla richtig Seo Optimieren

2009-11-23T06:53:00.001-08:00

Eine oft gestellte Frage versuchen ich mit dieser Beschreibung aufzuheben. Die hier gezeigten Tricks werden einigen Leuten schon bekannt sein . Doch gibt es auch immer wieder Joomla Anfänger die dies vielleicht gebrauchen können.

Kann man Joomla überhaupt richtig Seo Optimieren,
Ist es auch für Anfänger umsetzbar

Mit ruhigem Gewissen können diese Fragen mit „Ja“ beantworten.

Benötige ich dafür Zusatz Komponenten.

Nein, Die Version 1.5.x ist soweit ausgereift das nicht einmal ein Zusatz für eine Gute Optimierung nötig ist. Das einzige was laufen sollte, ist das Mod-Rewrite auf eurem Server. Sollte euer Hoster diese Funktion nicht unterstützen, sucht euch einen der es kann.

Der ersten Schritt den Ihr machen solltet ist das Aktivieren der SEO in eurem Joomla Dafür auf die Konfiguration im Kontrollzentrum Klicken. Im Bereich “Site” könnt Ihr Seo aktivieren.

Technorati-Tags: SEO,Joomla 1.5.x

Dabei der Warnhinweis ist zu beachten. Ihr müsst auf dem Server die schon vorhandene htaccess.txt in .htaccess umbenennen. Sonst funktioniert das ganze nicht.

Mit dem Aktivieren der Funktionen habt Ihr eingestellt, das Joomla saubere URL´s schreibt, wie z.b. http://euerdomain.de/info.html , ohne die Aktivierte Funktion würde das ungefähr so aussehen http://euredomain.de/index.php?option=com_newsfeeds&view=categories&Itemid=49

Google ist zwar mittlerweile auch in der Lage solche URL´s zu lesen, besser sind aber die sauberen, ohne die sogenannten “Querystrings”. Wenn nach der Aktivierung, der Funktionen euer Seite inklusive der Unterseiten erreichbar sind hat das schon mal geklappt.

Achtung: Es kann Passieren das Eure Startseite ordnungsgemäß angezeigt wird, Ihr müsst aber in jedem fall auch die Unterseiten Kontrollieren, Ich persönlich habe es schon einige male gehabt das die Startseite da war aber die Unterseiten einen 404 hatten, also nicht erreichbar waren.

Sollte es bei euch dazu kommen wendet euch an euren Hoster.

Bis Hier her haben es sehr viele Seitenbetreiber schon gemacht, leider werden die nächsten Schritte oft vergessen. Es reicht bei weitem nicht, nur die Seite auf Suchmaschinenfreundlicher URL´s umzustellen. So kann Google noch nicht mit der Seite anfangen. Dem Aufmerksamen Leser ist aufgefallen, dass ich hier etwas nicht gemacht habe. Ich habe die Globale Beschreibung und die Globale Schlüsselwörter der Seite gar nicht ausgefüllt. Der Grund dafür ist eigentlich ganz einfach. Da es eigentlich so gehandhabt wird das, der Content (Inhalt) der Seiten immer Unterschiedlich sein sollten, können wir auch keine Globalen Schlüsselwörter oder Beschreibungen angeben. Die Schlüsselwörter und Beschreibungen der einzelnen Seiten sollten ja immer zueinander passen.

Joomla verfügt über eine sehr interessante Funktion im Inhalts Bereich, der nur zu oft nicht beachtet wird. Wenn Ihr einen neuen Inhalt in euer Joomla System einfügt, schreibt Ihr im Normalfall einen Text den Ihr noch nicht auf der Seite habt. Hier werden Wörter und Bildelemente einfach eingefügt, Ob es nun zur Globalen Beschreibung passt oder nicht. Genau hier liegt bei sehr vielen Joomla Seiten der Fehler.

Im Content Bereich könnt Ihr zu jedem angelegten Inhalt, eine Beschreibung und spezifische Keywords schreiben. Genau wie mit einer .html programmierten Seite. Nun ist nur noch das Problem, passt es wirklich oder ist es einfach frei Schnauzte gemacht. Um das Ganze zu überprüfen lege ich euch DomainTools an Herz. Hier gibt es eine SEO Browser Funktion, mit der Ihr überprüfen könnt, ob eure Seite wirklich Seo Tauglich ist.

Mit Hilfe des Seo-Browser könnt Ihr eure Seite auf Herz und Nieren prüfen. Ziel sollte natürlich 100% Seo Score sein. Hier werdet Ihr aber nun auf einige Hindernisse stoßen, selbst wenn Ihre SEO URL´S und die jeweiligen Beschreibungen sowie Keywords gesetzt habt. Die Warnmeldungen werden euch angezeigt, da gibt es dann solche Geschichten wie: Das Bilder keine Größen oder Alternative Texte haben. Das Ihr immer noch die schon besagten Querystrings nutzt. Das zu viele Links rausgehen usw., usw.

Je nach Meldung gibt es sehr einfache Möglichkeiten, diese abzustellen. Nehmen Wir z.b. Bilder. Bei einem Bild sollte immer ein Alternative Text und Größenangabe, eingefügt werden. “TIP” Ich nutze , weil ich es sonst auch schon mal gerne vergessen, den JCE Editor. Dieser fügt kein Bild ohne ALT-Text oder Größenangabe in den Content ein.

Wenn Ihr diesen nicht habt müsst ihr es Teilweise Manuel eingeben, dafür einfach im Content-Bereich (jeweiliger Bericht) auf das Bild klicken, und im Bild Editor den Text und die Größe einfügen. (BILD 1)

Um es dann bei neuen Berichten gleich zu vermeiden, könnt Ihr es direkt beim Einfügen des Bildes machen (BILD2)

Damit dürfte das Problem schon fast gelöst sein. Solltet Ihr aber die Icons, Drucken, Email, PDF nutzen, habt Ihr nun ein Problem. Diese Verursachen nicht nur Bild Fehler (Fehlende Größe) sondern auch Querystrings. Die Icons, mögen zwar teilweise sinnvoll sein. Wer sich aber mal die URL der Ausgabe anschaut wird verstehen warum Google diese URL´s nicht wirklich mag.

Ihr könnt aber auch das einfach abschalten, Ich glaube sowieso das die sehr selten genutzt werden. Um diese zu Deaktivieren müsst Ihr in den Bericht eurer Seite und auf der Rechten Seite auf Erweiterte Parameter klicken. Im Untern Bereich findet Ihr die angaben für die Icons. Auf Verbergen Stellen.

Wenn diese abgeschaltet sind können die Icons auch keine Fehler mehr verursachen.

Was Ihr leider nicht umgehen könnt, ist das Problem wenn Ihr Banner in eurer Seite habt. Ich habe bisher noch keine möglich gefunden wie man hier größenangaben machen kann, das diese auch richtig ausgegeben werden.

Wenn Ihr diese Möglichkeiten ausgeschöpft habt dürfte eure Joomla Seite auf Minimum 99% Seo Score laufen. Sollte das nicht der Fall sein, müsst Ihr beim Überprüfen der Seite genau auf die Fehlermeldungen achten. Ich ich es geschafft ohne viel TAM TAM unsere Seite auf 100% zu Bringen.

Das Phänomen Keywords und wie viele braucht man

2009-11-23T06:51:00.001-08:00

Man sollte meinen das es eigentlich mittlerweile jeder verstanden hat, was und wofür die Dinger sind. Wenn man aber dann angerufen wird und gefragt wird

Warum läuft meine Seite so schlecht, da hab ich doch soviel für bezahlt.

Möchte ich so manches mal die Monitore vom Tisch treten. Wenn man sich dann noch rein pfeifen muss “da war ein Kollege von Ihnen Dran” stellen sich mir manches mal die Nackenhaare hoch. Das es zwischenzeitlich vorkommt das gar keine Keywords, in der Seite vorhanden sind, könnte man auf einen Home User zurück führen, wenn es den dann auch so währe würde ich nicht sagen, da die Meisten von dieser Gruppe gar nicht wissen was oder wofür, Keywords eigentlich da sind. Wenn aber die sogenannten “Profis” am werke waren, sind natürlich auch Keywords, Description und Title vorhanden. Was da aber manches mal so drin steht, spiegel das Vollpfosten da sein wieder. Mit dem Motto ich habe mal ne Seite gemacht, ich bin der OBER SEO.

Technorati-Tags: W3C,SEO,Suchmaschinenoptimierung,Keywords,Description,Tipps

Nicht selten das wenn man die Keywords mal zählt, eine Summe zusammen kommt die jenseits von gut und Böse ist. Von dem Roman in der Description mal ganz ab gesehen. Man sollte es nicht glauben aber auch hier gibt es ein paar punkt mit denen sich ein Seitenbetreiber auseinader setzen sollte. Wenn keine Autos verkauft werden gehört das Keyword auch nicht in die Sammlung, auch wenn das Wort AUTO der Überflieger ist. Genau wie Immobilien, nützt nichts wenn Ihr Surfbretter verkauft. Das Google stinken faul ist, sollte dabei auch bedacht werden, also auch nicht so eine Lange Description, die wird sowieso nicht richtig bei Google angezeigt.

Für die Leutchen die so gerne sagen,: “MER KÖNNE ALLES” <-(Platt Deutsch: Wir können alles) es gibt doch kleine Helferlein. Wenn Ihr schon nicht das Fachwissen habt, nutz doch sowas. Und auch nicht sagen je mehr Keyword in der Seit drin sind, desto besser wird die Seite gefunden. Weit gefehlt, wird sie nicht. Vor einigen Jahren traf diese regel sogar noch zu, aber die Entwickler der Suchmaschinen verdienen Ihr Geld ja auch nicht vom rum eiern, da wird ständig verbessert und geändert. Selbst der Title der Seite darf nur eine bestimmte Zeichenlänge haben genau wie die Description.

Hier nun mal ein paar Anhaltspunkte,

Keywords: maximal 10, Die sollten natürlich mit bedacht und Fachkunde gewählt werden. Wenn die nicht zur Thematik der Seite passen könnt Ihr die schon vergessen. Ein Beispiel: Ihr fahrt eine Seite mit……( Überlegen)…….. Ah. Bananensaft. Das Bananensaft auch in die Keywords geöhrt ist dann wohl klar. Was dann auch keinen Fall rein gehört ist….. Mofa…. Habt ich nicht und verkauft ihr schon gar nicht. Es muss halt passen, Keywords zum Content (Inhalt) und umgekehrt.
Die Description: Wenn Ihr eine habt, die über 170 Zeichen ist, stampf sie ein. Google hat keinen Bock an eurer Seitenbeschreibung Pünktchen zu setzten. So Faul ist Google tatsächlich. Hier solltet Ihr auch drauf achten das es zum Thema passt.
Auch im Title sollte eine Übereinstimmung mit dem Inhalt der Seite erreicht werden. Aber aufpassen…AUFPASSEN. Nicht mehr als 80 Zeichen. Sonst geht der Schuss wieder nach hinten los.

Nun habt Ihr erst mal wieder was zu tun, also ran an die Buletten.

Um es euch noch ein wenig zu vereinfachen hier ein paar Links um die Seiten Zu Prüfen:

http://www.public-projects.com/service.php Der zerrupft euch mal lecker eure Seite, und weißt euch bittet Böse auf die Fehler hin.
http://www.seitwert.de/ Sollte eigentlich schon bekannt sein. (Geht aber nur einmal alle 24 Stunden) Der Prüft aber alles durch, vom PR über W3C bis hin zum Domain alter der Domain.
http://www.domaintools.com/ hat einen schönen SEO Browser
https://adwords.google.de/select/KeywordToolExternal für anständige Keywords

Ich glaube das reicht erst mal. Wenn es damit nicht etwas besser Funktioniert, dann vergesst es einfach. Die Links dürften aber die Spezies schon kennen, wenn nicht, wisst Ihr wo euer wissen steht.

PS.:Das mit den Vollpfosten, wenn jemanden der Schuh passt………

Mootools oder Adobe Spry für Joomla?

2009-11-23T06:50:00.001-08:00

Wir kommen mit beidem klar, obwohl das sogenannte “Spry” von Adobe einfacher zu handhaben ist. Da im Joomla schon das Mootool eingebaut ist ist die Kombination von beiden gar nicht schlecht. Wir nehmen zum Beispiel auf unserer Seite auch beides. Beim Mootool ist uns jetzt schon öfter aufgefallen das sich manche Joomla Module die darüber verfügen, nicht wirklich zusammen Funktionieren.

Technorati-Tags: Spry,Slider,Joomla,w3c,standards,mootools

Mal davon abgesehen das viele Module auch nicht W3C konform gestrickt sind, kosten viele davon auch Geld, entweder für den Beitritt in einen dem Entsprechendem “CLUB” im das Modul runterzuladen oder über einen Direkten kauf. Obwohl man es doch auch selbst einbauen könnte. Bei uns laufen zum Beispiel sogar zwei verschiedene Spry´s einmal das Spry-Sliding-Panel und das Spry-Collapsible-Panel. Beide sind eigentlich nur ein wenig modifiziert wurden, bzw. auf unsere Bedürfnisse zugeschnitten. Das man auch Spry einfügen und Pflegen kann wie ein Normales Joomla Modul ist prinzipiell ganz einfach.

Die “if” Funktion sollte ja schon bekannt sein. Das man damit auch komplette Div Container abschalten kann auch. Wer sich nun entschließt sein Joomla auch mit Spry auf zu Pimpen. Sollte wie folgt vorgehen. Ich beschreibe es euch wie es mit dem Sliding-Panels funktioniert.

Was Ihr als erstes machen solltet, ist von euerm Laufenden Templates eine Kopie erstellen damit Ihr sie nicht komplett zerschießt. Wenn Ihr das erledigt habet können wir mit dem eigentlichem Einbau des Sliding Panels beginnen.

Wie gesagt es gibt mehrere Variationen dieses Panels, wir nehmen das was wir verbaut haben.

Wir benötigen, um alles ordentlich zum Laufen (Sliden) zu bringen 3js. Dateien eine CSS und die entsprechenden Bilder. (Download). Als erstes solltet Hier den Bereich <”head”> andern. da müssen die entsprechenden Pfadanweisungen für den Js. und Css Dateien rein.

Könnte wie folgt aussehen:

<head>
<jdoc:include type="head" />…………………

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slidingpanels/SpryDOMUtils.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slidingpanels/SprySlidingPanels.js" type="text/javascript"></script>
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slidingpanels/sp_withTabs.js" type="text/javascript">></script>

……………</head>

Dem aufmerksamen Leser, ist nun aufgefallen das die CSS Angabe fehlt. Diese importieren wir mit der Standard Css Datei. Die Angabe für diesen Import sieht so aus:

/* tabs */
@import url(/templates/euer-Template/slidingpanels/sliding_panels.css);

Nun ist unser Template schon Mal klar das es die Spry Daten aus den entsprechenden Pfaden holen soll. Das Ihr den Pfad entsprechend eurer Joomla Installation abändern könnt ist klar. Wir haben das Päckchen gleich im Template Verzeichnis. Ist einfach sauberer.

Ihr solltet nun den Slider in eurem Template einbauen. Dafür schreibt Ihr aber erst die Funktion “IF” so könnt Ihr das Teil steuern auf welcher Seite es angezeigt wird oder ausgeblendet ist.

Das sollte dann so aussehen.

<?php if( $this->countModules('user1') ): ?>
        <div class="slidingTabPanelWrapper">

      <ul class="slidingTabPanel">
        <li><a href="#" id="tab1" class="tabActive" title="Hier den Title bei Mouse over z.b. Tab1"></a></li>
        <li><a href="#" id="tab2" class="tab" title="Hier den Title bei Mouse over z.b. Tab2"></a></li>
        <li><a href="#" id="tab3" class="tab" title="Hier den Title bei Mouse over z.b. Tab3></li>
        <li><a href="#" id="tab4" class="tab" title="Hier den Title bei Mouse over z.b. Tab4"></a></li>
</ul>
    </div>
   <div id="slidingPanel">
      <div>

        <div id="tab1Panel" class="p1">
<jdoc:include type="modules" name="user1" />
        </div>
        <div id="tab2Panel" class="p2">
<jdoc:include type="modules" name="user2" />
        </div>
        <div id="tab3Panel" class="p3">
<jdoc:include type="modules" name="user3" />
        </div>
        <div id="tab4Panel" class="p4">
<jdoc:include type="modules" name="user4" />
        </div>
      <div class="tabsfooter"></div>
    </div>

<?php endif; ?>

Wie Ihr nun sehen könnt sind die einzelnen Modul Positionen schon angegeben. Achtung!! Normalerweise ist Modul 3 (<jdoc:include type="modules" name="user3" />) das Obere Menü im Joomla, solltet Ihr natürlich ändern. Auch zu sehen ist das wenn, Modul1 aktiv ist. ist das ganze sichtbar, auf eine Seite auf der das Modul nicht aktiviert ist ist das Panel weg. Dies wird durch den Befehl

<?php if( $this->countModules('user1') ): ?> bis <?php endif; ?> bewirkt. Alles was zwischen diesen Befehlen steht wird je nach ansteuern des Moduls gezeigt oder auch nicht.

Sollten die Positionen schon vergeben sein, schreibt einfach eine oder mehrere neue in die Datei “templateDetails.xml” Sollte wie folgt aussehen. Zum Beispiel die Position “User159” fügt Ihr so in die “templateDetails.xml” ein:

<position>user159</position>

Nachdem Ihr das eingefügt und auf euren Server hochgeladen habt, steht euch nun in den Modulen diese Position zur Verfügung. Nun habt Ihr den Slider, Positionen und die entsprechenden Scipte auf eurer Seite. (Hochgeladen vorausgesetzt) natürlich wollt ihr jetzt auch noch einen Inhalt in den Slider bringen. Dazu sollte man erwähnen das, das Joomla 1.5.x über eine sehr gute Funktion in den Modulen verfügt, das Kopieren der Module. Wir haben um den Inhalt in die Tabs zu bringen eigentlich nur das Modul “mod_newsflash” ein paar mal Kopiert. Vorher solltet Ihr natürlich in den Bereichen einen Anlegen entsprechenden Bereich anlegen, in dem Ihr dann einzelne Kategorien packt.

Könnte dann wie folgt sein:

Bereich>Tabpanel

Bereich>Tabpanel>Kategorie>Tab1

Bereich>Tabpanel>Kategorie>Tab2

Bereich>Tabpanel>Kategorie>Tab3

Bereich>Tabpanel>Kategorie>Tab4

Nun müsst Ihr nur noch bei den Kopierten Newsflash Modulen die Ausgabe an die Position und Kategorie bringen. Schon habt Ihr einen eleganten TabsSlider mit, über Joomla , änderbaren Inhalt.

Die Beispiel Dateien bekommt Ihr Hier.

Frisches WordPress Theme zum Downloaden

2009-11-23T06:49:00.001-08:00

Heute haben wir euch mal wieder ein Frisches Word Press Theme zum Downloaden reingestellt. Diesmal eine Transparente Variante. Das Template ist Dreispaltig. Ganz Links habt Ihr platz für den Inhalt (Berichte) Mitte ist für Kategorien und die Spalte ganz rechts ist für die anderen Widgets die Ihr benötigt. Wie schon beschrieben ist der eigentliche Inhalts Bereich Transparent so das der Hintergrund der Seite durchscheint.

Den Download gibt es wie immer hier im Download Area

Technorati-Tags: Theme,Wordpress,Design

Auf Google Platz 1 unter 10 Minuten

2009-11-23T06:48:00.001-08:00

Diese Meldung bekam ich Heute via Google Alert zugestellt. Im Internet wird sehr viel über Suchmaschinenoptimierung und Suchmaschinentricks diskutiert. Es kursieren sehr viele Unwahrheiten über das komplexe Thema ... Offenes Presseportal…..

Was ???????? Mit nem E-Book? Will ich auch, Muss ich mit allen Seiten machen. Aber ich werde jetzt nen Teufel tun und einen Link zur Seite setzten wo Ihr das lesen könnt. Geht über das Presse Portal.

Ja gleich mal auf die Seite, nun muss ich zugeben ist mir etwas schwindelig.., nee Freunde sowas geht ja gar nicht. In der Schweiz ist schon mal einer von der Sorte hochgegangen. Jedem der nun darüber nachdenkt sich das Ding zu kaufen, Lasst es sein. Es Funktioniert nicht. Niemand schafft das nicht mal Google selbst. Zumindest nicht legal. Auf was die Seite hinauswill ist schon auf den ersten Blick ersichtlich.

JETZT KAUFEN… oder euer Geld gleich verbrennen…

Auch die angeblichen Zitate. “Ich hätte nie gedacht wie einfach das ist”, ne ist schon klar. Und alle SEO´s sind die totalen Idioten weil sie immer solange brauchen, um eine Seite auf Platz ein zu bringen. Guten Tipp: Dann macht das doch mal an eurer Seite……

Technorati-Tags: SEO,Suchmaschinenoptimierung,Betrug

Hier entsteht eine Webseite mal anders..

2009-11-23T06:47:00.001-08:00

Zu Entscheiden, was zu tun ist, sobald Sie eine Domäne gekauft haben, die Website aber noch nicht gestartet ist, ist immer ein wenig Problematisch. Es scheint unprofessionell, vor allem wenn Sie an der frisch geschalteten Seite arbeiten müssen, diese offen sichtbar zu lassen. Darum sollte man eine “Comming Soon” oder “Hier entsteht eine Internetseite” Seite vorschalten.

Hier solltet Ihr darauf achten, das diese schon interessant aussieht und der User gespannt ist was hier denn entstehen könnte.

Nachfolgend eine Liste wirklich gelungener “Comming Soon” Seiten .

KISSmetrics
KISSmetrics provides a ton of information on its “Coming soon” page, including a form to sign up for updates and a blog to keep abreast of new developments. It’s a great example of a “Coming soon” page that keeps visitors informed and gets them excited about the pending launch.

Birdboxx
Birdboxx gives a basic explanation of the services it will provide when the website launches.

Anipals
Anipals gives plenty of information on the website’s features without giving away too much.

Novalistic
This “Coming soon” page explains what the new page will be about, when it will be released and also allows its visitors to sign up for the future updates.

Should You Provide Updates?

Letting visitors sign up by email to be notified on the website’s launch can be a useful marketing tool. If you don’t offer this feature, by the time your website does launch, those visitors may have forgotten about you. Of course, how often you send out an update is entirely up to you. Some websites send out an announcement only when the website has actually launched. Others send out regular updates on the progress of website’s development.

If you’re trying to build advance buzz around your website’s launch (which, in all likelihood, you are), then sending updates on a semi-regular basis could go a long way to building your website’s credibility and name recognition. If you send an update every week or two, your prospects likely won’t forget about you. Just indicate on the sign-up page that updates will be sent that often, to avoid being labeled a spammer.

You have a couple of alternatives to the standard email sign-up form, though. One is to run a blog that keeps visitors updated on your progress. This is most commonly done for Web apps, with the blog offering regular updates on development. Another common method is to use a Twitter account to keep prospective users updated. Just make sure that the link on your page to your Twitter account is prominent.

MyNiteLife
MyNiteLife lets visitors sign up for updates via email.

DesignSvn
DesignSvn gives visitors the option to sign up for updates via email or to follow it on Twitter.

Remindness
Remindness lets visitors sign up for email updates.

Brand Your “Coming Soon” Page

If you already have a logo, a basic design or color scheme and font picked out, include them on your landing page to start building the brand in your visitors’ minds. Advance branding sets your website apart from your competitors and generally doesn’t cost any more to implement or take additional time. Even something as simple as using your website’s eventual font or color scheme can make you much more recognizable to future visitors. When your website finally does launch, it will have an air of familiarity to your visitors.

Fontdeck
Fontdeck includes its logo and what will presumably be the website’s color scheme on its “Coming soon” page.

Silverback
Silverback used the gorilla cartoon and basic design theme of its website on this “Coming soon” page.

Foundation Six
Foundation Six uses what will presumably end up as its logo and color scheme.

Create Some Intrigue

The point of your “Coming soon” page is to get people to talk about, and come back to, your website. Even if you want to give some information on what the website will be about, creating some mystery around the launch is helpful. Curiosity is a great motivator and may get more people to sign up for updates. It also gets people talking, because visitors will ask their friends if they have any new information about the pending launch. Advance buzz can bolster your launch traffic and even attract media attention.

Better Blogger
Better Blogger gives us a basic idea of what its web site will be about without giving away too much.

Good Morning
Good Morning gives away virtually no information about what the app might do, but the name suggests that it might be related to time management or productivity.

uoOo
uoOo seems to be somehow related to video, but it doesn’t give us any more information than that.

Remember SEO

While a “Coming soon” page won’t likely make a big difference in your search engine ranking, that’s no reason not to optimize it for search engines. Use keywords and proper meta tags, and encourage those linking to your website to use good anchor text. And if you use good SEO practices to begin with, you won’t be penalized by search engines (and might even gain some decent credibility among search engines), meaning that when your website does launch, its search engine ranking will climb that much faster.

2. Informational Designs

Informational designs do what you would expect: inform early visitors about the current and future status of your domain. This design can be very simple, with just a name and text like “Coming soon,” or it might go more in depth. In either case, it is usually a single page, sometimes with an additional information page. In some cases, it also includes the owner’s contact information.

Boagworld
A great design with basic information about the return of a well-known podcast.

FiveSecondProjects
This website takes a slightly different approach, providing a link to a video with more information.

After Some Words
A unique “Coming soon” page that links to the website’s MySpace page.

Holey Coww
This page include a quite lengthy introduction to the site as well as links to Twitter and Facebook.

Zombie Corp
Another very simple “Coming soon” page, with contact info of the owners.

Moses Mehraban
A simple page that gives information about the website owner’s current business activities.

Leaf Ordinary
A minimalist page with a link to more information.

I heart spaceships
A fun page that includes contact information for the website’s developers.

Smart Pixel
A very minimalist page design, but with a fun twist.

Human Binary
Another really fun page design that gives plenty of information on what the website will eventually hold.

fcukstar
A more advanced page that includes a link to a website preview and pricing information.

Zenbou
Another very minimalist design that includes plenty of hints on what the upcoming website will include, as well as a link to the Twitter feed.

Shabith Ishan
A very well-designed page, with links to various social media feeds.

3. Page To Receive Updates Or Request Invitation

These pages allow visitors to sign up for updates or receive an invitation to a beta or alpha test. They’re especially popular for online apps, but other websites use them as well. Sign-up forms are generally short, with a field for an email address and maybe one for a name. The page often includes some information about the website, too, though emphasis is kept on signing up for updates.

FavMovie
The title gives sufficient information on what the website will feature, and the sign-up form is simple.

Statnip
A simple page with a single-line sign-up form for receiving updates.

ClockMeIn
A basic page that includes a single-line form for requesting an invite.

investobiz
This page gives some basic information as well as a single-line form to sign up for the newsletter.

PackageTrail
A unique page design that includes a single-line form to request a beta invitation.

Addressful
A “Coming soon” page that includes both informational and beta invitation request elements.

Hello Human Icons Icon Collection One
This website offers information on the upcoming launch and invites visitors to sign up for updates with just their email address.

The Upstate Design Collective
Another page that incorporates both informational and sign-up elements, plus a link to the group’s Twitter feed.

MealNation
A slightly longer update sign-up form.

Hosteeo
A basic sign-up form that includes a teaser to generate more interest.

Gigdom
An informational page that includes a beta test registration link.

ClassOwl
A simple two-field sign-up form to get updates.

ChkChkBoom
A “Coming soon” page that lets visitors choose between updates via RSS and email.

SCIPLEX
A very simple page, with a couple of lines on what’s coming and a one-field sign-up form.

Inhouse Grind
A simple page with basic information and a one-field sign-up form.

Zipliner
Another very simple form that lets you sign up for a beta invitation.

Designatr
A graphically bold page with a simple sign-up form and basic information about the website’s purpose.

55 Twitter Icons Sets

2009-11-23T06:45:00.001-08:00

Das Flatter Fieber ist ausgebrochen und es kann definitiv nicht mehr ignoriert werden. Egal, ob Sie ein Webdesigner, Blogger oder Entwickler sind. Twitter ist zweifellos der beste Weg Neuste Meldungen zu verteilen und zu entdecken. Mehr und mehr Webseiten Betreiber versuchen, Twitter als Teil ihrer social Media-marketing-Tool zu verwenden.

55 Twitter Icon Set

Graphic Leftovers Buttons

Graphic Leftovers Grunge Badge

Little Box Of Ideas Twitter

Little Box Of Ideas Twitter Space

Productive Dream Vector Twitter

Productive Dreams Twitter Bird

Smashing Birdies Cute

Snap2objects

Splashnology

Spoonergraphics

Stock Graphic Designs

Renault Megane Trophy

2009-11-23T06:44:00.001-08:00

Für alle Renault Liebhaber und Enthusiasten gibt es ab heute mal was für den Desktop. Aus den Fotos des vergangenen Wochenende haben wir schon mal ein schickes Wallpaper des Renault Megane Trophy gestrickt.

Gibt es natürlich für lau. Die Bilder sind auf dem Nürburgring entstanden. Da aber immer so viele Leute extra in Bild springen haben wir es etwas :-) umgearbeitet.

[caption id="" align="alignnone" width="646" caption="Renault Megane Trophy Wallpaper"][/caption]

Wir finden da hat Renault mal wieder ein schönes Auto gebacken. Viel spaß mit dem Wallpaper.

Technorati-Tags: Wallpapers,Renault,Trophy,download

Neues Template für null Komma nix

2009-11-23T06:43:00.001-08:00

Mal wieder bekommt Ihr hoch qualitative neue und frische Templates für Joomla und Wordpress für null, denn nicht quatschen, machen. Diesmal habe ich ein Rainbow Color Template gestrickt. Einmal das Template für Joomla 1.5.x und einmal eins für Wordpress. Das Templates hat ein Menü oben und Rechts und ist im oberen Content-Bereich leicht Transparent. Für den durchscheinenden Effekt des Hintergrund Bildes.

Die Struktur der Templates ist Tabellenfrei. So wie es sein sollte.

Download gibt es Hier >> WordPress und Joomla

Technorati-Tags: joomla 1.5.x,Templates,Download,free

Und wieder was für den Desktop

2009-11-23T06:42:00.001-08:00

Respect to the Color das Totenkopf Wallpaper

Das Neue Digital Art Wallpaper “Respect to the Color” steht ab heute zum Downloaden bereit. Das Wallpaper ist wieder ein Hingezeichnetes. Eigentlich ist das ganze nur mit Schattierungen entstanden.

Technorati-Tags: Wallpapers,Widescreen,Totenkopf,Digitalart,Downlaod

Ich werde bei Gelegenheit den Spruch “Respect to…. “ mal Raus holen dann könnt ich euch selbst was auf das Banner Pinseln. Wie immer Viel Spaß damit….

Nun hätte ich es Bald vergessen. Das Wallpaper ist erst mal nur im Wide Format also, 1680 x 1050 px. Bei Gelegenheit werde ich auch mal ein Tut schreiben wie der Totenkopf entstanden ist.

Downloaden wie immer Hier >>

Wunderbare Webdesign Texturen

2009-11-23T06:32:00.001-08:00

Um Webseiten den richtigen Effekt zu geben, kann man so einiges anstellen. Eine Möglichkeit sind Texturen für die Hintergründe oder Bildelemente . Hier seht Ihr nun eine Liste sehr gelungener Texturverarbeitungen im laufenden betrieb. Besonders ist auf die Letzte Seite zu achten. Dort gibt es Texturen zum Downloaden.

Technorati-Tags: Textures,webdesign

DH Cards

Le Web Défi

Markup & Style

Meson Projekt Blog

Roar 4 Milk

Saddleback Leather

Texture Lovers

23 Kostenlosen E-Commerce-Symbol-Sets für Ihre Entwürfe

2009-11-23T06:30:00.001-08:00

Wir wissen, dass die richtigen Symbole die gutes Design erst richtig gut machen. Hier präsentieren wir Sie mit die feinsten handverlesenen Symbol-Packs aus dem Netz.

Kostenlos für kommerzielle Nutzung

Die folgenden Symbol-Sets sind frei für beide kommerziellen und persönlichen verwenden.

glossy eCommerce icons

Frei für kommerzielle und Private Nutzung

Technorati-Tags: Icons,download

FRESH Add-on

Business icon pack featuring some must-have pieces.

Css Globe Icon Set

An amazing minimal design icon set.

Bright! – A free stock vector iconset

Features some great general purpose icons to give your design some flair.

Milky – A free stock vector iconset

A milky sweet icon pack.

On-Stage icon set

This smashing icon set features some nice e-commerce icons.

Web Application Icons Set

Great for web applications & e-commerce sites. Released by WebAppers.

Austerity icon pack

Some smooth icons for your design.

License: Personal / Commercial use not specified. You might want to contact the author for permission before using the pack.

Chalkwork Payments

A collection of payment icons for your needs.

Shopping Cart Icon

A fantastic shopping cart icon for any project.

Weby Icon Set

Fantastic icons. Free for any use.

Cult-Foo 50 free icon set

Features some nice e-commerce icons.

Sienna Icons

A truly amazing collection. Features every kind of e-commerce icon you might need in 5 different colors that will match any design.

Credit Card web icons

5 useful credit card & PayPal icons.

Mini Pixel Icons

An icon pack consisting of 320 icons in various color themes.

90 Vector Icons

A vector icon pack (eps format) featuring some great general purpose icons.

25 Free Vector icons

A small vector icon pack featuring an awesome dollar icon – well worth downloading the whole thing. In addition you get some great general purpose icons for your designs.

Free for personal use only

The following icon packs are free only for personal use. You’ll have to contact the respective authors of each set for use in commercial projects.

Leopard Reflective Icon Set

A fantastic free for personal use icon set. Features some amazing e-commerce icons.

Finance icon set

A full set of financial and e-commerce icons, including shopping carts, money icons, credit cards and charts.

License: You have to put a back link, or a licensing fee has to be paid.

Free Vector Diagram Icons

Some great free for personal use vector diagram icons.

Dragon Soft Icons

Some slick business style icons, free for non-commercial use.

The Robbery Icons Set

A few money stolen robbery icons, free for non-commercial use.

Statistics icon pack

A couple of chart icons for personal use.

33 elementare SEO-Tipps die man beachten sollte!

2009-11-23T06:29:00.001-08:00

Hier 33 Tipps über SEO, wenn Ihr es so macht sollte es eigendlich laufen.

Hier Komplett und noch viel mehr >>

Technorati-Tags: Technorati,MisterWong,Del.icio.us,Yigg,LinkArena,Yahoo!,Google

100,000 Icons auf einer Seite

2009-11-23T06:17:00.001-08:00

Wer jetzt noch sucht ist selber schuld. Auf dieser Seite gibt es 100,000 Icons zum teil freie, Creative Camons oder gewerbliche. Alles auf einer Seite.

Hier zur Seite

Technorati-Tags: icons,Downlad

Hier mal zwei Beispiele der auswahl.

2experts free icons set

Author:Akhtar Sheikha

Icon set website: Visit site

Licence: Free for commercial use (Include link to authors website)

32px mania

Author:MidTone Design

Icon set website: Visit site

Licence: Free for commercial use

Die 15 besten und Kostenlose Joomla Templates

2009-11-23T06:16:00.001-08:00

Kostenlose Joomla Templates gibt es mittlerweile zigtausend im Netz, mache davon in “Clubs”, aber einige die jeder einfach runterladen kann. Den Letzteren haben wir uns mal angenommen und etwas vorsortiert.Dabei ist diese Liste der 15 Optisch ansprechendsten Joomla Templates entstanden.

Wir haben hierbei nicht auf die Techniken der Ersteller geachtet, die Auswahl beruht rein auf die Optik und das es sich um keinen Club handelt. Die Templates könnt Ihr auf den entsprechenden Seiten downloaden.

Technorati-Tags: templates,Joomla,Download,Kostenlos

Template: Archtec von XOR Media Download

Template: Sky City von yagendoo Download

Template: jBusiness von vonfio Download

Template: ECO von SiteGround Download

Template: ColorStyle von WM Download

Template: computer-society von themza Download

Templates: New Horizon von Joomlaxe Download

Template: JSN Epic von joomlashine Download

Template: PJ CravenFree von purejoomla Download

Template: PraiseCorp von JoomlaPraise Download

Template: Social Bug von youjoomla Download

Template:Simple Brown von Joomla Artwork Download

Template: Valentine von joomla css guide Download

Template: i-Business von themes joomla Download

Template: Sublime Template von theme joomla Download

Ich habe versucht keine Clubs mit einzubeziehen, da wurde die Auswahl aber mal ganz eng. Es bleibt nicht mehr viel Optisch ansprechendes über, bei zigtausend Templates sind 80% nicht brauchbar. Ist natürlich auch Geschmackssache was für Templates einem Gefallen.

Der Grundgedanke

2009-11-23T06:13:00.001-08:00

Nun da wir zwischendurch auch mal etwas Geld verdienen Müssen, hat die Fortsetzung des Tutorial’s nun etwas gedauert. Sorry dafür.

Nun machen wir aber mal weiter…. Wo waren wir stehen geblieben,

Ja, bei der Installation. Die dürftet Ihr mittlerweile schon fünfmal oder öfter geschafft haben.

Machen wir nun weiter bei dem Grundgedanken der Seite, wie, wo, was, warum und wieso überhaupt.

Fangen wir mal an.

· Wie soll unsere Seite aussehen. Elegant, Edel, Verspielt oder einfach und schlicht.

· Wo sollen das Menü oder der Content hin, Header direkt nach oben oder einen Spalt rein.

· Was machen wir mit der Aufteilung des Inhalts Bereich.

· Warum keine Tabellen Struktur, wäre doch viel einfachen.

· Wieso sollte ich mir die Arbeit machen, gibt doch genug Kostenfrei Templates.

Wie die Seite aussehen soll muss daraus hervorgehen, was Ihr mit der Seite bewirken wollt. Wollt Ihr Verkaufen, Informationen zeigen, eine Dienstleistung anbieten oder eine „Hobbyseite“ mit eurem Privaten Inhalt machen. Das muss von vorn herein klar sein und gibt mitunter das größte Problem. Ist die Seite zu Seriös wird sie meist auch Langweilig. Wird sie zu bunt schreckt es ab. Das ein z.b. Rechtsanwalt keine quietsch bunte Seite brauchen kann ist wohl klar, oder wenn Ihr gerne Obst verkaufen wollt, keine Autos in das Seiten Design verbaut. Es sei den es ist euer Lieferwagen mit dem Ihr das Obst zum Kunden bringt. Auch das Logo sollte stimmig mit der Seite sein. Aber das ist ein anders Thema.

Wir machen deshalb immer kleine „Scribbles“ und zeichnen das Seiten Konstrukt ein paar mal auf, um dann zu schauen wie es am besten aussehen könnte. Auch mal ruhig ein paar Bilder mit einbringen die zu jeweiligen Thema passen.

Ihr solltet euch das Design von Grund auf gut und mit Bedacht ausdenken. Bedenkt auch gleich den Punkt zwei, wo stelle das Menü rein. Links, rechts, oben oder oben und Links, oben und rechts. Soll das Menü breit oder schlank sein. Ist es besser wenn das Menü unterteilt ist oder lasse ich alle Punkt in einer Leiste. Genau wie mit dem Inhalt der Seite, soll er in mehreren Blöcken nebeneinander, oder wie z.b. bei einem WP-Blog untereinander?

All diese Fragen müssen in das Layout mit einfließen und dem entsprechend umgesetzt werden. Die Frage warum Ihr keine Tabellen nutzen solltet, ist etwas komplizierter. Natürlich haben Tabellen Ihre Daseins Berechtigung, ob es mit Tabellen wirklich einfacher ist eine Seite zu erstellen lassen wir mal wortlos stehen. Es ist einfach sauberer gemacht wenn Ihr keine Tabellen nutzt, zudem kommt auch die Flexibilität der „div Container“, die können mal auf die schnelle von links nach rechts oder umgekehrt gestellt werden. Das ist mit einem Tabellen Layout, nicht so einfach, umsetzbar. Dazu kommt auch, wenn man zu viele Tabellen ineinander verschachtelt, ist es nicht wirklich gut für die Suchmaschine. Darum verwenden, wir so wenig wie nur möglich, Tabellen. Auch sind wir der Meinung was mit einer Tabelle geht, geht auch mit einem oder Mehreren „Div Containern“.

Warum die ganze Arbeit machen? Es wird wohl nicht so viele freie Templates geben das genau auf das Thema eurer Seite passt. Desweiteren ist es doch viel schöner ein einzigartiges und eigens Template entworfen zu haben. Das gibt es dann nur einmal, im WWW. Außerdem kennt Ihr dann genau die Struktur und den Aufbau der Seite und könnt diese natürlich auch noch im laufenden Betrieb ändern oder erweitern. Es steht also die Flexibilität im Vordergrund. So vermeidet Ihr auch das lange suchen, nach irgendwelchen Positionen die geändert werden sollen.

Nun wisst Ihr worum es bei eurem Template geht, als denkt nach, mit bedacht. Nehmt ein Blatt und Stift zur Hand und Skizziert mal drauf los. Leider, können wir euch bei dem Grundgedanken nicht wirklich helfen, das schafft ihr nur alleine oder mit Freunden und Bekannten.

Wir werden euch im nächsten Tutorial ein Aufteilung Beispiel zeigen das nicht so Kompliziert ist, damit Ihr es erst mal nachbauen könnt.

SO LONG… Bald geht es weiter.

Joomla 1.5.x Template von A-Z

2009-02-15T05:31:00.001-08:00

Wie wird ein Joomla Templates erstellt? Wo fange ich an? Wie bekomme ich es Ohne Tabellen hin? Wo sind die Module? Fragen über Fragen, wieder mal das Internet durchsuchen und vielleich nichts finden.

Teilbeschreibungen gibt es mittlerweile genug, und das auf Hunderten Seiten.

In diesem Tutorial werde ich versuchen, euch das komplette HOW TO DO zu beschreiben. Die größten Änderungen zum 1.0.x zu zeigen und wie Ihr diese einfügt. Wie Ihr euch denken könnt wird das Ganze etwas Länger, darum werde ich das Gesamte Tutorial und mehrere Teile unterteilen. Ich beschreibe das Ganze so, wie ich es machen würde, b.z.w. in welchen Schritten ich vorgehen würde.

Wobei ich Hier zugeben muss “Jeder macht es anders”. Ich komme so am besten zurecht. Solltet Ihr die einzelnen Schritte anders durchführen, Lest das Tutorial in der Reihenfolge die Ihr bevorzugt.

Die Schritte werden wie folgt sein:

Teil 1. Die Installation von Joomla
Teil 2. Der Grund Gedanke
Teil 3. Die Aufteilung
Teil 4. Die Grafische Umsetzung
Teil 5. Das umsetzten in einen Code
Teil 6. Übernahme in der CSS
Teil 7. Positionieren der Module im Code

Wie schon gesagt Ihr müsst diese Reihenfolge nicht einhalten, so mache ich es, wenn Ihr die Reihenfolge anders macht, haltet euch an eurer.

Was brauche Ich für Diese Tutorial:

Als erstes mal etwas Zeit und Geduld (wenn Ihr noch nie ein Template gemacht habt), schön währe es wenn Ihr dann noch die passenden Programme zur Hand habt. Für die Installation bracht Ihr kein Programm aber einen Serverplatz. Für den Grundgedanken und die Aufteilung ein Blattpapier und einen Bleistift. Für Grafische Umsetzung natürlich ein Programm mit dem Ihr Webseiten Layouts erstellen könnt, ich nutzt dafür Photoshop CS 3, solltet Ihr das nicht haben geht auch Fireworks oder Gimp.

Um den Code zu schreiben benötigt Ihr ein Programm wie z.b. Dreamweaver (ist in manchen Kreisen zwar verhöhnt, Funktioniert aber Wunderbar). Ihr könnt aber auch das WordPad, GoLive, WebBuilder oder TopStyle nutzen, was Ihr eben da habt oder womit Ihr es sonst macht.

Den Browser setzte ich einfach mal voraus.

Wie Ihr nun schon im Vorwort erkennen könnt wird das ganze etwas ausführlicher. Bitte habt Geduld den das schreiben des Tutorials macht sich auch nicht von alleine. Abonniert einfach meinen RSS dann seit Ihr steht’s auf dem Laufenden wenn der Nächste Teil online ist.

So !, nun ist genug der Worte los geht´s :

Die Installation von Joomla..

2009-02-15T05:29:00.000-08:00

..1.5.x ist Prinzipiell eines der Leichtesten Übungen des Gesamten Templates bau.

Die benötigten Dateien bekommt Ihr (wo auch sonst) bei Joomla. Achtet aber darauf das Ihr immer die Aktuellste Version vom Server Ladet zur Zeit ist dies die Version 1.5.9 aber ACHTUNG: Diese Version ist auf Englisch. Eine Deutsche Version bekommt Ihr Hier bei joomlaos.de

Welches der beiden Versionen schlussendlich nehmt bleibt euch überlassen, das Temlplate Prinzip ist gleich und funktioniert sowohl in der Englischen Version als auch in der Deutschen Version.

Wenn Ihr das Paket heruntergeladen habt, müsst Ihr dies auf eurem Server installieren. Hört sich schwieriger an als es ist. Dafür End packe ich das .zip File auf meinem Rechner in einen Ordner. Diesen öffne ich dann und sehe einige Ordner und Dateien. Diese Dateien und Ordner sind wie folgt benannt.

Die Ordner :

administrator, cache, compunents, images, includes, installation, language, libraries, logs, media, modules, plugims, templates,tmp ,xmlrpc

Die Dateien:

CHANGELOG.php, configuration.php-dist, COPYRIGHT.php, CREDITS.php, htaccess.txt, index.php, index2.php, INSTALL.php, LICENSE.php, LICENSES.php, robots.txt

Alle Dateien vorhanden? Wenn Ja, dann könnt Ihr alle Daten in eurem Ordner auf euren Web-Space laden. Ich nutze für solche Geschichten Gerne den FileZilla da dieses Programm gut und einfach zu bedienen und dazu noch Kostenlos ist. Der Upload der Dateien sollte eigentlich schnell gehen.

Nachdem Ihr den Server nun mit Material gefüttert habt. Kann es losgehen mit der Installation.

Schritt 1: Anlegen der Datenbank. Das ist von Server zu Server verschieden, solltet Ihr es nicht können oder Angst haben das selbst einzurichten, wendet euch an euren Provider des Vertrauens. Für Ihn sollte es kein Problem sein ein DB einzurichten.

Wenn Ihr nun die alle Zugangsdaten 3 an der Zahl (Datenbankname, Datenbank User, Datenbank Passwort) habt kann es endlich losgehen.

Wenn Ihr nun die URL ansteuert auf dem eurer Joomla Installiert werden soll dürftet Ihr gleich im Installations Verzeichniss landen. Sollte dies nicht der fall sein gebt diesen Pfad Manuell an [ http://eureURL.de/installation/index.php ]

Ihr solltet nun diese Seite in eurem Browser sehen

Hier müsst Ihr eigentlich nur auf “Weiter” Klicken. Es sei den Ihr möchtet die Installation in einer anderen Sprache, außer auf Deutsch. Solltet Ihr eine andere Sprache wollen, müsst Ihr diese im Feld Sprachauswahl einstellen und dann auf weiter klicken.

Wenn Ihr eure Auswahl getroffen habt und weiter angeklickt habt, seit Ihr in der Installations Prüfung. Diese dient zur Kontrolle ob Joomla auf eurem Server lauffähig ist.

Euch wird auffallen (in manchen Fällen) das die “Configuration.php” Datei nicht beschreibbar ist. Das sollte behoben werden. Öffnet dafür euer FTP Programm und ändert die Datei Attribute auf 777 (Nach der Installation wieder ändern auf 444). Im Bild könnt Ihr einmal vorher und nachher sehen. Um nach einer Änderung der Datei Attribute zu sehen ob die Einstellung Korrekt ist, könnt Ihr im oberen Bereich den Button “Prüfung weiderholen” nutzen.

Sollten noch weitere Meldungen auf “nein” stehen, stehlt die Anforderungen auf eurem Server so ein das diese auf: ja b.z.w. auf Grün stehen. Wenn Ihr keinen zugriff auf die entsprechenden Einstellungen habt, müsst Ihr eurem Provider die Problematik erklären und er soll dies einstellen.

Sollte alles Korrekt eingestellt sein klickt auf “weiter” um die unter Punkt Drei aufgeführte “Lizenz” zu lesen. Wenn Ihr euch diese durchgelesen habt könnt Ihr auf weiter Klicken, wo es dann endlich Interessant wird.

Im Schritt 4 befindet Ihr euch in der Konfiguration der Datenbank. (Die Zugangsdaten habt Ihr euch bereits geholt) Im Oberen Feld ist die entsprechende Datenbank (MySQL) ausgewählt und bedarf meistens keiner Änderung. Im Feld Servername wird zu 99% “localhost” eingegeben.

Unter Benutzername (DB-USER) wird der Benutzer der Datenbank eingegeben. Passwort erklärt sich von selbst, natürlich das Passwort der Datenbank. Als Letztes wird der Name (DB-NAME) der Datenbank verlangt. Sollte schon eine Installation auf eurer Datenbank vorhanden sein, könnt Ihr diese mit den Erweiterten Einstellungen, entweder Löschen oder Sichern. Wenn Ihr den Tabellenpräfix ändern möchtet könnt Ihr das auch in den erweiterten Einstellungen abändern. Klickt wenn Ihr eure eingaben gemacht habt auf “weiter” um in die FTP Einstellungen zu gelangen.

Hier könnt Ihr einen FTP-Zugriff auf eure Seite einrichten. Dafür benötigt Ihr eure FTP Zugangsdaten. Ich richte normalerwiese nicht ein, da ich über mein FTP-Programm auf die Seite zugreife.

Als nächstes befinden wir uns schon fast im Abschluss der Installation. Im Schritt 6 werden wir die Joomla Seite “Konfigurieren”. Das heißt wir geben nun einen Seiten Titel an z.b. Meine erste Joomla Seite oder Meine Seite.

Um die Seite auch anständig nutzen zu können, müsst Ihr natürlich auch eure E-Mail Adresse und ein Passwort angeben. Die Mail Adresse dient zum versenden der System Mails. Sie wird als Haupt Mailadresse im gesamten Joomla System eingerichtet.

Das Passwort das angegeben wird ist euer Administrations Passwort. Wählt diese also mit bedacht aus. Wer noch nie mit dem Joomla System gearbeitet hat sollte die Beispieldaten laden. Das könnte beim ersten Administrieren der Seite von Vorteil sein. Da Ihr sonst nicht wiest wo was, oder wie es dort hinkommt. Der Punkt Lade Migrationsscript dient der Migration von älteren Joomla Seiten die auf der Version 1.0.xx Laufen. Den benötigt Ihr nicht wenn Ihr das erste mal mit Joomla arbeitet. Klickt wenn die Einstellungen gemacht wurden auf weiter.

Im nächsten Schritt sind wir nur noch einen Schritt von der Joomla Seite entfernt. Wir brauchen dafür nochmal unser FTP Programm. Dort müssen wir nun nur noch das Installation Verzeichniss wie in der Rot geschriebenen Meldung Löschen. Also gehen wir in das Root Verzeichniss in dem das Joomla installiert ist und löschen das Verzeichniss mit dem Namen “installation”. Wenn Ihr nicht sicher es einfach zu löschen, gibt es die Alternative es umzubenennen, dies reicht schon um eure Seite sichtbar werden zu lassen. Klickt nun ober auf einen der Beiden Buttons. Auf dem Admin Button landet Ihr gleich im Adminlogin (wo Auch sonst).

Auf den andern Button geklickt und Ta ta. Eine Joomla Seite.

Nun haben wir den Grundstein für ein Template geschaffen und können uns im nächsten Tutorial Gedanken über unsere Bald fertigen Seite machen.

SO Long…. be Continue

Würfel mit Verlauf mit Illustrator

2008-09-12T07:02:00.000-07:00

Als erstes erstellen wir uns eine neu Arbeitsfläsche.

Im nächsten Schritt erstellen wir mit dem Rechteckwerkzeug und gedrückter STRG Taste ein Quadrat in der Größe 200 x 200 Pixel.

Als nächstes
werden wir dem Quadrat seine Form geben, Tiefe und Höhe. Dazu nutzen wir das 3D Tool des Illustrators. Dieses Tool findet Ihr unter Extras> 3D >Extrudieren und Abgeflachte Kante

Dort die folgenden Werte angeben: x-Achsen Drehung 70 Grad, y-Achsen Drehung -30 Grad und die z-Achsen Drehung auf 10 Grad. Nun die Perspektiven Einstellung die Meist vernachlässigt wird. Diese stellen wir auf 105 Grad ein.

Nicht zu vergessen das wir auch die Tiefe der Extrusion einstellen , da wir einen Würfel haben möchten wird dieser wert genau so eingestellt wie wir das Quadrat gemacht haben also 200pt.

Nun haben wir bereits einen schönen Würfel.

Er sollte aber noch verlauf bekommen.

Damit wir die Flächen des Würfels bearbeiten können sollten wir das Aussehen Umwandeln.

Dafür auf Objekt Aussehen umwandeln nun haben wir die einzelnen Flächen des Würfels .

Da nur die Sichtbaren Flächen mit Verlauf versehen werden sollen nutzen wir nun das Direktauswahl- Werkzeug .

Mit diesem Klicken wir nun auf eine Fläche, in diesem Fall auf die Rechte, des Würfels.

Nun mit einem Klick auf den Verlauf den entsprechenden Farb-Verlauf auf die Fläche bringen. Hier ist der Winkel auf 0-Grad gestellt.

Beim Linken Feld sollte der Verlauf genau entgegen gesetzt laufen also stellen wir dort den Winkel auf ca. 180 Grad ein.

Die obere Fläche nun mit einer Farbe füllen.

Dann sind wir schon fast durch, wenn es euch besser gefällt könnt Ihr den einzelnen Flächen noch eine Kontur verpassen.

Kann muss aber nicht. Und schon seht Ihr euren Würfel mit Verlauf.
zum Download

Glossy Folder Icon Tutorial

2008-09-12T06:58:00.000-07:00

Glossy Folder Icon Tutorial

In diesem Tutorial
wird beschrieben und gezeigt, wie Ihr in ca.3 Minuten, ein Glossy Folder Icon, mit Illustrator erstellen könnt. Die fertige Datei könnt Ihr am Ende des Tutorial Downloaden.

Erstellt als erstes die Arbeitsfläche, in diesem Fall 300 x 300 Pixel groß. Erstellt eine Ebene und benennt diese „Front“. Nun nehmen wir das Abgerundetes-Rechteck-Werkzeug und ziehen ein Rechteck ca. 200 x 150 Pixel.

Nachdem der Anfang gemacht ist nehmt das Rechteck-Werkzeug und Zieht über die Ebene mit dem Abgerundetem-Rechteck ein 200 x 50 großes Rechteck.

Da unser Folder nur oben Rund sein soll verbinden Wir nun die Zwei über aderliegenden Ebenen mit dem Pathfinder. Dafür markiert beide Rechtecke und verbindet dies mit gedrückter „alt“ Taste und dem Klick im Pathfinder auf „Dem Formbereich zufügen“. Wie Ihr jetzt sehen könnt, habt Ihr ein Rechteck das oben Rund und unten Eckige Kanten hat.

Als nächstes bringen wir ein wenig perspektive in Unseren Folder. Dafür werden wir den Zusammengefügten Pfad etwas Verbiegen. Dafür den Pfad anklicken, rechte Maustaste und Transformieren > Verbiegen, auswählen. Hier sollte der Biegungswinkel auf -20 und die Achse auf Horizontal eingestellt werden.

Das gesamte Konstrukt drehen wir nun noch um -20 Grad, dafür wieder rechtsklick auf den Pfad Transformieren > Drehen.

Der nächste Schritt ist der Rücken des Folder. Diesen erstellen wir mit einer Kopie der Front Ebene, Legt dafür eine neue Ebene an verschiebt diese unter die „Front-Ebene“ und benennt diese „Rücken“. Dann Kopieren wir den Pfad der in der Ebene „Front“ Liegt.

„TIP: Verschlisst gleich nach dem Kopieren die Ebene Front“

Legen diesen in die Rücken Ebene. Dann verbiegen wir Ihn um 20 Grad, die Achse muss hier auf „Winkel -15 Grad“ stehen.

Dann verschieben wir die unteren Eckpunkte des Pfades, der in der Ebene Rücken liegt, bis der Pfad, mit den unteren Eckpunkten genau mit der Obenliegenden Ebenen überein stimmt.

„TIP: Wenn beide Ebenen mit den Unteren Ecken zusammen passen, verschlisst die Ebene Rücken.“

Langsam nimmt unser Folder Formen an. Nehmt nun der Front etwas die Deckkraft. Hier ist sie auf 70% angelegt. Nun geben wir der Folder noch etwas mehr Farbe. Ein verlauf ist hier am besten geeignet. Öffnet dafür die Ebene „Front“. Klickt den Pfad an und wählt euren Verlauf aus.

Als nächstes geben wir dem Folder noch etwas Glanz. Um diesen zu erstellen nehm Ihr das „Zeichenstift-Werkzeug“ und zeichnet in der Ebene Front eine weiße Welle. Hier könnt Ihr ruhig übers Ziel hinaus Schissen.

Es ist nun in der Ebene ein neuer Pfad vorhanden. Dann Kopiert Ihr wiederrum, den Pfad, der die Front des Folders darstellt. Klickt nun die Welle die Ihr im Schritt zuvor gezeichnet habt an und geht ins Fenster „Transparents“ Mit; Umschalten, STRG, F10. Dort wird neben eurer angezeigten Ebene in Leere Feld doppelt geklickt. Nun Fügt Ihr den zuvor Kopierten Pfad wieder ein. Hiermit habt Ihr die Welle Maskiert.
Es dürfte jetzt nun noch die Welle mit der Front des Folders sichtbar sein.

Im Grunde ist der Folder hiermit schon fertig. Ihr könnt aber noch etwas Papier in der Ordner legen, dafür ist er auch vorgesehen.

Dafür legt Ihr eine neue Ebene an benennt die „Papier“ und verschiebt dies zwischen die Ebenen Rücken und Front. Dann werden zwei Rechtecke mit leichtem Verlauf erstellt.

Wenn Ihr die noch ein wenig verbiegt, sieht es aus, als läge Papier im Folder.

Und Fertig ist das Icon.
Viel Spaß beim basteln oder beim Download

Neues Aus der Grafikwelt

2007-08-09T15:06:00.000-07:00

Willkommen
Willkommen bei Zulu Modding die Webagentur in Meerbusch
Wir sind erfreut, dass Sie uns besuchen
Wir bieten Ihnen kompetente Beratung sowie Lösungen und Services im Grafik-Bereich. Profitieren Sie von unseren langjährigen Erfahrungen mit professionellen Grafik-Lösungen. Qualität, Professionalität und Service stehen für uns im Vordergrund. Wir stehen Ihnen dabei von der Beratung, über die Einführung bzw. Programmierung von Wegbasierten Tools bis hin zur Wartung als kompetenter Ansprechpartner zur Verfügung.

Individuelle Internetseitenerstellung
Optimierte CMS Programmierungen
Hohe Qualität und geringe Ladezeiten Ihrer Internetpräsenz
Internetservice mit Domainanmeldung, Serververwaltung, etc.
Erstellung von Werbebanner animiert oder Statisch
Erstellung von Visitenkarten, Flyern und Speisekarten