team.eliZZZa * webdesign * screendesign * xhtml * css * jQuery * ajax * fragen & antworten * tutorials * community

Jimdo.com Online-Shop nach Baukastensystem

Hat schon jemand damit Erfahrung?

http://de.jimdo.com/ -> P.S Links in der wp-admin maske sind disabled!!!!

lg Natalie

Newsletter für wordpress gesucht

Hi Ihr Wifen alle!

welchen Newsletter für WordPress verwendet ihr, bzw. könnt ihr mir empfehlen? An und Abmelden auf der Website muss dabei sein!

danke für eure hilfe!
Bernd

Typografie

Hi! Beim täglichen Surfen im Web bin ich auf einen Artikel zum Plug-In “WP Google Fonts” gestossen. Ich habe schon gelesen, daß Google eine kleine Zahl von Fonts fürs Web zur Verfügung stellt, und jetzt, vielleicht eine Woche danach, gibt es schon das passende Plugin.
Wer ist “mutig” und probiert das aus? Als blutiger WP-Anfänger bin ich noch zu feig! Ich freue mich ja noch regelmäßig, wenn alles so funktioniert, wie ich es will.

Nochwas: Das Plugin “wp-Typography” mag ich auch gerne, alleine deshalb, weil die Anführungsstriche dann an der richtigen Stelle stehen, namlich zuerst unten, und dann oben.

Wie gesagt, ich freue mich auch noch über die kleinen Dinge!

Ciao, Gerald

WordPress Treffen

Immer wieder angefragt, ist es nun bald so weit. Ich werde dabei (nona) über die Neuigkeiten bei WordPress 3 berichten. 3 Termine stehen zur Wahl – der mit den meisten Eintragungen gewinnt. Hier kannst Du dich anmelden: http://www.doodle.com/vkd5zb4nz3qyexar

WordPress Plugins

Die besten WordPress Plugins, die ich finde bzw. einsetze veröffentliche ich laufend auf Twitter/eliZZZa

WordPress 3

Was es Neues in WordPress 3 gibt, werde ich hier in einer kleinen Serie von Artikeln schreiben. Nur kurz vorweg: UMWERFEND!!!

Flash – WordPress – Joomla – Google Admanager Videotutorial

Hallo Leute,

ich mach zur Zeit ein paar Videotutorials zu den Themen Flash (Actionscript), WordPress und Joomla, Photoshop und Dreamweaver, Google Admanager. Tutorials sind natürlich alle gratis. Ein paar Freunde sind auch dabei welche zu erstellen und werden diese dann auf meine Site laden. Vielleicht ist ja was für euch dabei…

Dalee Videotutorials

Lg,Dali

Von statischer Website auf WordPress umsteigen – eine SEO Perspektive

Es gibt viele Gründe um von einer statischen Website auf das Content Management System (CMS) WordPress umzusteigen, aber auch einige Gefahren.

Die Vorteile von WordPress gegenüber einer statischen Seite sind hauptsächlich praktischer Natur: Es ist leichter neue Inhalte zu publizieren, dadurch wächst die Website schneller und bekommt mehr Ranking Power. Die Verwaltung der Website ist weniger aufwändig und die ersparte Arbeitszeit kann in Link-Building investiert werden.

In meinem neuen Artikel möchte ich beschreiben, worauf man bei einer derartigen Umstellung achten muss: Von statischer Website auf WordPress umsteigen – eine SEO Perspektive

Suchmaschinen Management

Man muss sich ja bekanntlich weiterbilden und so habe ich einen Samstag im WIFI-Kurs “Suchmaschinen Management” verbracht. Hier meine Quintessenz daraus:

1. ja – es ist eine komplexe Angelegenheit
2. nein – nicht unbedingt, oder nicht nur technisch gesteuert
3. ja – es geht vielmehr um überlegte Redaktionsarbeit und Recherche!

Die Haupttipps:

• gute Verlinkung ist gefragt (intern wie extern)
• der Schlüssel zum Erfolg liegt in der gekonnten Diskriminierung, also Hervorhebung von Suchbegriffen
• Keyworddensity beachten!
• Ruhig mal schauen, was die Konkurrenz so an keywords verwendet, da finden sich meist brauchbare Synonyme
• die Denkweise des users nachvollziehen: wie würde man selbst suchen?
• keine Angst vor Google und Co und vor allem die Recherche und Studien in diesen Bereichen nicht vernachlässigen!
• die eigenen Sites zumindest in Stichproben immer wieder mal überwachen ist mit “site:example.com” oder “link:example.com” auch schon sehr aufschlußreich und interessant

