Der Beitrag Reiseshops von travianet: Mach dein eigenes Reiseportal! erschien zuerst auf travianet.

Einen Reiseshop von travianet einzurichten, ist einfach. Sie können entweder eine fertige Vorlage verwenden oder den Shopbaukasten. Im Shopbaukasten können Sie nicht nur ganz einfach Ihr eigenes Logo einbinden, sondern auch diverse Farbanpassungen vornehmen. Dazu können Sie im Feld style aus Vorgaben wählen. Ist ihre gewünschte Farbe nicht dabei, dann müssen Sie das CSS verändern. Wie Sie das auch ganz ohne CSS-Kenntnisse machen, erklären wir Ihnen hier.

Herzlichen Glückwunsch, Sie haben einen eigenen Reiseshop von travianet. Sie haben sich schon für eine Buchungsstrecke entschieden, die Ausrichtung des Menüs steht und auch Ihr eigenes Logo leuchtet schon im Header. Aber so ganz zufrieden sind Sie nicht. Die Farbgestaltung sagt Ihnen nicht zu.

Kein Problem, das lässt sich ganz leicht ändern. Im Feld Style haben Sie mehrere Farben zur Auswahl, mit denen Sie das Menü (Navigation) unter dem Logo anpassen können. Aber auch hier ist nichts dabei, was ihren Vorstellungen nahe kommt. Gut, dann müssen wir das CSS verändern.

Wenn Sie das CSS Ihres Reiseshops anpassen wollen, dann wechseln Sie vom Reiter Grundeinstellungen zum nebenstehenden Reiter CSS Verwaltung. Dort klicken Sie auf CSS hinzufügen. Nun sehen Sie ein leeres Formular. Diesem geben Sie zunächst einen Titel, zum Beispiel „Farben“.

So ändern Sie im Reiseshop die Farbe des Menüs

Nun geht es an den CSS-Code. Um den Hintergrund Ihrer Navigation zu ändern, schreiben Sie in das Feld CSS:

#navigation #main-navi {
background: #2e3192;}

Mit #navigation #main-navi bestimmen Sie, wo Sie etwas verändern wollen. In diesem Fall also die Navigation des Hauptmenüs. Innerhalb der geschweiften Klammern steht dann, was Sie verändern wollen, also den Hintergrund (background). Dazu müssen Sie jedoch nun den Hexadezimalwert Ihrer gewünschten Farbe eingeben.

Was sind Hexadezimalfarben?

Ohje, werden Sie jetzt vielleicht denken. Was ist das? Hexadezimalfarben werden für computergestütztes Design verwendet. Sie werden auch gerne HTML-Farben genannt. Zwar sind CSS und HTML unterschiedliche Sprachen, Sie haben jedoch viele Gemeinsamkeiten. Zum Beispiel bei den Farben. Kennzeichen dieser Farbwerte ist der #(Hashtag) vor einer sechsstelligen Kombination aus Zahlen und Buchstaben. Und woher wissen Sie nun, welchen Wert Ihre Farbe hat? Dazu gibt es im Internet verschiedene Tabellen, etwa HTML Color Codes. Dort klicken Sie einfach auf Ihre Farbe in der Übersicht und unten wird Ihnen der Hexa-Wert genannt.

Diesen Wert kopieren Sie und setzen Ihn in Ihrem CSS hinter background ein. Achten Sie dabei auf den Strichpunkt (;) hinter dem Wert. Auch muss die geschweifte Klammer anschließend wieder zugehen.

Bringen Sie Dynamik in Ihren Reiseshop!

Jetzt wollen Sie aber auch noch den Hover in Ihrem Menü andern. Hover nennt man die dynamische Veränderung, wenn Sie mit dem Mauspfeil über das Menü gehen. Wenn Sie möchten, dass der Hintergrund beim jeweiligen Menüpunkt die Farbe ändert, geben Sie in Ihrem CSS folgenden Code ein:

#navigation #main-navi li a:hover {
background: #0335ab;}

Auch hier ersetzen Sie den sechsstellen Hexa-Wert wieder durch Ihren gewünschten Farbwert.

Nun speichern Sie die Änderungen und gehen zurück auf den Reiter Grundeinstellungen. Dort wählen Sie im Feld CSS Ihr soeben erstelltes CSS, klicken auf Änderungen übernehmen. Innerhalb weniger Minuten müssten die neuen Farben in Ihrem Reiseshop sichtbar sein.

Noch mehr farbliche Anpassungen

Sie wollen noch weitere farbliche Anpassungen vornehmen? Dann gehen Sie wieder in Ihre CSS Verwaltung und klicken auf Ihr gespeichertes CSS. Dann fügen Sie einfach weitere Codes hinzu und speichern die Änderungen anschließend wieder.

Suchmaske:

Für die farbliche Hinterlegung der Reiter in der Suchmaske sowie den passenden Rahmen um die Suchmaske verwenden Sie folgende Codes:

/*Rahmen*/
#quicksearch {
border: 1px solid #2e2192;}

/*Reiter*/
#quicksearch .switcher a {
background-color: #2e3192; color: #fff;}

/*Reise finden-Button*/
#quicksearch form .column .field .submit {
border: 0;
position: relative;
top: 9px;
background: #c1272d;
color: #FFF;
font-weight: bold;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 20px;
border-radius: 3px;
padding: 5px;
cursor: pointer;
height: 40px;
width: 165px;}

