Hier werde ich versuchen weitere Sachen auf dem Web20 Buch umzusetzen. Als Haupteil werde ich Text um die Bilder bauen. Drum herum sowie seitlich und unten. Der Hauptmerk soll auch auf
Highligting im Text gehen und der Einbau von Links im Fliesstext. Wie weit ich Heute noch komme kann ich nicht sagen. Doch es geht weiter. Ich hoffe einfach darauf , das sich meine
Arbeit lohnt und irgendwann jemand das auch mal liest und kommentiert. Ich habe gerade einen normalen Text mit Link eingebaut, dieser wird durch die Farbe sowie ein kleines
Icon hervorgehoben. Der Hover also das herüberfahren mit der Maus wird durch das CSS unterstützt.
Selbst die Google Textlinks werden so Optimal in den Textfluss integriert . Ich habe jetzt mal einen Text zu Newslettern eingestellt. Heute Abend werde ich versuchen ein passendes Bild dazu
einzubauen und einen Google Adsense Textlink zu integrieren. Die besonderheit des CSS im Text und den Links ist einfach super. Ein besuchter Link wechselt die Farbe und weisst den
Besucher drauf hin hier warst du schon. Einen Textlink thematisch einzubauen ist wesentlich einfacher. Jeder der Adsense kennt weiss das das Script bzw. der Tag dafür nicht in jeden text
passt. Doch ich glaube da liegt eine Stärke wenn man lange genug sucht und es komplett einbauen kann. Optisch ist es ja schon wesentlich besser zu erkennen. Jetzt muss ich dran arbeiten, das
die Leser auf meine Links klicken und es den Effekt hat den ich möchte. Also geht es weiter. Es sind noch Bilder einzusetzen und darauf zu achten das es Strict Html bleibt . Ich werde
Float in seiner Auswahl versuchen einzusetzen und zwar so, das es Optisch noch gut aussieht. Die weiteren Seiten werde ich wahrscheinlich in einem anderen Stil bauen um zu schauen wie
und wer auf was besser anspricht. Viel arbeit doch ich hoffe es lohnt sich.
Jetzt habe ich mal ein Bild eingebaut . Leider habe ich nur ein freies kleines Bild gefunden. Ich hoffe trotzdem, das der Effekt mit Float Left rüber kommt. Hierfür habe ich in der style.css
folgenden Eintrag gemacht.
p.floated
{
margin: 10 0 1em 0;
float: left;
width: 100px;
height: 50px;
padding: 10px;
}
Diesen habe in dann im Index gesetzt
<p class="floated><Dann Image Pfad /></p>
Ich werde mal versuchen ob ich direkte Textlinks von meinem Affilate einbinden kann. Mal sehen ob ich es morgen früh schaffe und ob ich noch ein paar grössere freie Bilder finde.
Neueste Kommentare