Daher habe ich mal meinen Feedreader und meine Lesezeichen durchstöbert, um für euch eine Liste mit empfehlenswerten Seiten rund um Google+ zusammenzustellen.

Deutschsprachige Seiten

gpluseins.de

Mit dem Slogan “Das erste und +1zig wahre inoffizielle Blog rund um Google Plus” werben René und Denny von gpluseins.de und berichten fast täglich von Neuerungen auf der Plattform.

mygoogleplus.de

Auch Bernd von mygoogleplus.de bloggt nahezu tagesaktuell über Google+. Dank der Einsortierung in verschiedene Kategorien lassen sich ältere oder themenspezifische Artikel hier aber besser finden.

Google+ Magazin

Direkt in Form einer Google+-Seite präsentiert sich das Google+ Magazin.

Goopl

Viele Infos und Neuigkeiten rund um Google+ stellen auch die Jungs von Goopl zusammen.

Englischsprachige Seiten

Googleblog

Das offizielle Google-Blog berichtet natürlich nicht nur über Google+, aber öfters mal hineinzuschauen lohnt sich.

Google-Plus.com

Auf der Seite google-plus.com findet ihr nicht nur zahlreiche Artikel, ihr könnt darüber hinaus auch Fragen zu G+ stellen.

Habt ihr noch weitere Linktipps zum Thema Google+?

allwissende.muellhal.de

Der “Trick” dahinter ist, dass dem Link eine rechts platzierte Hintergrundgrafik zugewiesen wird. Damit der Linktext aber neben und nicht auf dem Bild steht, wird dieser mit padding-right eingerückt.

den Link ansprechen

Da natürlich nicht sämtliche Links einer Webseite als extern gekennzeichnet werden sollen, reicht es nicht, die obige Formatierung im Stylesheet einfach dem a-Element zuzuweisen. Sonst würden ja alle, also auch die seiteninternen Links, gekennzeichnet werden.
Es gibt zwei verschiedene Möglichkeiten, lediglich externe Links anzusprechen:

1. über eine Klasse

Man weist allen externen Links die Klasse “extern” zu:
<a title="die allwissende Müllhalde" href="http://allwissende.muellhal.de" class="extern" >allwissende.muellhal.de</a>
Im CSS wird .extern dann formatiert:
a.extern { background: url(img/externalURL.png) right center no-repeat; margin-right: 3px; padding-right: 13px; }
Der Nachteil dieser Methode ist natürlich, dass man jeden zu kennzeichnenden Link um diese Klasse erweitern muss, was bei umfangreicheren Projekten mit viel Arbeit verbunden ist.

2. über den absoluten Pfad

Die zweite Technik erfordert keinerlei Änderungen im HTML. Sie besteht darin, im Stylesheet sämtliche Links anzusprechen, deren href-Attribut mit “http:” beginnt:

a[href^="http:"] { background: url(img/externalURL.png) right center no-repeat; margin-right: 3px;padding-right: 13px;}

Hier kommt es allerdings zu Problemen, wenn man auch interne Verlinkungen absolut statt relativ angegeben hat – diese werden dann ebenfalls als extern gekennzeichnet. Danke an Fabian für den Hinweis, dass man dieses Problem umgeht, indem man die eigene Domain für eine gesonderte Formatierung angibt:

a[href^="http://domain.de"] { background: none; margin: 0; padding: 0;}

Hier könnt ihr euch über alles austauschen, was mit der Leitung eines Forums zu tun hat, ganz egal ob ihr Administratoren seid oder auch Moderatoren.

Ich bin dort übrigens unter dem altbekannten Nick neontrauma zu finden. ;-)

Die Idee zu diesem Projekt wurde im The Other View-Forum geboren, als man dort über die Streitigkeiten in der GFX-Szene diskutierte. Es entstand der Wunsch, den Zusammenhalt und Austausch der einzelnen Seiten untereinander zu fördern und dem ewigen Konkurrenzdenken somit etwas entgegenzusetzen.

Herausgekommen ist ein Magazin, an dem momentan zehn Mitarbeiter beteiligt sind.

Wir stellen Seiten & Projekte vor, führen Interviews, informieren über Neuigkeiten und wollen Gerüchte vermeiden. Ja, richtig. Wir wollen nicht die Bildzeitung der Grafikszene werden, sondern gut recherchierte Artikel bieten. Im Forum gibt es einen extra Bitgefluester-Bereich, in dem ihr gerne Themenvorschläge machen oder uns Fragen zu Artikeln stellen und mit uns darüber diskutieren könnt.

Ein Besuch auf bitgefluester.de lohnt sich auf jeden Fall! :)

Wenn ihr eine Seite verlinken möchtet, braucht ihr das a-Tag. Dem fügt ihr verschiedene Attribute hinzu, um etwa die Linkadresse, das Linkziel oder den Linktitel festzulegen:

<a href="http://neontrauma.de" title="neontrauma.de bietet Tutorials zum Thema Webdesign" target="_blank">hier klicken</a>

Zwischen den öffnenden und das schließende a-Tag schreibst du den Linknamen, so wie er später angezeigt werden soll (“hier klicken”). Das href steht für Hypertext Reference und gibt die URL der zu öffnenden Webseite an. Nun habt ihr schon das Grundgerüst einer jeden Verlinkung!

title

Die beiden weiteren Attribute sind nicht zwangsläufig erforderlich. Das title-Tag solltet ihr allerdings verwenden, damit eure User schon vor dem Öffnen des Links eine kurze Beschreibung erhalten, was sie denn erwartet. Aus dem Linktext allein geht das ja oft nicht hervor. Der Inhalt des title-Tags erscheint als sogenanntes Tooltip in einer kleinen Box, wenn ihr mit dem Mauszeiger über den Link fahrt.

target

Das target-Attribut gilt mittlerweile eigentlich als veraltet, aber manchmal ist es doch ganz nützlich. Hiermit könnt ihr vor allem angeben, ob sich ein Link im gleichen Fenster/Tab öffnen soll oder in einem neuen. Lasst ihr dieses Attribut weg, so öffnen sich die Links im gleichen Fenster, andernfalls müsst ihr target=”_blank” notieren.
Wieso man target eigentlich nicht mehr verwenden sollte, könnt ihr hier nachlesen.

Links via CSS stylen

So. Im nächsten Schritt wenden wir uns der Formatierung der Links zu.
Standardmäßig werden noch nicht aufgerufene Links blau dargestellt und die bereits besuchten lila, und beide unterstrichen. Das ist zwar praktisch, weil diese Kennzeichnung mittlerweile so ziemlich jedem Internetuser in Fleisch und Blut übergegangen sein dürfte und er so einen Link gleich als solchen erkennt und auch weiß, welche Verweise er bereits aufgerufen hat – aber stylish ist das nun nicht gerade. ;-)

Im Stylesheet könnt ihr nun festlegen, wie eure Links aussehen sollen. Dazu notiert ihr einfach:

a {
color: #000;       // schwarze Schrift
text-decoration: none;       // nicht unterstrichen
font-variant: small-caps;        // Kapitälchen
}

Wie eure Links ausschauen, wenn man gerade mit dem Mauszeiger darüber fährt oder gerade draufklickt, legt ihr so fest:

a:hover, a:active, a:focus {
color: #ccc;       // graue Schrift
border-bottom: 1px dotted #ccc;       // gepunktete graue Linie unten
}

Bereits besuchte Links werden durch diese Pseudoklasse angesprochen:

a:visited {
color: #000;       // schwarze Schrift
text-decoration: line-through;       // durchgestrichen
}