Bitte übernehmen Sie die Codes genau so und ändern Sie dann nur immer den Hexa-Wert bei background-(color). Mit dem Wert color können Sie übrigens die Schriftfarbe im jeweiligen Bereich ändern.

Die Angebote:

Die Hintergrundfarbe der Angebote ändern Sie wie folgt:

.offer .bubble .rectangle {
background: #c1272d;}

.offer .bubble .triangle-l {
border-color: transparent #c1272d; transparent transparent;}

.offer .bubble .triangle-r {
border-color: transparent transparent transparent #c1272d;}

Hier ersetzen Sie auch jeweils (also in allen drei Codes) den sechsstelligen Wert hinter dem Hashtag.

Mit diesen Codes können Sie die wichtigsten Elemente Ihres Reiseshops ändern und ihm ein individuelles Farbdesign schenken. Wenn Sie weiterreichende Grundkenntnisse in CSS haben, können Sie selbstverständlich noch mehr ändern. Wir freuen uns auf die Ergebnisse!

Der Beitrag Reiseshop: So verändern Sie das CSS im Shopbaukasten erschien zuerst auf travianet.

Sie schreiben gerne auf Ihrem eigenen Reiseblog über Ihre Erfahrungen in fremden Ländern? Dann machen Sie doch Ihr Hobby zu Geld! Mit einer Buchungsstrecke von travianet auf Ihrem Reiseblog bekommen Sie Ihr eigenes Online-Reisebüro. Ohne irgendetwas dafür tun zu müssen, ohne irgendetwas wissen zu müssen und vor allem ohne irgendetwas investieren zu müssen. Wie das genau funktioniert, lesen Sie in diesem Beitrag.

Was früher Tagebuch und Fotoalbum waren, ist heute der Reiseblog. Immer mehr Menschen betreiben eine eigene Website, auf der sie (unter anderem auch) von ihren Reisen berichten. In den deutschen Reiseblog Charts sind etwa 1.200 aktive Reiseblogs gelistet, und die werden auch gerne gelesen.

Reiseblogs können sehr lukrativ sein

Manche dieser Reiseblogs sind dabei richtig lukrativ. Das sind vor allem die, die bei Google ganz oben in den Suchergebnissen angezeigt werden. Dementsprechend öfter werden diese Blogs geklickt, was sie wiederum zu interessanten Werbeplattformen macht, z.B. für Affiliate.

Problem: Diese Blogger sind fit in Sachen Suchmaschinenoptimierung (SEO). SEO ist allerdings eine Wissenschaft für sich und erfordert ein umfassendes Know-how. Das ist nicht jedermanns Sache.

Reiseblog mit Online-Reisebüro

Aber auch wenn ein Reiseblog nicht bei Google rankt, kann er sich zur lukrativen Website entwickeln. Mit einer Buchungsstrecke von travianet. Einem eigenen privaten Online-Reisebüro also. Und das beste: Sie brauchen dazu keine kaufmännischen Kenntnisse und müssen auch kein Tourismusexperte sein.

Das einzige, was Sie dafür tun müssen, ist im Content Management System (CMS) Ihres Blogs, (z.B. WordPress) eine Seite zur Verfügung zu stellen. Auf dieser wird dann ein so genannter iframe als HTML-Code eingebunden. Was Sie im Backend als ellenlangen, unlesbaren Code sehen, präsentiert sich dem User auf Ihrer Seite als Auflistung der wunderbarsten Urlaubsangebote – Ihr Online-Reisebüro. Das hört sich für den Laien sehr kompliziert an, ist es aber nicht. Und sollten Sie sich trotzdem einmal unsicher sein, steht unsere Web-Abteilung hilfreich zur Seite.

So weit so gut. Aber was haben Sie nun davon? Ganz einfach. Wenn der User über Ihre Seite eine Reise bucht, bekommen Sie als Partner von travianet dafür eine Provision. Wenn Sie eine Buchungsstrecke von uns auf Ihrer Website einbinden, bekommen Sie nämlich eine so genannte Partner-ID. Mit dem Buchungsvorgang, der bei uns im System einläuft, wird diese ID übermittelt. So sehen wir, dass Sie sich die Provision verdient haben. Wir nennen die Provision übrigens Werbekostenzuschuss (WKZ).

Die Arbeit erledigt travianet

Wenn also nur 10 Leute über Ihre Seite eine Reise bei uns buchen, können Sie schnell ein paar hundert Euro verdienen. Das können Angehörige, Freunde oder auch Kollegen sein. Das ist ganz egal. Ohne irgendetwas dafür getan haben zu müssen, verdienen Sie Geld. Denn der Kontakt mit dem Kunden, die komplette Buchungsabwicklung und alles, was damit verbunden ist, erledigen wir. Sie können sich entspannt zurücklehnen und Ihre Seite für sich arbeiten lassen – und über Ihre Reisen schreiben.

Übrigens: Sie können Ihr eigenes Online-Reisebüro auch betreiben, wenn Sie keine eigene Seite oder Blog haben. Wie das geht, lesen Sie hier.

Der Beitrag Reiseblog: Mit dem Hobby Geld verdienen erschien zuerst auf travianet.