Hoover Funktion erstellen für Themenübersicht

  • Seite 1 von 5
12.02.2016 22:26
avatar  Birgit1
#1 Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

N'Aaabend,

heute komme ich irgendwie nicht weg vom PC ... Seit Tagen schwirrt mir eine Idee im Kopf herum, aber ich weiß leider nicht, ob sie realisierbar ist.
Vielleicht kann mir jemand von Euch sagen, ob es möglich ist - und falls ja, ggfs. auch wie ... ?

Ich würde gerne ein kleines Vorschaufenster (mit Foto) aufgehen lassen, wenn ich mit dem Cursor über jedes meine Threads gehe. Der Link zum Thema soll natürlich bestehen bleiben und beim Anklicken in den Thread führen.

Sandbarsch hatte mir schon vorgeschlagen, das PL Slides and Stripes zu nehmen. Aber das ist nicht so, wie ich mir das vorstelle.

Der Hintergrund für diese Idee ist, dass sich die Chancen für unsere Hunde erhöhen, wenn sie vor Öffnen des Threads schon mal gesehen werden können. Menschen sind ja eher visuell veranlagt und würden manche Threads vielleicht gar nicht öffnen.

Ist das evtl. irgendwie möglich?

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 09:00 (zuletzt bearbeitet: 13.02.2016 09:08)
avatar  TripleM
#2 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Also ich habe mich mal mit Wolfgang seinen Tooltip Beschäftigt. Sehe da Aktuell eine Möglichkeit und zwar wie folgt.
Du musst pro Hund ein neues Forum machen



Dann noch die Rechte Entsprechend abändern



So können User zwar antworten in dem Forum aber keine Neuen Themen Eröffnen.


Da dann unter Beschreibung den Html Code von Wolfgang rein



1
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
<html>
<head>
<title>Tooltipps mit JQuery</title>
 
