Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Ich hätte auch noch einen Vorschlag für die Iconbar.Es entspricht nicht ganz Deiner Wünsche,ist aber vielleicht für Dich mit einfachen Einträgen brauchbar.
Foren-Codes in "Neuen Smileys anlegen" folgende Einträge machen:
Ersetze:[Tooltip]....[Tooltip]
Mit(Linke Feld)<a title="
Mit(rechte Feld)" style="cursor:pointer;"><img src="https://img.homepagemodules.de/frage.gif"></a>
Grafik:https://files.homepagemodules.de/b138600/a_6_61db3ae4.gif
"Speichern" drücken.
Wenn man eine Erklärung zu einen Wort haben möchte,dann klickt man neben dem Wort in der Iconbar auf das neue Icon und schreibt zwischen den [Tooltip][/Tooltip] seine Info.Es erscheint dann im fertigen Posting ein Fragezeichen und wenn man mit der Maus darüber steht,erscheint der eingegebene Infotext.

Gruß
Olaf

Ich habe mal eine andere Möglichkeit zu Deinem Wunsch ausgearbeitet,die eventuell Deinen Wunsch näher kommt.
Dazu mußt Du zwei neue Forencodes in der Iconbar anlegen und CSS Anweisungen eintragen.
Im Adminmenü auf "Layout→Iconbar" gehen und dort auf "Foren-Codes" gehen und folgendes in die Eingabemaske eingeben(für diesen Code nur das erste linke Feld ausfüllen):
Ersetze(Name): [toolwort]
Mit: <a class='tooltext' href='#'>
Grafik: https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-2g-93db.png
Danach auf "speichern" gehen.
Den zweiten Code wieder bei "Foren-Codes" eingeben(für diesen Code das linke und das rechte Feld ausfüllen):
Ersetze:[tooltext]....[/tooltext]
Mit: <span>....</span></a>
Grafik:https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-2f-3ef8.png
Danach auf "speichern" gehen.
Nur noch diese CSS Anweisungen im Adminmenü unter "Layout→Farben & Einstellungen→CSS" im Fenster eintragen und danach unten auf "speichern" drücken:

a.tooltext{
position:relative;     
background-color:#ffff00;
color:#000000;
z-index:1000;    
}
a.tooltext span{
display: none;
}  
a.tooltext:hover{    
background-color:#beff3d;
z-index:1001;    
}
a.tooltext:hover span{
display:block;
position:absolute;
background-color:#ffcc33;
padding: 5px;
font-size: 12px;    
top:25px;
left:-85px;
width:175;
color:#000000;
text-align: left;    
border-radius: 7px;
box-shadow: 10px 10px 15px #000; 
border: 3px solid gray;     
}
.boxheader {
position:static !important;
}
.mposttime {
float:right;
position: static !important;
}
 

Nun sind in der Iconbar zwei neue Button mit der Aufschrift "Toolwort" und "Tooltext" hinzugekommen.
Wenn man eine Wortbeschreibung für ein bestimmtes Wort haben will,dann wird zuerst der Button "Toolwort" gedrückt und im Schreibfenster erscheint "[toolwort]".Nach dieser Makierung wird das Wort eingesetzt,wofür man eine Beschreibung haben will.Danach wird der Button "Tooltext" gedrückt,und neben den Wort erscheint dann [tooltext][/tooltext],wo genau zwischen den beiden Makierungen der Infotext geschrieben wird,der nachher die Beschreibung zu den Wort ergibt.Die Wörter im Text,die ein Infofenster haben,werden im Text gelb makiert und beim überfahren mit der Maus erscheint das Infofenster.

Gruß
Olaf

Hallo Olaf, ich habe mir das nun mal genauer angesehen und getestet. Mir sind dabei ein Paar Sachen ins Auge gefallen.

Getestet wurden
Firefox, Opera, IE, Safari und Chrome mit WIN 7

Dabei fiel mir auf das in FF und in Opera in dem Fenster wo der Beschreibungstext Sichtbar ist der Text Unterstrichen war. Da .BIL den "Fehler" nicht hatte ging Ich auf die Suche bei mir. Ich dachte natürlich erst an einen CSS Eintrag in meiner CSS Box. Also habe ich alles Entfernt aber es war immer noch so. Dann ging ich bei und Schaltete alle Plugins aus die ich in meinen Forum Nutze und es war immer noch so.

Es ist in den beiden besagten Browsern als wenn ich den CSS Eintrag für die Unterstrichenen Links hätte was aber nicht ist.



Als Vergleich hier mal in einen Der Browser (Chrome) wo es nicht ist.



Mich Persönlich stört das nicht wollte nur Erwähnen das es zu Verschiedenen Anzeigen kommen Könnte. .BIL hat Zeitgleich getestet und bei ihr ist es wohl noch zu einen anderen Phänomen gekommen. Ich denke sie wird das Hier noch niederschreiben.

An alle anderen möchte ich sagen das es ein Genialer Tooltip ist und mir Persönlich besser gefällt wie der andere den ich bis Dato genutzt habe.

Denn bei dem Tooltip kommt es zu Unschönen neben Effekten das auch andere Sachen als Tooltip angezeigt werden.

So schaut er an der Stelle des Tips aus



Hier die Neben Effekte



Und da gefällt mir diese Version von dir viel Besser.

