ANLEITUNG: Bookmarks am rechten Bildschirmrand

[ASNCM]

Hi.

Bin an einem Downloadshop für Module !
Nur mit Downloadfunktion ohne direkt in einem Warenkorb zu landen.
Das mit der Bookmarks am rechten rand habe ich dort schon lange verbaut !
Auch das mit dem Hovereffekt funktioniert. Wie man es von diesem Forum hier kennt.

Gruss
Markus
ASNCM

[Fritz]

Hallo,

icons sind im Templateordner unter /img/sys
Leider werden die Icons nicht angezeigt -.-

Code: CSS  [Auswählen]

#sys_contact {
  display:scroll;
  position:fixed;
  top:130px;left:0px;
  background-image: url(img/sys/contact.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_twitter {
  display:scroll;
  position:fixed;
  top:180px;left:0px;
  background-image: url(img/sys/twitter.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_rss {
  display:scroll;
  position:fixed;
  top:230px;left:0px;
  background-image: url(img/sys/rss.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;

}

#sys_facebook {
  display:scroll;
  position:fixed;
  top:230px;left:0px;
  background-image: url(img/sys/facebook.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

#sys_contact:hover, #sys_twitter:hover, #sys_rss:hover, #sys_facebook:hover {
  background-position: 0px 39px;
}

[jannemann]

Hallo Fritz,

hast du mal einen Link zu deinem Shop?

Schöne Grüße,
Jan

[Buggyboy]

Hi!

Bei mir sieht das so aus:

Code: PHP  [Auswählen]

background-image: url(../../images/sys/email.png);
 

Müssen die nicht im Rootverzeichniss sein?

Bis peter...

[jannemann]

Man kann die Icons auch nach templates/xtc5/img/sys packen.
In der stylesheet.css dann einfach die Icons wie folgt einbinden:

Code: CSS  [Auswählen]

#sys_contact {
  display:scroll;
  position:fixed;
  top:150px;right:0px;
  background-image: url(img/sys/contact.png);
  background-position: 0px 0px;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

Schöne Grüße,
Jan

[Fritz]

Danke Jan!

Die Grafiken waren komischerweise kaputt. Hab sie mehrmals entpackt und auch mehrfach hochgeladen... Nun geht es wieder

[Simon]

Kann man die Bookmark-Bilder ausblenden, wenn die Auflösung <= 1024x768 ist ?
Die Bilder überlagern dann den Inhalt, ist auch hier im Forum so.

[noRiddle (revilonetz)]

Ja, mit Javascript.
Google mal nach window.innerWidth u. window.innerHeight.

Gruß,
noRiddle

[Simon]

Danke.
Liefert jeder Browser die Auflösung oder kann der Benutzer das unterbinden ?

[noRiddle (revilonetz)]

Das kann der User unterbinden indem er Javascript deaktiviert.
Das macht aber ja kaum noch jemand, da die ganzen Web 2.0 (oder haben wir schon Web 3.0 ? ) Javascript benötigen.

Verstehen tut das jeder Browser, sogar alte IEs .

Gruß,
noRiddle

[Simon]

Hat jemand die Grafik für Google+ in der gleichen Optik wie die anderen ?
Im Original-Modul fehlt auch Google+
http://custom.simplemachines.org/mods/index.php?mod=2849

 

[jannemann]

Hallo Simon,

vielleicht kannst du ja damit was anfangen?

Schöne Grüße,
Jan

[EDIT Tomcraft 12.07.2012: Anleitung in Beitrag 1 erweitert.]

[Simon]

Hallo Jan,

danke dir, passt prima.

[PatKol]

Funktioniert auf Anhieb. Perfekt!

[NicoDeluxe]

Hab da noch ein Problemchen

1. Kein Kontaktformularlink
2. Lücken zwischgen den nicht benötigten Symbolen
    (In index.html gelöscht und im Stylesheet auskommentiert)

Wer hat Hilfe