p { font-family: Montserrat, sans-serif; font-size: 2em; } </style>
<center><h1 data-splitting>Service Crew Loreth</h1><br> <p data-splitting="words">Hallo und herzlich willkommen im Forum von Service Crew Loreth.<br> Ihr Hausmeisterservice in Dahme/Mark für die kleinen Arbeiten, für Heim und Hof.<br>Dieses Forum dient Ihnen als erste Informationsquelle zu unseren Leistungen, Angeboten, Kontaktdaten und bietet vieles mehr.<br>Da wir die Beziehung zu unseren Kunden als Vertrauensverhältnis verstehen, freuen wir uns immer über ein persönliches Beratungsgespräch.<br> Unser Hausmeisterservice bildet auch das Bindeglied zwischen Vermieter und Mieter.<br>Im Falle nötiger Reparaturarbeiten packen wir entweder selbst an oder organisieren die passenden Handwerker. <br>Wir halten Ihre Immobilie ordentlich und sauber, wobei wir stets versuchen, die Kosten zu minimieren.<br>In diesem Sinne wollen wir für unsere Geschäfts-, ebenso wie für unsere Privatkunden, ein optimales Preis-Leistungs-Verhältnis sicherstellen.<br>Ich wünsche Ihnen viel Spaß beim Stöbern.<br> Bei Fragen und Anregungen stehen wir Ihnen gerne zur Verfügung!<br>Mit freundlichen Grüßen<br>Ihr Christian Loreth<br></p></center>
Ich hoffe, die Idee und Inspiration kommt gut an, ich habe die Intros einige Male geändert, und habe immer einen Button versucht einzubauen mit spezieller Funktion, und habe vor lauter schreiben und den Ideenfluss vergessen, dass ich ja das Forum umgebaut habe auf ein Seitenmenü.
Vor lauter, habe ich das vergessen, dass ich es ja modernisiert habe. Mein zweiter Geistesblitz war es, eine Weiterleitung mit einzubauen, die zu den Intros passt, das Ergebnis seht ihr ja jetzt.
Ich dachte mir, ich zeige euch meine Idee und Umsetzung, was ich bisher jetzt gemacht habe.
Und hoffe, dass das für viele hier auch eine Inspiration für ihre Foren ist.
Ich hoffe, ich habe es verständlich und gut erklärt. Und dass diese Inspiration sehr gut ankommt.
Hier noch der Code für die automatische Weiterleitung:
Danke, dass dir die Effekte gefallen, mir ist jetzt nur über Meta die Weiterleitung eingefallen.
Ein Abbruch habe ich nicht eingebaut, da ich ja das Seitenmenü habe und man da ja direkt auf die Seiten gehen kann. Ich weiß, in meinem Forum ist jetzt etwas ungewohnt, bei euch in den Foren sind ja oben die Links, bei mir habe ich sie entfernt.
Mein Forum ist in vielen Dingen erst eine starke Umgewöhnung, habe es nach meinen Anpassungen und Wünschen geändert.
Für Handy und Tablett versuche ich noch Lösungen zu finden, zwecks Anpassungen, versuche es über Media zu machen. Teste es aber erst noch über Linux im Stift, bevor ich es ins Forum knalle, in die CSS3.
Wenn man ja schaut, werden ja nicht alle Links auf dem Handy angezeigt, nur das Forum, *lach*, das Portal wird ja nicht angezeigt auf dem Handy.
Für Intros versuche ich ja es über das Plugin laufen zu lassen, deswegen die ganzen erweiterte Classes.
In "Eigene Seiten" habe ich sie nur testweise herein gemacht, um zu sehen, dass alle Scripte sauber laufen und sich nicht gegeneinander kämpfen.
Ich werde mir noch eine andere Lösung einfallen lassen, ohne Meta für eine Weiterleitung.
Ich bedanke mich sehr von Herzen für die tollen Hinweise und Vorschläge und ehrlichen Meinungen, das hilft mir sehr gut weiter.
Gebe mir sehr viel Mühe mit dem Xobor - Forum, aber so langsam kapiere ich das hier, nur wo ich noch viele Probleme habe ist das mit den Erweiterungen, mit den Classes hier fürs Forum. Hier muss man auf viele Scripte achten, die man installiert hat, damit sich alles verträgt.
Bin so weit fertiggeworden, ich wollte dir meine Idee und Inspiration zeigen. Du hast mir dafür wieder ein Anstupser gegeben, und mich riesig inspiriert.
Nur habe ich ein Problem und hänge hier ein wenig fest, 4 Augen sehen mehr wie 2 Augen. Vielleicht siehst du auf Anhieb, wo ich hier den Fehler gemacht habe, finde den beim direkten Anblick nicht.
Da ich es auf das Xobor - Forum anpassen wollte, habe ich mehr DIV's geschrieben, also erweitert. Und in der CSS als, (.blablabla) angegeben, im CSS-Code sieht man es ja richtig.
Irgendwie haut das Umschreiben für das Xobor - Forum nicht hin. Bild mit Verlinkung geht nicht und ich weiß nicht mehr weiter, habe hier durch das Umschreiben bestimmt wieder viele Fehler eingebaut, wollte es alleine versuchen mit dem Anpassen aufs Forum.
<div class="switch"></div> <div class="text">Dienstleistungen für Ältere Menschen. 🙂.</div> <div class="link"><a title="Das Forum Service Crew Loreth" href="https://www.hilfe-tricks-tipps.de" target="_blank"> <img src="//files.homepagemodules.de/b920350/a_20_83d717fc.png" border=0 alt="Das Forum Service Crew Loreth"></a></div> <div class="img"> <img src="//files.homepagemodules.de/b920350/a_30_5bc2a289.png" border=0 alt="Das Forum Service Crew Loreth"></div> <div class="frame"> <div class="tuere"> <div class="front"></div> <div class="back"></div> <div class="knauf"></div> </div> </div>
<script> document.addEventListener('DOMContentLoaded', function() { let switcher = document.querySelector('.switch'); let door = document.querySelector('.tuere');
Was ich hier noch dazu sagen muss, in "Eigene Seite" stimmen die x y-Achsen nicht, müssen in der CSS noch nachgestellt werden und noch an gewissen Schräubchen gedreht werden.
Habe es in eigenen Seiten gemacht, die Positionen stimmen nicht.
Ist nicht einfach alles anzupassen für ein Forum, aber was sage ich immer, ich gebe mir sehr viel Mühe, manches bekomme ich hin, manches nicht. Und ich finde es schön, dass hier immer helfende Hände schnell zur Stelle sind.
Ach bevor ich es vergesse zu erwähnen, ich habe den berühmten Body auskommentiert, da ich das nicht schnalle, wie ich es besser in den Codes verbauen soll. Habe es mir immer selbst beigebracht mit dem body und das hängt leider jetzt irgendwie fest, dass ich immer body mit einbaue.
Dafür entschuldige ich mich.
Hauptsächlich frage ich ja hier, um Hilfe wegen der bildlichen Verlinkung, weil ich da jetzt feststecke und ich diese mit DIV's erweitert habe, um es an das Xobor - Forum anzupassen.
Ich bedanke mich recht herzlich im Voraus für die tollen Hilfen und Erklärungen, und wo ich wieder einen Fehler eingebaut habe.
Im Skript ist es nicht so einfach etwas Neues nachzutragen. Alles ist mit "position:absolute" bedacht. Wenn man nicht aufpasst, steht alles übereinander! Für den Nachbau recht schwierig. Da der mobile Zugang immer wichtiger wird, müssen hier die Einstellungen auch angepasst werden! Mir ist aufgefallen, dass die Verlinkung nicht geht (durch z-index), und das man zweimal klingeln muss.....
Habe die DIV-Struktur geändert und nur ein Container für die Infos verwendet. Jetzt können Bilder und Texte ohne besondere Positions-Formatierung eingetragen werden
Durch die Neuordnung der DIV-Container funktioniert auch die Verlinkung, die vorher durch die Animation gestört, bzw. verdeckt wurde!
Habe die Klingelfunktion mit jQuery aufgebaut. Im alten JavaScript musste man zweimal klingeln, bevor die Tür aufging!
Mobil wird alles enger, besonders wenn die Tür aufgeht oder der Klingelknopf noch verwendet wird! Hier habe ich über ".mobileview" für die mobile Version einiges tun können! Mobil wird "angeklopft", der Klingelknopf wird ausgeblendet! Ist die Tür geschlossen, wird sie zentriert. Wird angeklopft (Klick auf die Tür), verschiebt sich die Tür nach rechts und man kann die komplett geöffnete Tür mit der Nachricht sehen!
Habe den gesamten Inhalt zur Webseite verlinkt. Es ist somit egal auf welchen Link oder auf welches Bild man in der geöffneten Tür klicken muss!
Installation
Habe es in "Kopfzeile" und unter "Eigene Seiten" getestet!
In Zeile 4 wird der Abstand zum rechten Rand eingestellt, damit die geöffnete Tür, auch mobil zu sehen ist und nicht im Nirvana verschwindet!
In Zeile 45+ 46 wird mobil der Klingelknopf ausgeblendet und die Tür zentriert!
In Zeile 52+53 wird die Größe der Tür eingestellt!
In Zeile 111-121 befindet sich der Info-Container! In Zeile 111 der Tooltipp, in Zeile 112+120 die Verlinkung und in Zeile 113-119 der Text mit den Bildern!
Hallo, @Wolfgang, ich bin ja noch dabei für die Klingel etwas zu basteln.
Da hast du die gleiche Idee gehabt wie ich ( lach )
Hier mal das Script habe jetzt die ganze Nacht bis jetzt daran gehangen, nur mit dem Einbauen hapert es noch bin da noch am Tüfteln hier mal der Code wie weit ich mal jetzt gekommen bin und ob das überhaupt etwas taugt oder ich hier wieder auf dem Falschen weg bin aber ich tüftele daran noch herum.
<button id="klingelButton"> <img src="//files.homepagemodules.de/b920350/a_34_e0056ca5.png" alt="Daishi, test klingel"/> </button> <footer> <small>Daishi, test klingel</small> </footer>
<script> var klingelSound = new Audio('https://files.homepagemodules.de/b920350/secure/ZlU5ZjdRMzM1Q3RyMXI2UnBVNmYzUTgzN0MwcjZyNlJuVTJmX1FpM2VDbHJGcnRSalVUZmZR.ogg/661479dfc275bda92eca3bec5edebc37/664f6b84/893854.ogg');
var klingelButtonElement = document.querySelector('#klingelButton');
klingelButtonElement.addEventListener('click', function () { klingelSound.play(); }); </script>
Wie gesagt wollte noch den klingel Sound da mit einbauen ich bin hier noch nicht so gut mit dem JavaScript.
Ich hoffe, dass du es so in der Art meintest.
Schaue aber noch wie ich es irgendwie angestellt bekomme es einzubauen.
Ich hoffe, dass ich so auf dem richtigen Weg bin, wer sich hiermit auskennt immer gerne her mit den Tipps und Ideen und Hilfen, freue mich sehr herzlich auf rege antworten.
Mit herzlichen Grüßen
Daishi
P.S. Ich weiß nicht, ob man den Sound hört, aber bei mir geht es, habe den Sound als Soundtatei in Forum für Admins hochgeladen. Weiß nicht, wo ich alle Sounddateien hochladen muss das sie nicht von Gästen gesehen werden.
Hoffe, das es so richtig war, wenn Falsch entschuldige ich mich.
Hänge mal die datei hier mal an
Daishi
hat folgende Dateien an diesen Beitrag angehängt