Fragen und Antworten » Spoiler -Button

06.12.2012 22:48

Beatricia
#1 Spoiler -Button

Nun habe ich für mein Forum(Gaia) einen Button heraufgeladen mit der Aufschrift "zeigen" .

Leider sehe ich nur im Adminbereich den Button.Nicht aber wenn ich ihn beim texten einsetze . Wie kommts?

Hab ich evtl.beim abspeichern was falsch gemacht ?

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#2

06.12.2012 23:37

Rabendolch
#2 RE: Spoiler -Button

Rabendolch

Bei den erweiterten Einstellungen des Buttons, hast Du da Haken gesetzt bei den Benutzergruppen? Wenn ja: da steht drüber "wird für die folgenden Nutzergruppen NICHT angezeigt". Das ist bei dem Problem der häufigste Fehler. ;)

www.rabendolch.com

...ich nutze den Chat hier nicht, bitte berücksichtigen...

Antworten

Beitrag melden

#3

07.12.2012 00:44 (zuletzt bearbeitet: 07.12.2012 01:03)

Beatricia
#3 RE: Spoiler -Button

Beatricia

Wo darf ich denn keinen Haken setzen?

Ich hab nur Haken gesetzt für "Gäste",da diese nicht berechtigt sind ins Forum zu schauen.

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#4

07.12.2012 08:44

Alice ( gel�scht )
#4 RE: Spoiler -Button

Al

Alice ( gel�scht )

Na du darfst den Haken überall da nicht setzen, wo du den Button sehen, bzw anzeigen lassen willst. Wenn du uns dein Forum verrätst, schau ich mal nach.

Antworten

Beitrag melden

#5

07.12.2012 16:06

Beatricia
#5 RE: Spoiler -Button

Beatricia

Danke an alle Ratgeber.
Nun hab ich den Spoilerbutton in der Forenübersicht (da hätte ich ihn später auch hingemacht) aber nicht in der Icon -Bar.
Dort hätte ich gerne einen Spoilerbutton gehabt. Also nicht in der Icon-Bar,sondern dann später im Text

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#6

07.12.2012 16:12 (zuletzt bearbeitet: 07.12.2012 16:13)

Beatricia
#6 RE: Spoiler -Button

Beatricia

Und dann hätte ich noch gerne gewusst,wie ich einen Button setze für: Login, Chat, Portal usw.
Ich habs schon probiert,dann war mein hochgeladener Button neben dem Login . Also: BUTTON > daneben das Wort LOGIN

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#7

07.12.2012 19:24 (zuletzt bearbeitet: 07.12.2012 19:24)

Olaf
#7 RE: Spoiler -Button

Ol

Olaf

Das kann man per CSS relativ einfach erstellen.
Hier ein Beispiel für den "Suchen" und "Forum Übersicht" Button:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
#link_search span {
     display: none;
}
 
#link_search {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-5-e4da.png");
     background-position: center ;
     background-repeat: no-repeat;
     height: 50px;
     width: 60px;
}
 
#link_index span {
     display: none;
}
 
#link_index {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-4-a87f.png");
     background-position: center ;
     background-repeat: no-repeat;
     height: 50px;
     width: 170px;
}
 

Den Code müsste man nur noch anpassen (Größe des Bides und Bilderlink).

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Bildanh�nge

Button Gaia.jpg

download

Antworten

Beitrag melden

#8

07.12.2012 19:49

Beatricia
#8 RE: Spoiler -Button

Beatricia

Entschuldige bitte Olaf. Wie soll ich das machen ? Da ich eigentlich Anfänger bin (aaaaber lernfähig!!!) brauch ich eine genaue Schritt für Schritt - Anweisung.
Muss ich das was du geschrieben hast einsetzen ? Wenn ja - wo? Und wie mach ich das mit der Optik? Habe mir auf einem Generator was gebastelt

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#9

07.12.2012 20:03

Olaf
#9 RE: Spoiler -Button

Ol

Olaf