Ausführliche Infos und ein paar Tooltipps findet Ihr in meiner Zusammenfassung “Suchmaschinen Management”!

Ich begebe mich jetzt in die praktische Testphase der neuen Erkenntnisse und werde dann weiter berichten!

Liebe Grüße

Daniela

Puravidasalsa – mein neuestes Projekt und Empfehlung für Tanzbegeisterte

Hallo Leute!

Nachdem ich mein Webdesign eine zeitlang sträflich vernachlässigt habe, muss ich Euch jetzt mein neuestes Projekt vorstellen und ich hoffe, dass ich mich künftig wieder mehr in Eurem Kreise herumtreiben werde:

PURAVIDASALSA!

1) hab’  ich wohl  viel verlernt und mich ganz schön geplagt… jedes feedback ist willkommen (ich hadere ein bißchen mit der Optik, das ist möglicherweise etwas zu bunt und viel geraten auf der 1. Seite)

2)  Salsatanzen ist eine Lebensform. Und für alle, die ihr wie ich viel Zeit vorm Bildschirm verbringt, ich kann Euch diese besondere Form der Bewegung nur empfehlen! Das tut Körper & Seele gut.

(Es mangelt uns natürlich meistens an tanzfreudigen Männern, also möchte ich die besonders dazu einladen…)

Firefox Erweiterungen für SEO und Webdesign

Firefox ist der offizielle Browser für Suchmaschinenoptimierer und Webdesigner. Warum? Vor allem wegen den vielen Erweiterungen, die einem die Arbeit erleichtern. Angefangen von Developer Tools bis hin zu HTTP Header Tests und Ladezeit Überprüfungen gibt es alles, was man so braucht.

Hier sind: 5 Firefox Erweiterungen für SEO, die ich fast täglich benutze und die mir vor allem für die SEO Analyse einer Website unerlässlich erscheinen.

Nachdem hier, dank eliZZZas Einsatz, viele mit WordPress arbeiten, habe ich auch das Addon Firebug beschrieben. Es wurde hier schon von Sabine erwähnt und ist wirklich eines der besten Firefox Addons um mit WP Sites zu arbeiten.

Facebook Nichtraucher Volksbegehren

Hallo Ihr Lieben,

In Facebook summierten sich 100.000 Leute über 3 Monate zum Nichtraucher-Volksbegehren.

Wer Lust hat, macht mit!

http://www.nichtraucheninlokalen.at

lg Natalie

Facebook invite – Java Hack

Hallo,

viele haben im Facebook die Funktion “von Freunden eingeladen” zu werden, ausgeschalten.

Im Zuge einer Petition habe ich ein Java workaround gefunden, das ALLE Friends aktiviert.

Clicke “Freunde einladen”

kopiere dieses Java in die BROWSERADRESSE click enter

javascript:elms=document.getElementById(‘friends’).getElementsByTagName(‘li’);for(var fid in elms){if(typeof elms[fid] === ‘object’){fs.click(elms[fid]);}}

Alle Freunde haben nun ein Häkchen, auch die, die man vorher nicht aktivieren konnte.

Viel Spass

lg Natalie

Handy Codes – Visitenkarte erstellen

Immer verbreiteter werden Handy Codes wie z-B. QM quick message codes. Verschiedene Reader bieten jetzt neue Handys schon vorinstalliert.

Wer ganz modern und cool daherkommen möchte, integriert so einen code am Besten gleich in seine Visitenkarte oder Webseite.

Herstellen kann man ihn hier:

http://mobilecodes.nokia.com/create.jsp?terms=accepted

Viel Spass & lg

Natalie

Gratis Webspace – Blogspot

Ich bin immer noch auf der Suche nach (fast Gratis) Webspace bei gleichzeitig grösstmöglicher Designerfreiheit (keine Header-Modulbildchen die man einzeln kaufen muss, das nervt …)

Hat schon jemand einen Blogspot probiert? Hier eine Beispielseite, die schon fast wie ein Onlineshop aussieht!

https://www.blogger.com/start

http://borneo-crafts.blogspot.com/

Für Hinweise anderer free spots bin ich nach wie vor dankbar! (Hab noch einige die “fast gratis” online sein wollen …)

lg

Natalie

CSS Compatibility and Internet Explorer

CSS Compatibility and Internet Explorer .