<style type="text/css">
/*Tooltipps mit title*/
body {font-size: 75%;background-color:#ffffff;}
body .ui-tooltip {border: 2px solid #A2A2A2;}
.ui-tooltip {z-index: 9999;position: absolute;max-width: 500px;padding:5px 15px 5px 15px;color:#0000aa;box-shadow: 3px 3px 6px #aaaaaa;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius: 10px;}
.ui-widget-content {background: #ffffff;}
.tooltipp_title {cursor:pointer;}
 
/*Tooltipps in Beiträgen*/
.tooltip {display:none;max-width: 300px;}
.tooltip_text {cursor:pointer;border-bottom:1px dotted blue;}
.tooltip_text a {text-decoration:none;}
</style>
 
<!--Wenn jQuery noch nicht vorhanden ist, "Auskommentierung" entfernen (In Xobor-Templates bereits vorhanden!). -->
<!--<script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script>-->
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript">
// Tooltipps
 
$(document).ready(function(){
$(document).tooltip({
// Position Tooltipp:
position: { my: "left+8 top+30"},
// Maus folgen:
track: true,
// Angewendete Elemente (CSS-Selektoren):
items: '[title], .tooltip_text',
// Ein-/Ausblend-Effekte:
show: {
effect: 'slideDown',
delay: 300 // Einschaltverzögerung
},
hide: {
effect: 'blind',
delay: 100 // Haltedauer
},
// Inhalt der Tooltips festlegen:
content: function() {
var element = $(this);
 
// Rückwärtskompatibilität zu bisherigen Tooltips:
if (element.is('.tooltip_text')) {
return element.find('.tooltip').html();
}
 
if (element.is('[title]')) {
return element.attr('title');
}
 
}
});
});
 
//alte Tooltipps leeren
function tooltip_open(tip) {}
function tooltip_close() {}
 
</script>
 
</head>
<body>
<br>
<p>Hier geht es um meinen Hund <span class="tooltip_text">Chicco American Staffordshire Terrier<span class="tooltip"><b>Infobox:</b><br>
Chicco 4 Jahre Rüde <img src='http://up.picr.de/24570900ys.jpg' border='0' />
</span></span> , der bei allen gängigen Browsern funktioniert! </p>
 

</body>
</html><br>
 



In Zeile 69 / 70 die Daten und das Bild rein wie in dem von mir benutzten Code.

Der Code ist nun mal von mir mit Daten und Bild bearbeitet

Das müsstes du dann für Jeden Hund machen.
Natürlich im Forum dann für den in den Tooltip eingefügten Hund ein Thema eröffnen damit User auch Antworten können das machst du so wie immer man kann dann Antworten aber eben keine neuen Theman in dem Forum erstellen (Admin ausgenommen)

Und so sieht das dann aus wenn es richtig gemacht wurde



Hier Live zu sehen in meinen Testforum

Siehe Hund Chicco Forum

http://ofn-testforum.xobor.de/

Es ist zwar etwas umständlich und man müsste nun für jedes Forum die Rechte einstellen und für jeden Hund ein eigenes machen aber das wäre ein weg der mir spontan einfällt.

Würde dir empfehlen bei fragen in Wolfgang sein Forum zu schauen dort steht alles über den Tooltip

http://www.hilfe-tricks-tipps.de/t168f31...en.html#msg1641|addpics|7-9i-37a3.png-invaddpicsinvv,7-9j-3a00.png-invaddpicsinvv,7-9k-daaf.png-invaddpicsinvv|/addpics|


 Antworten

 Beitrag melden
13.02.2016 11:58
avatar  Birgit1
#3 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Kann man diesen "DANKE"-Button auch 1000mal drücken?

Ich kann es gar nicht fassen, dass das Bild, das ich im Kopf hatte, jetzt real zu sehen ist.

Da ich computer-technisch eine absolute Null bin, kann ich mir immer gar nicht vorstellen, wie man irgendwas umsetzen kann.

Und dann auch noch so schnell .... DANKE! DANKE! DANKE!

Den ersten Teil habe ich auch noch prima verstanden und fange dann nachher gleich mal an, alle Hunde in ein eigenes Forum zu packen.

Danach - also wenn es an die Codes geht - bin ich allerdings raus aus der Nummer. Bis vor ein paar Wochen hatte ich von HTML, CSS, Templates oder Plugins noch nie was gehört.

Aber ich beiße mich da durch, egal, wie lange es dauert *tschaka* - und dann werde ich berichten.

Das ist so klasse, dass ich das unbedingt einbauen möchte.

Ps. Chicco ist übrigens ein ganz Süßer!

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 12:14
avatar  TripleM
#4 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

du musst nur hier Änderungen machen

<p>Text vor dem Auszulösenden Wort <span class="tooltip_text">Auslösendes Wort für Tipp<span class="tooltip"><b>Überschrift in der Box:</b><br>
Text in der Box <img src='Bildlink vom Hund' border='0' />
</span></span> </p>


 Antworten

 Beitrag melden
13.02.2016 12:19
avatar  Birgit1
#5 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

... Und die Farben muss ich noch ändern.

Vielleicht schaffe ich es, ein paar Tage Urlaub zu nehmen. Dann kann ich mich da voll drauf konzentrieren. Ich freu mich wie ein Kleinkind!!

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 12:40
avatar  .BiL.
#6 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Wir tüffteln im FoX gerade an einer Lösung, diesen Tooltipp auch für Themen einzusetzen.
Vielleicht bekommen wir das ja hin. Dann musst du nicht für jeden Hund ein Forum anlegen, sondern nur ein Thema.
Ich kann aber nichts versprechen.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
13.02.2016 12:53
avatar  Birgit1
#7 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Das wäre ja genial! Denn ein Thema existiert ja schon und ich muss nicht alles neu anlegen bzw. umstrukturieren. Auch können die Mitglieder weiterhin problemlos Themen eröffnen, ohne dass ich vorher für sie ein Forum erstelle.

Bitte lasst Euch Zeit, es ist mir etwas unangenehm, so viel Arbeit zu machen

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 13:00
avatar  ( gelöscht )
#8 RE: Hoover Funktion erstellen für Themenübersicht
Gast
( gelöscht )

Eine Variante wäre auch noch, eine Art Gesamtübersicht anzufertigen, die man nach Rassen oder Namen sortiert und beim hoovern würden dann die jeweiligen Bilder erscheinen.


 Antworten

 Beitrag melden
13.02.2016 13:06
avatar  .BiL.
#9 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Zwischenmeldung - wir sind kurz vor einem Durchbruch.

Mario hat in es in unserem Entwicklungsforum geschafft, dass man in jedem Thema diesen Tooltipp unterbringen kann.

Firestone, ich glaube es geht darum, dass die Nutzer schon vor dem Öffnen des Themas wie eine Art Vorschau das Bild des Hundes, der da vorgestellt wird, anschauen kann.
Also in einem Forum für jeden Hund (nicht für jede Rasse) ein Thema ....

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
13.02.2016 13:10
avatar  Birgit1
#10 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Wuahhhh!! Toll!!

Ja, die Gesamtübersicht bzw. alle Hunde in Bildern habe ich mit den "eigenen Seiten" schon erstellt. Da kann man sich Bildchen angucken und die habe ich verlinkt.

Aber es ist richtig - wer im Forum ist (also nicht über die eigenen Seiten geht), sollte sich vor öffnen des Freds ein kleines Bild ansehen können.

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 13:16 (zuletzt bearbeitet: 13.02.2016 13:18)
avatar  TripleM
#11 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Hier mal ein Kleiner Vorgeschmack was gehen könnte. Themenmarkierung von Xobor blendet eben einen Tooltip zu den Hund ein



Die Themanmarkierung von Xobor erlaubt aber nur eine Gewisse anzahl an Zeichen sodass der Text nicht zu lang werden darf.


 Antworten

 Beitrag melden
13.02.2016 13:23
avatar  Birgit1
#12 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Mir fehlen grad die Worte!

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 13:29
avatar  TripleM
#13 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Nun sollten wir das ganze noch in ein Plugin Legen was es dir erlaubt alles bequem im PI einzustellen. Dann braucht nur noch ein kleiner Code in die Themanmarkierung gespeichert werden. Das macht es wohl von der Bedienung einfacher.


 Antworten

 Beitrag melden
13.02.2016 13:35
avatar  Birgit1
#14 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Wow, das geht auch noch??? Ich stehe hier schon kurz vor dem Herzinfarkt ...

Ihr könnt ja zaubern!

Viele Grüße
Birgit

http://hunde-in-moskau.xobor.de

Layout: Business

 Antworten

 Beitrag melden
13.02.2016 13:36 (zuletzt bearbeitet: 13.02.2016 13:36)
avatar  .BiL.
#15 RE: Hoover Funktion erstellen für Themenübersicht
avatar
Mitglied

Das sehe ich auch so. Die Alternative, den Code in die Fußzeile zu legen, macht die Sache irgendwann unübersichtlich.

Edit: Upps, du warst schneller. Das bezieht sich natürlich nicht auf den Herzinfarkt.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!