Danke für dein Erstellen Olaf.

Na dann schreibe ich auch mal nieder. Auch mir gefällt diese Variante sehr gut. Gerade, wenn man z.B. Anleitungen schreiben möchte, kann man das gezielt für die Erläuterung von Fachbegriffen einsetzen. Wichtig ist für mich, dass ich solche Dinge dem jeweiligen Forenlayout anpassen kann. Also habe ich das getan:

/*--- 001-Ab hier -Start Tooltext mit Beschreibung --- */ 
a.tooltext{
     position:relative;     
 /* background-color:#000000; */
     color:#757267; /* Textfarbe des zu beschreibenden Wortes */
     z-index:15000;    
}
a.tooltext span{
     display: none;
}  
a.tooltext:hover{    
     background-color: #d4e4b8; /* Hintergrundfarbe bei Maushover */
     z-index:1001;    
}
a.tooltext:hover span{
     display:block;
     position:absolute;
     background-color:#d4e4b8; /* Hintergrundfarbe der Beschreibungsbox */
     padding: 5px;
     font-size: 12px;    
     top:25px;
     left:85px;
     width:800;
     color:#383838; /* Textfarbe in der Beschreibungsbox */
     text-align: left;    
     border-radius: 3px;
     border-color: #878787; /* Rahmenfarbe der Beschreibungsbox */
     box-shadow: 2px 2px 2px; /* Schatten der Beschreibungsbox */
     border: 1px solid gray;  /* Rahmenstärke der Beschreibungsbox */   
}
.boxheader {
     position:static !important;
}
.mposttime {
     float:right;
     position: static !important;
}
/*--- 001-Bis hier - Ende Tooltext mit Beschreibung --- */ 
 
 

Farbe der Schrift, Hintergrundfarbe, Rahmen und Schatten der Box sind so,wie ich es mir vorgestellt habe. Warum der Text im FF bei Maushover unterstrichen und schattiert ist, weiß ich nicht. In anderen Browsern habe ich etwas andere Erscheinungen. Bevor aber nicht weiß, wo die Formate herkommen, die ich "nicht bestellt" habe, spare ich mir das systematische Testen.

Habe ich einen Fehler beim Definieren der Eigenschaften gemacht?

Außerdem gelingt mir nicht, die Beschreibungesbox in der Größe anzupassen. Egal, welche Größe ich reinschreibe, sie bleibt so klein. Das wiederum funktioniert bei Mario wohl ...

Um sicher gehen zu können, habe ich alle anderen CSS-Einträge ind Plugins entfernt. Templates habe ich nicht geändert (glaube ich wenigstens.)

Zitat

---

Außerdem gelingt mir nicht, die Beschreibungesbox in der Größe anzupassen. Egal, welche Größe ich reinschreibe, sie bleibt so klein. Das wiederum funktioniert bei Mario wohl ...

---

Der Fehler wurde gefunden. es fehlte die Einheit px (oder %) hinter dem Wert.

Auch die anderen Erscheinungen haben sich aufgeklärt. Ein Test-Plugin, in dem ich mit Text-Schatten rumprobiert hatte, war schuld. Aber auch nach dem Deaktivieren, war das Problem noch nicht gelöst. Erst das Löschen des Chaches und Neustart des Browsers halfen.

Du kannst den Schatten auch für den Safari und Chrome mit diesen Eintrag hinzufügen(gleich unter "box-shadow: 10px 10px 15px #000;":

-webkit-box-shadow: 10px 10px 15px #000; 
-moz-box-shadow: 10px 10px 15px #000;
 
 

Du kannst ja mal versuchen mit einen CSS Eintrag die Unterstriche unter den Text in der Box verschwinden zu lassen,wenn Du unter der Klasse "a.tooltext:hover span" dieses einträgst:

text-decoration:none !important;
 

Ich würde auch das Anzeigefenster nicht auf 800 Pixel Breite setzen,weil sonst bei einen Toolwort,das weit rechts steht,das Anzeigefenster aus den Bildschirm verschwindet.Ich habe mit meinen Angaben schon einen guten Kompromiss mit Breite und Anzeigepunkt gemacht,damit das Fenster in allen Punkten im Posting komplett angezeigt wird.

Gruß
Olaf

Danke für die Tipps Olaf. Die 800 waren auch nur ein Test, um einen deutlichen Unterschied zu sehen. Habs aktuell auf 300px.

with:auto;
 

bindet nur Bilder "ordentlich" ein


Geschriebenes leider so


gibt es da noch eine weitere Möglichkeit mit "auto" ?

Hallo Ludger,

wir haben jetzt folgende Einträge getestet:

...
min-width:300px; /* die Box ist mindestens 300px breit */
...
word-wrap: break-word; /* zu lange Worte werden umgebrochen */
word-break: break-all; /* zu lange Worte werden umgebrochen */
...
 

min-widht bewirkt hier:
* dass die Box immer die gewünschte Breite hat, auch, wenn wenig Text drin ist.
* Wenn mehr Text drin ist, wird an den Leerzeichen umgebrochen.
* Bild nehmen sich den Platz in der Box, den sie brauchen.

Zusätzlich haben wir word-wrap und break-word hinzugefügt, um einen Umbruch bei extrem langen Worten zu erreichen. Diese würden sonst aus der Box wachsen.