Tool Tipp formatieren
Das hier in die CSS Box
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/*--- 001-Ab hier -Start Tooltext mit Beschreibung --- */
a.tooltext{
position:relative;
background-color:#000000;
color:#ffffff;
z-index:15000;
}
a.tooltext span{
display: none;
}
a.tooltext:hover{
background-color:#ff0000;
z-index:1001;
}
a.tooltext:hover span{
display:block;
position:absolute;
background-color:#6D4A18;
padding: 5px;
font-size: 12px;
top:25px;
left:85px;
min-width: 300px;
color:#ffffff;
text-align: left;
border-radius: 7px;
box-shadow: 10px 10px 15px #000;
border: 3px solid gray;
text-decoration:none !important; /* Text nicht unterstreichen */
}
.boxheader {
position:static !important;
}
.mposttime {
float:right;
position: static !important;
}
/*--- 001-Ab hier -Ende Tooltext mit Beschreibung --- */
Dann erstellst du 2 Forencode
Einmal den hier
Und zum anderen den hier
Rechtevergabe erfolgt Über die Rechte beim erstellen des Codes.
Und dann kann das so aussehen.
Hier das Ergebnis
Die Farben bitte entsprechend im CSS anpassen.
Und alles gefunden unter Suche 1. Seite
Zitat von Olaf im Beitrag #6
Kunrz und knackig:
den von Dir genannten "title" im Link kann man nicht formatieren.
Danke Schatzi, dachte ich mir beinahe, ist zwar saublöd, aber in dem Fall muss ich das eben so nehmen, wie es ist.
Zitat von TripleM im Beitrag #7
Das hier in die CSS Box
Vielen, vielen Dank Mario, leider eben nicht das was ich eigentlich wollte. Zum besseren Verständnis erkläre ich es mal.
Ich mache eine HP welche nur aus Thumbnails besteht, keine Texte, bei der Forenbeschreibung und keine Titel oben.
So sieht es dann letztendlich aus:
Wäre jetzt halt schön gewesen, wenn man da die Schrift und den HG formatieren könnte. Das was Du mir hier zeigst, ist leider etwas zu gross. Und geht das eigentlich, wenn ich die Forencodes erstelle, das ich das dort beim title so mache kann?
Mich dünkt, so sieht das ein bisschen 08/15 aus. Oder was meint Ihr?
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
Gabi, die box ersetzt quasi die title-Funktion im a-Tag. Du kannst sie im style beliebig ganz nach Deinen Wünschen formatieren. Das ist nicht 0815 .. sondern ein feines Instrument ... 
Moin Frank,
mit 08/15 meinte ich das wie es bei mir angezeigt wird. Wahrscheinlich werde ich tatsächlich falsch verstanden.
Das ich die Forencodes anlegen muss, ist mir schon klar, da die ja noch nicht vorhanden sind.
Wie im Beitrag 1 zu sehen, formatiere ich ja auch die Schrift und die Schriftart. Nur hat das keinen Einfluss auf das was bei title steht.
Kann ich nun all dass was Mario zeigt, dorthin schreiben? Denn ich verstehe nicht was Du mit der Block meinst? Dort wo ich das einsetze kann ich ja die Iconbar nicht benutzen.
Denn Olaf sagt ja klipp und klar das geht nicht. Also könnte ich das von Frank weder im Header, noch bei der Beschreibung der einzelnen Foren benutzen.
Aber ich stelle das mal in meinem Forum nach, vielleicht weiss ich dann mehr 
denn gegenwärtig stehe ich echt neben dem Schlauch 
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
Hallo Mario,
also ich habe in meinem Testforum, mal zwei Varianten versucht, erstens die welche Du mir gezeigt hast. Zweitens die aus Florians Forum, weil mir die bei Wolfgang zu schwer war zum umsetzen.
a) wenn man damit eine Forenbeschreibung, habe ich ja unten gezeigt, was ich meine formatieren will, funktioniert das nicht. Da wird der Tooltipp neben dem Bild angezeigt und formatiert ist er nicht, auch wenn man im Script noch gar nichts verändert hat.
b) wir können und weitere Versuche sparen, denn ich kann keine Foren, ohne Forentitel machen, also ausblenden, dass man nur noch das Bild sieht. Ansonsten werden nämlich in den Beiträgen die Links für Rückschritt nicht angezeigt, oder wo man gerade ist. Man kann also nur das Hauptthema anklicken. Eben, meine Idee eine doofe gewesen. Und somit nicht geeignet für mein Vorhaben.
Lassen wir das mal schön so, wie Ihr es hier nun seht: http://149370.homepagemodules.de/
Vermutlich ist das was ich meinte ja auch kein Tooltipp, sondern ganz was anderes und das lässt sich, wie Olaf schon sagte, nicht formatieren.
Danke an alle, welche sich hier beteiligt haben 
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
#13 RE: Tool Tipp formatieren
Hallo Gabi,
du kannst den Kasten, welcher beim Hovern über ein Element mit title-Attribut nicht direkt formatieren, weil dessen Darstellung vom verwendeten Browser abhängt und nicht von der Seite selbst beeinflusst werden kann.
Du kannst den Inhalt des title-Tags höchstens nochmal selbst in den Pseudo-Elementen ::before und ::after mittels "content: attr(title);" aufgreifen, um einen zusätzlichen eigenen Tooltip anzuzeigen. Der originale Tooltip bleibt jedoch erhalten und wird zusätzlich auch nochmal angezeigt. Und direkt auf Bildern funktionieren die Pseudo-Elemente nicht.
Alternativ kannst du mit JavaScript die HTML-Struktur bei allen Elemente mit title-Attribut so umbauen, dass sie danach so ähnlich wie in Marios Vorschlag aufgebaut sind. Dann erzeugst du dir z. B. ein extra Span, in welches du den Tooltip aus dem title-Attribut reinschreibst und stylst es per CSS, so wie du möchtest.
Also es stimmt zumindest tlw., dass du das Aussehen von title nicht beeinflussen kannst. Die Standard-Anzeige bleibt dem Browser vorbehalten, du kannst die Inhalte nur auslesen und dann mit etwas selbst gebasteltem für eine geeignete Darstellung sorgen.
Ein Beispiel für eine eigene HTML-Struktur kannst du z. B. auf How to create a simple CSS3 tooltip sehen. Ob du die Elemente per JS umbaust oder direkt in der Struktur anlegst, bleibt dir überlassen.
Zitat von River im Beitrag #12Zitat von Shogun im Beitrag #11
denn ich kann keine Foren, ohne Forentitel machen, also ausblenden, dass man nur noch das Bild sieht. Ansonsten werden nämlich in den Beiträgen die Links für Rückschritt nicht angezeigt, oder wo man gerade ist.
Hey Gabi,
Hast du den Logo Wizard aktiviert?
Du kannst den Forumtitel ersetzen durch einen Punkt = .. (Achtung: Der zweite Punkt = . ist das Satzzeichen vom Satz. XXD)
Das sieht man kaum, Titel ist nicht nötig - und damit zeigt es dir trotzdem die Breadcrumbs an, über die du per Rückschritt zurückgehen kannst.
Falls ich das jetzt falsch interpretiert habe: Schreib wenigstens bei der negativen Antwort 'Schätzchen' dazu. ;)
Liebe Grüße
River
Hallo Schätzchen :))
Danke für den Tipp, probiere ich gerne mal aus, denn ich hatte es ja mit <span></span> zum Verschwinden gebracht. Wie das allerdings zum anschauen ist, muss ich mal schauen. Weil auf der Übersicht, kann ich mir nicht so gut vorstellen, das 2 .. gut aussehen.
Was bitte hat denn der Logo Wizzard damit zu tun?
Zitat von WolverineX im Beitrag #13
Hallo Gabi,
du kannst den Kasten, welcher beim Hovern über ein Element mit title-Attribut nicht direkt formatieren, weil dessen Darstellung vom verwendeten Browser abhängt und nicht von der Seite selbst beeinflusst werden kann.
Du kannst den Inhalt des title-Tags höchstens nochmal selbst in den Pseudo-Elementen ::before und ::after mittels "content: attr(title);" aufgreifen, um einen zusätzlichen eigenen Tooltip anzuzeigen. Der originale Tooltip bleibt jedoch erhalten und wird zusätzlich auch nochmal angezeigt. Und direkt auf Bildern funktionieren die Pseudo-Elemente nicht.
Alternativ kannst du mit JavaScript die HTML-Struktur bei allen Elemente mit title-Attribut so umbauen, dass sie danach so ähnlich wie in Marios Vorschlag aufgebaut sind. Dann erzeugst du dir z. B. ein extra Span, in welches du den Tooltip aus dem title-Attribut reinschreibst und stylst es per CSS, so wie du möchtest.
Also es stimmt zumindest tlw., dass du das Aussehen von title nicht beeinflussen kannst. Die Standard-Anzeige bleibt dem Browser vorbehalten, du kannst die Inhalte nur auslesen und dann mit etwas selbst gebasteltem für eine geeignete Darstellung sorgen.
Ein Beispiel für eine eigene HTML-Struktur kannst du z. B. auf How to create a simple CSS3 tooltip sehen. Ob du die Elemente per JS umbaust oder direkt in der Struktur anlegst, bleibt dir überlassen.
Hallo Florian,
das ist lieb dass Du Dir soviele Gedanken um mein Anliegen machst, aber um Himmels Willen, das ist für mich hohe Schule, Ihr wisst, dass ich nur das nötigste und einfachste kann. Solch schwere Sachen werden mir meist von meinen guten Kollegen geschrieben. Aber der Aufwand lohnt sich nicht, es geht ganz einfach auch so, wofür ich das brauchen möchte. Du bist in diesen Dingen ein Profi, ich als Laie habe schon Mühe, zu verstehen, wenn Du es hier erklärst :) Ich sagte ja Ideen hätte ich viele, aber umsetzen kann ich die leider eben nicht
Gabriella
http://www.musengarten.com/
http://www.garten-der-poesie.de/
Layout: Business
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!