Du kannst mir die Button-Links geben,dann bastel ich Dir den fertigen Code.
Die Button-Breite möglichst nicht breiter wie das Orignal. Sonst passt es nicht auf die Leiste.
In meinem Beispiel ist es natürlich zu groß (Breite).Ist ja auch nur zum zeigen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#10

07.12.2012 20:19 (zuletzt bearbeitet: 07.12.2012 20:22)

Beatricia
#10 RE: Spoiler -Button

Beatricia

http://cooltext.com/Render-Image?RenderID=846867992

Reicht der oder brauchst du von jedem Button den Link?

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#11

07.12.2012 20:58

Olaf
#11 RE: Spoiler -Button

Ol

Olaf

So,jetzt bin ich wieder da.
Ja,ich brauche alle Links von den Buttons,die Du ändern möchtest.

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#12

07.12.2012 21:21

Beatricia
#12 RE: Spoiler -Button

Beatricia

http://cooltext.com/Render-Image?RenderID=846921299
http://cooltext.com/Render-Image?RenderID=846922317
http://cooltext.com/Render-Image?RenderID=846923038
http://cooltext.com/Render-Image?RenderID=846923842

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#13

07.12.2012 21:25

Beatricia
#13 RE: Spoiler -Button

Beatricia

http://cooltext.com/Render-Image?RenderID=846926285
http://cooltext.com/Render-Image?RenderID=846928273
http://cooltext.com/Render-Image?RenderID=846928903
http://cooltext.com/Render-Image?RenderID=846929912
http://cooltext.com/Render-Image?RenderID=846930497

**********************************

Ich frage nach ,damit ich was lerne

Antworten

Beitrag melden

#14

07.12.2012 22:13

Olaf
#14 RE: Spoiler -Button

Ol

Olaf

Ich habe mir Deine Links kopiert.
So wie ich mir das vorgestellt habe,funktioniert das ganze noch nicht,weil die "onmouse" Anweisungen die Bild Buttons beim Überfahren wieder verschwinden lassen.
Das "display: none" schaltet auch die Verlinkung mit aus.So sollte der Link verfügbar und trotzdem unsichtbar sein:

1
2
3
4
 
#link_search span {
    font-size: 40px;
    opacity: 0;
}
 

Ich bleibe erstmal dran.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#15

08.12.2012 00:17

Olaf
#15 RE: Spoiler -Button

Ol

Olaf

So müsste es klappen.Ich habe nicht alle Links probieren können,weil ich nicht alle Funktionen habe.
Es fehlen noch die Button von Dir von:
-Registrieren
-Suche
-eventuell Bildergalerie

Den unteren Code kopierst Du und dann gibst Du bei Dir im Adminmenü unter "Layout→Farben & Einstellungen→CSS" den kopierten Code von hier dort in das Fenster ein und drückst unten auf Speichern.
Fertig.

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
#link_index span {
    font-size: 18px;
    opacity: 0;
}
 
#link_index {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-7-8f14.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 70px;
}
#link_login span {
    font-size: 18px;
    opacity: 0;
}
 
#link_login {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-a-d3d9.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 55px;
}
 
#link_geomap span {
    font-size: 18px;
    opacity: 0;
}
 
#link_geomap {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-9-45c4.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 72px;
}
 
#link_calendar span {
    font-size: 18px;
    opacity: 0;
}
 
#link_calendar {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-8-c9f0.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 110px;
}
 
#link_member span {
    font-size: 18px;
    opacity: 0;
}
 
#link_member {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-b-6512.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 120px;
}
 
#link_online span {
    font-size: 18px;
    opacity: 0;
}
 
#link_online {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-c-c20a.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 70px;
}
 
#link_wiki span {
    font-size: 18px;
    opacity: 0;
}
 
#link_wiki {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-e-aab3.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 35px;
}
 
#link_portal span {
    font-size: 18px;
    opacity: 0;
}
 
#link_portal {
     background-image: url("https://files.homepagemodules.de/b214495/bhnetfiles-k8v1-d-c51c.png") ! important;
     background-position: center ;
     background-repeat: no-repeat;
     height: 30px;
     width: 85px;
}
 
 