Spoiler -Button

  • Seite 2 von 2
08.12.2012 15:48
#16 RE: Spoiler -Button
avatar
Mitglied

Vielen vielen Dank ,Olaf. Das hat ja prima funktioniert.
Nun hab ich mir gedacht,wenn du mir bitte ein Beispiel machen könntest ,würde ich auch noch was lernen.




Und zwar,wenn du einen Code postest und das was ich dazu machen muss rot und was vorgegeben blau kennzeichnest.




Dann könnte ich die noch ausstehenden Buttons mal selbst probieren

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
08.12.2012 17:08 (zuletzt bearbeitet: 08.12.2012 17:11)
avatar  Olaf
#17 RE: Spoiler -Button
Ol
Mitglied

Zitat von Beatrica im Beitrag #16

Nun hab ich mir gedacht,wenn du mir bitte ein Beispiel machen könntest ,würde ich auch noch was lernen.


Aber immer...
--------------------------------------------------
#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;
}
--------------------------------------------------
Das ist eine "Einheit" für den z.B. Button "Portal".Bis auf der Linkadresse des Buttonbild (Blau),die Breite (Grün) und die Bezeichnung (Class) (Rot) ändert sich nichts und muß für jeden Button komplett neu angelegt und dementsprechend geändert werden.Da die Höhe Deiner Buttons immer gleich ist,brauch die Zahl neben "height" nicht geändert werden.Bei anderen Höhen muß sie dann angepasst werden

Für die Links zu den jeweiligen Funktionen von HPM muß das Rote geändert werden.
Für den Button Registrieren muß "register" für beide Class eingesetzt werden und für den Button Bildergallerie muß "gallery" für beide Class eingesetzt werden und für den Button Chat muß "chat" für beide Class eingesetzt werden.

Für das Blaue muß dann die Linkadresse geändert werden,wo Du Deine Buttonbilder hochgeladen hast.

Das Grüne mußt Du dann selber je nach Deiner Buttonbreite anpassen/probieren,so das sie sauber in der Navi angezeigt werden.

Sooo einfach ist das.Das sagt aber jeder Professor.


Gruß
Olaf



Noch was technisches:Für die obere Class hätte man auch einmal das eingeben können:

#navigation span {
font-size: 18px;
opacity: 0;
}

um alle Textlinks auf einmal zu entfernen.Ich habe aber mit Absicht das nicht so gewählt,weil,wenn man einen Textlink vergessen hat in einen Button zu verwandeln,dann würde er nicht mehr erscheinen.So schalte ich wirklich nur einen Link aus und ersetze ihn gleich wieder mit einen Button.

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
08.12.2012 19:12
#18 RE: Spoiler -Button
avatar
Mitglied

Ich hab jetzt alles gemacht wie du gesagt hast
Aber es geht nicht.
Frage :
Die blaue Adresse ist welche genau?


Ich hab den Button heruntergeladen,dann hab ich ihn über Admin > Navigation heraufgeladen und diese Adresse in den CSS-Code eingesetzt.
Da hab ich dann den Button drin aber das ursprüngliche Wort "Bildergalerie" steht daneben


}
#link_bildergalerie span {
  font-size: 18px;
 opacity: 0;
}


#link_bildergalerie {
background-image: url("https://files.homepagemodules.de/b591172/a_79_94054646.png") ! important;
background-position: center ;
background-repeat: no-repeat;
height: 30px;
width: 85px;

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
08.12.2012 21:44
avatar  Olaf
#19 RE: Spoiler -Button
Ol
Mitglied

Die Buttonbilder habe ich bei http://www.bilder-hochladen.net/ hochgeladen und nicht irgendwo im Forum.
Wenn Du sie in der Navigation hochlädst,dann erscheinen sie da auch,mit den Textlink und das willst Du ja nicht.
Also separat hochladen und dann den Link da eintragen,wo Du es schon richtig gemacht hast.
Wenn Du dann noch,wie ich es oben schon geschrieben habe,für die Bildergalerie "gallery" eingibst und nicht wie Du es gemacht hast "bildergalerie" dann klappt das auch.

Auch diese "Start-" und "End-Zeichen" (Rot) sind sehr wichtig,das sie korrekt an diesen Punkten gesetzt werden:

#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;
}

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
08.12.2012 22:18 (zuletzt bearbeitet: 08.12.2012 22:18)
#20 RE: Spoiler -Button
avatar
Mitglied

Nun hätte ich noch gerne gewusst wie man die ursprüngliche Version wieder herstellt?
Damit ich das auchmal probieren kann *geduldmitmirhab*

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
08.12.2012 22:57
avatar  Olaf
#21 RE: Spoiler -Button
Ol
Mitglied

Du kannst die ganzen Einträge oder auch nur Teile davon im CSS Fenster im Adminmenü wieder löschen oder ändern wie Du willst.
Wenn Du nur Deinen Eintrag korrigieren willst,dann kannst Du das direkt im CSS Fenster machen und danach wieder auf Speichern klicken.Dann wird alles wieder Neu übernommen.
Wenn Du alles wieder rückgängig machen willst,dann löscht Du alle Einträge im CSS Fenster,die Du für die Buttons gemacht hast und immer danach das Speichern drücken nicht vergessen,sonst wird nichts übernommen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
08.12.2012 23:32
#22 RE: Spoiler -Button
avatar
Mitglied

Hab dir im Chat eine Nachricht geschrieben

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
09.12.2012 12:13
avatar  Olaf
#23 RE: Spoiler -Button
Ol
Mitglied

Zitat von Beatrica im Beitrag #22
Hab dir im Chat eine Nachricht geschrieben


Ich weiß nicht,wo ich die Nachricht abrufen soll?
Du kannst mir aber auch eine PN schreiben.

private_new.php?sendto=149312

Da weiß ich,wo ich die lesen kann.


Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
09.12.2012 12:31
#24 RE: Spoiler -Button
avatar
Mitglied

Es war nur weil du gestern noch im Forum warst. Da hab ich gedacht es geht schneller wenn wir da reden. Aber du bist da grad raus, während ich schrieb

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
09.12.2012 12:37 (zuletzt bearbeitet: 09.12.2012 12:38)
#25 RE: Spoiler -Button
avatar
Mitglied

So nun nochmal die Frage:
Wenn ich alles löschen möchte,dann muss ich nur das was ich ,bzw. du reingesetzt hast löschen und nichts ersetzen?
Alles was blau oder rot war?(Bezeichnung,Grösse,Adresse)

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
09.12.2012 19:39
avatar  Olaf
#26 RE: Spoiler -Button
Ol
Mitglied

Wenn Du vor dieser "Button Aktion" nichts in diesem CSS Fenster eingegeben hattest,dann kannst Du komplett alles in diesem Fenster löschen.Ansonsten nur den kompletten Code von hier löschen.Dann ist der alte Zustand (Standart) wieder hergestellt.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

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