Markieren von externen Links mit CSS

Sicher kennt ihr das Problem:
Ihr wollt je nachdem, ob ein Hyperlink auf eurer Webseite ein interner oder ein externer ist, die Formatierung des Links anpassen.
Dazu gibt es zwei Varianten, die erste ist, ihr setzt bei externen Links eine eigene Klasse ein, der Nachteil liegt auf der Hand, jeder externe Link müsste angepasst werden. Der nun folgende Code geht davon aus, das ihr eure Inhalte in einem Layer namens content habt und markiert dann die externen Links grün und interne rot.

#content a[href] {color:red}
#content a[href^="http"]{color:green}

Weitere Informationen zu diesen CSS Selektoren findet ihr unter:
http://www.w3.org/TR/css3-selectors/#attribute-representation

Migration zu Typo3

so nun habe ich es endlich geschafft ein großer Teil meiner Internetseite wurde auf Typo 3 migriert.

Ein paar kleinere Teile (Wiederholung von Funktionen, etc.) werden in Kürze auch noch integriert, genauso wie dieser WebBlog, leider habe ich bis jetzt noch keine Zufriedenstellende Blogging lösung für Typo3 gefunden.

Einige von euch haben sicherlich den damit verbundenen kurzen Ausfall des Matheforums bemerkt, dieses ist nun wieder komplett betriebsbereit, der kurzzeitige Ausfall hing mit der umstellung des Stylesheets zusammen.

MFG Kay

PS: Frohe Ostern

Spiele und SVG

Nach der Anfrage eines Bekannten habe ich mal schnell ein kleines Spiel in SVG geschrieben. Weitere Ausbaustufen könnten zum Beispiel nen Highscore enthalten.Ziel des Spiels ist es, alle Knubbel in die gleiche Farbe zu versetzen.

Ihr Browser kann das Objekt leider nicht anzeigen!
spiel.jpg

Video für alle, die keinen SVG fähigen Browser haben …

Das Spiel ist unter folgender Lizenz verfügbar:
Creative Commons License

This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 Germany License.

Website Baker gesuchte Begriffe markieren

Hier wird sehr kurz erklärt, wie man in WebsiteBaker die gefundenen Textstellen auch auf den HTMLSeiten markiert anzeigt.

In das Template muss folgender Block für das ersetzen der Gefundenen Textstellen.

<?php
ob_start();
page_content();
$str=ob_get_contents();
ob_end_clean();

if($_GET['string']) {
#$str=str_ireplace($_GET['string'],’<span class=”marker”>’.$_GET['string'].’</span>’,$str);
$str=preg_replace(‘#>([^<>]*)(‘.preg_quote($_GET['string']).’)([^<>]*)<#Ui’,'>$1<span class=”marker”>$2</span>$3<’,$str);
}
echo $str;
?>

Im Searchplugin (/search/search.php) müssen die Zeilen um 213:

$vars = array(‘[LINK]‘, ‘[TITLE]‘, ‘[DESCRIPTION]‘, ‘[USERNAME]‘,’[DISPLAY_NAME]‘,’[DATE]‘,’[TIME]‘,’[TEXT_LAST_UPDATED_BY]‘,’[TEXT_ON]‘,’[SEARCH_STRING]‘);
if($page[$fields['modified_when']] > 0) {
$date = gmdate(DATE_FORMAT, $page[$fields['modified_when']]+TIMEZONE);
$time = gmdate(TIME_FORMAT, $page[$fields['modified_when']]+TIMEZONE);
} else {
$date = $TEXT['UNKNOWN'].’ ‘.$TEXT['DATE'];
$time = $TEXT['UNKNOWN'].’ ‘.$TEXT['TIME'];
}
$values = array($link, ($page[$fields['title']]), ($page[$fields['description']]), $users[$page[$fields['modified_by']]]['username'], $users[$page[$fields['modified_by']]]['display_name'], $date, $time, $TEXT['LAST_UPDATED_BY'], strtolower($TEXT['ON']),urlencode($search_string));

um die fettgedruckte Stellen ergänzt werden.

Damit ist werden die Stellen mit dem Treffen mit einem <span class= “marker”>*</span> umgeben, der Bereich kann dann mit CSS entsprechendhervorgehoben werden.

Wie Ihr seht ist das alles keine Zauberei sondern nur ein bissel Tricky ;)

Bis denne euer

Kay

Safari ähnlicher Browser für Windows

GETSWIFTEin neuer Stern am Browser Himmel geht auf.

Nach dem nun Firefox immer “dicker” wird machen sich die Entwickler des http://www.getswift.org/ – Teams daran die aus KDE und Safari bekannte KHTML-Rendering-Engine nach Windows zu portieren. Die ersten Test zeigen zwar, das der Browser erst die ersten Schritte macht. Aber für eine Alpha Version sind bereits ziemlich viele Funktionen verfügbar.

Für den produktiven Einsatz kann ich persönlich Swift leider noch nicht empfehlen, da er noch einige Probleme beim Rendern von Webseiten hat und instabil läuft.

Allerdings bietet er teilweise bereits jetzt mehr Funktionen als der allzubekannte Internet Explorer und startet schneller als FireFox.

Meine derzeitigen Favoriten unter den Browsern sind:

Unter den meines Erachtens nicht empfehlenswerten Browsern tut sich der IE weit hervor. Es gibt aber auch für ihn Mods (Maxthon, …) die den Internet Explorer bedienbar machen. Alle diese Mods haben aber den Nachteill, dass sie denoch die Sicherheitslücken des Internet Explorer besitzen.

« Vorherige Seite