Sie sind hier: Home > Content Syndicati... >

Content Syndication mit devmag.net

Stand vom 22.07.2002
Möchten Sie Inhalt vom Magazin devmag.net auf Ihren Seiten verwenden? Dann sind Sie hier richtig.

 Linktipps
 GPS Navigation   Webhosting inkl. Domain für Einsteiger und Profis.   AWD Erfahrung

Wir bieten Ihnen den Service, Inhalte aus dem Magazin devmag.net auf Ihren Seiten zu verwenden um Ihren Besuchern die aktuellsten Artikel in unserem Magazin anzubieten. Dabei werden die Links sowie die Beschreibungstexte zu unseren aktuellsten Artikeln dynamisch in Ihre Seite eingebunden.


Das System ist eigentlich sehr einfach und dennoch sehr flexibel. Sie können das Design der eingebundenen Inhalte über unseren Code Generator sowie über CSS fast komplett bestimmen.

Bei dem nebenstehenden Beispiel wurde eingestellt, dass das Logo von devmag.net nicht angezeigt wird, die kurzen Beschreibungstexte der einzelnen Artikel sowie das anzeigen der aktuellen Ausgabennummer wurden jedoch aktiviert. Zudem wurde die Anzeige auf die zwei aktuellsten Artikel beschränkt.
Das gesamte Erscheinungsbild wurde auch noch durch CSS verfeinert.


Einbindung

Das Programm ist sehr flexibel. Es kann sowohl über PHP, als auch über JavaScript eingebunden werden.

Über PHP:
<?php
readfile("http://www.devmag.net/content_syndication.php");
?>


Über JavaScript:
<script language="JavaScript" src="http://www.devmag.net/
content_syndication.php?action=js"></script>

Optionen

Wie bereits gesagt bietet Ihnen unser Programm viele Optionen in der Einbindung. Dabei müssen Sie lediglich den URL anpassen, der auf das Skript verweist.
Dieser Generator erzeugt den Quellcode zur Einbindung für JavaScript und PHP mit den jeweiligen Optionen:

Anzeigen der Ausgabennummer:

Anzeigen der Ausgabennummer:

Anzeige des devmag.net Logos?

Wie viele Artikel sollen angezeigt werden?

Soll die Artikelbeschreibung mit eingefügt werden?



Gestaltungstipps mit CSS

Neben diesen Optionen können Sie die Anzeige der aktuellen Artikel auf devmag.net noch durch CSS anpassen lassen. Dabei müssen Sie lediglich einige CSS Klassen definieren.

.devmag_headline {
}

In dieser CSS Klasse können Sie das Aussehen der Überschrift "Onlinemagazin: devmag.net" definieren.
.devmag_logo {
}

Über diese Klasse kann man das eingebundene Logo noch ein wenig mit CSS verfeinern.
.devmag_ausgabe {
}
Diese Klasse definiert das Aussehen des Schriftzuges "Ausgabe .....".
.devmag_teaser {
}
Hiermit können Sie den Teaser, also den kurzen Beschreibungstext eines Artikels definieren.
.devmag_link {
}

Über diese Klasse können die Links zu den Artikeln formatiert werden.

Um die Anwendung zu veranschaulichen nun der Code für unser oben gezeigtes Beispiel. Hierbei wurde der komplette Inhalt von einer Ebene umfasst, und somit die Größe eingeschränkt.

<style type="text/css">
.devmag_headline {
font-family: Verdana;
font-size: 12px;
}
.devmag_logo {
border: 1 dotted black;
}
.devmag_ausgabe {
font-family: Verdana;
font-size: 10px;
}
.devmag_artikel {
font-family: Verdana;
font-size: 11px;
}

</style>
<div style="width: 120px;">
<?php readfile('http://www.devmag.net/cs.php?c_ausgabe=true&c_logo=true&c_articles=2&c_teaser=true'); ?>
</div>