Probleme mit i-explorer

Hallo ihr Nasen

Komme nun auch mit einem Problem.

Habe nun das Grundgerüst einer Seite so weit fertig, im firefox ist alles OK – aber beim prüfen im explorer war alles verschoben.

Habe nun mit einem eigenen style so weit alles mir mögliche behoben, ABER bei vergrößern-verkleinern machen manche Elemente nicht mit.

Habe keine Ahnung was ich noch machen kann !??

Gibt es da Tricks diesen Browser-Krüppel zu überlisten ?

Hier die Adresse

http://www.wifiz.net/w06/schwandner/wordpress/

Danke im Voraus

Jürgen

Kursmitschrift Webdesign 2009 Basiskurs Fortsetzung

KURSMITSCHRIFT 2

KURSMITSCHRIFT TEIL 2

/* Universalselektor: Für alle Elemente gilt */

margin:
0px  auto   0px   auto
Top   Right   Bottom   Left

(margin: top, right, bottom, left) werden gesetzt um auch in FIREFOX den Balken
mittig bzw. Zentriert zu setzen. Wird ins .css
geschrieben.

Das padding bezieht sich auf den Bereich innerhalb des Rahmens (border)
Das margin bezieht sich auf den äusseren Bereich des Rahmens (border)

Font Size in HTML (.css ganz oben eintragen)
62,5% für alle Browser = 10px (entspricht etwa 100%)

Durch den Fixbefehl von 62,5% + 10px Schriftgrösse muss man zusätzlich im
.css (body) folgendes definieren: 1,3em = quasi der Muliplikator ausgehend von
10px = 100% x 1.3em entspricht somit 13px Schriftgrösse!

Das BLOCKELEMENT “div”
Ein DIV (Blockelement) beginnt immer in einer neuen Zeile!
In .css sieht die Schreibweise des “div” so aus: div#..……
Wir haben ein zusätzliches div#header in unser .css eingebaut und zwar:

div#header: ul li {display:inline}   (ein “a”= Inline Element)

Webinfos : www.artzzz.net
www.overnightprints.de (Online Druckerei – 1.000 Stk. für € 9.-
www.printshop.de (Prägestempel – Standard Handmodell für € 89.-)

Transparenz erzwingen für .png24 = pngfix.js
Illustrative Grafik = .gif
Photos  = .jpg

DESIGN INFO: Der Gesamtinhalt in KB auf einer Seite sollte nicht 100KB
übersteigen.
pro Bild max. 40KB ideal sind 20-30KB!

Der Header darf etwas grösser sein.
Header von TEAM ELIZZZA besteht aus einem Farbbalken und der Schrift, die
aus tanzenden Personen besteht.

Die Ladezeit beträgt etwa 10-20 Sekunden.
Man orientiere sich nach der 3 KLICK Strategie: 3x klicken um jede INFO zu
finden.

Cache: (sprich-kasch) hierbei handelt es sich um einen Zwischenspeicher damit
Dreamweaver die links (Relationen der Datei) richtig aufreiht bzw. anreiht!
siehe

Dreamweaver Menüleiste einstellen:
Site verwalten od. Neue Site erstellen anklicken.
Einstellungen: FTP anwählen.

Klicke auf Neu…. in Sites verwalten!
Grafix1
Klicke auf FTP Server unterhalb von Site!

Grafix2+3

Der Upload würde unnötig lange dauern , deshalb die Meldung nur die jeweilige Seite
up(zu)loaden. Auch beim Download sollte man die Datei markieren die man vom Server
runterholen möchte, da ansonsten die gesamte Seite downgeloaded wird.

Die oben eingefügte Grafik wird bei Windows Usern wahrscheinlich nicht angezeigt
werden und diese sehen gleich diese Grafikbox mit FTP Konfigurationsmenü.

Grafix4+5

In unserem Fall wäre der Name des Servers : http://www.peoplezzz.net
FTP Host: ftp.peoplezzz.net
Host-Ordner: Kann in den meisten Fällen frei gelassen werden, sucht sich selbständig!
Anmeldung: bezieht sich auf den Namen der eigenen Seite: z.B. inge.peoplezzz.net oder
lissom.peoplezzz.net, hannes.peoplezzz.net, ferry.peoplezzz.net.
Kennwort: das jeweilige Kennwort

Wichtig: mittleres Kasterl  Grafix6

Dateien speichern, anklicken.

REMOTE – INFOS  (Mac Menü)
Grafix7

CODE FORMAT: UF (unix) einstellen,  (Windows Menü)
Grafix8

Windows Dreamweaver Menü
Radiobutton „Nach Eingabe der öffnenden Tags“ anklicken!
Grafix9

Weitere wichtige Voreinstellungen: links auswählen bzw. markieren
Grafix10

und rechts  mit + der Auswahl hinzufügen !
Grafix11

Kopieren und Einfügen: Radiobutton „nur Text“ anklicken.
Grafix12

Neues Dokument: HTML/XHTML 1.0 strict + Unicode (UTF-8)
Grafix13

Schriftarten: Unicode
Grafix14

Grafix15

BROWSWER VORSCHAU: Firefox als Primärbrowser wählen !
Grafix16

DESIGN NOTES: Nicht Anklicken!

Notiz: Wer über keine automatische Screenfunktion verfügt, hat die Möglichkeit bei
www.google.com in Suchfunktion MIREK’S FREE (MW SNAP) Kameraprogramm
runterzuladen. Wichtig nur den Mirek’s Link direkt verwenden or try www.snap.com !

Kurze Schreibweisen in .css
Für margin und padding:
Lange Schreibweise = (top)10px (right)20px (bottom)30px  (left)20px

Kurze Schreibweise=  (top)10px (r+l)20px  (bottom)30px
Border width=  10px (o+u) 20px(r+l)

Wenn bei margin steht: 40px (bezieht sich das auf alle 4 SEITEN!!)

Notiz: Kurzbefehl – STRG (APFEL) +D = Kopieren bzw. Duplizieren!

Audio und Videoprogramme finden wir auf: http://avs4you.com

MENÜPUNKTE mit Gummiband verlinken: Den Menüpunkt markieren und in der
Eigenschaftsleiste im Dreamweaver das Gummiband aktivieren und auf den markierten
Text ziehen um interne Verlinkungen auf der Seite herzustellen.

Linkdefinition im .css sheet !

a: link = Aussehen des gesetzten Links, zumeist in blauer Farbe, kann eingefärbt werden.
a: visited link = der bereits besuchte Link, kann beliebig gefärbt werden, zumeist violett.
a: hover = mouse_over link bzw. der Effekt der entsteht wenn man mit der Mouse streift.
a: active {outline:none} sieht man kaum, ist eine meist rot gestrichelte Linie wenn man
den Link aktiviert!

Notiz: Wenn eine Schrift aus mehr als einem Wort besteht, muss das in der .css immer in
Anführungszeichen stehen. Z.B. „Times New Roman“
Gute Menü und Navigationsvorlagen finden wir auf http://jazzz.biz

Geld verdienen mit Amazon: http://partnernet.amazon
Widgets von Amazon dazu direkt holen.

http://www.zanox.com  = Globales Online Marketing – we create partners!

3 WERTE SYSTEM !      Content = Inhalt = Inhalt lockt Besucher
1. UNIQUE VISITOR/VISITS
2. PAGE NEWS
3. TIME VISIT

Die Hälfte aller Besucher – monatlich – sollten NEU sein!

Notiz: Rumänien druckt Flyer/Stk. für 80 cent!

Verschiedene Bilder auf verschiedenen Seiten?

Liebes Elizzza-Team!

Ich würde gerne bei meiner Webseite auf jeder Seite ein bestimmtes Bild haben. Gibt es dazu einen eigenen Code für WordPress? Gibt es auch eine andere Lösung als das timthumb?

Habe dazu folgenden Code eruieren können, der allerdings bei mir nicht funktioniert. Vielleicht habe ich auch einen Gedankenfehler dabei:

<div id=”bild” style=”background: url (‘<?php bloginfo (‘stylesheet_directory’);
if  (is_home()) {//Startseite echo “/images/img_home.jpg”; }
elseif (is_page (’5′)) { // Service echo “/images/img_service.jpg “; }
elseif (is_page (’8′)) { // Projekte echo ” /images/img_projekte.jpg”;}
?> ‘); ;”>

Sende euch einmal den Link zur Webseite, die ich übrigens kommenden Dienstag zur Diplomprüfung präsentieren werde. Bin schon einmal Dankbar für eure Rückmeldungen.

Link zur Webseite

Liebe Grüße sendet euch Patricia

ePhoto in Aktion

Paar Änderungen fehlen zwar noch, aber hier könnt Ihr das WordPress Theme ePhoto von ElegantThemes in Aktion für Stefan Liewehr sehen.