ANLEITUNG: Adminbox läuft beim scrollen mit und bleibt immer im Vordergrund

[armandogarcia]

Hallo,

jetzt hab ich auch mal was nützliches für unsere Gemeinde erstellt. evtl. gefällt es ja jemanden und ist was für die Modulecke, so bleibt die Adminbox immer im Vordergrund (also läuft beim scrollen mit)

Hier meine Anleitung

-----------------------------------------------------------------------------------------------

Datei: box_admin.html

Inhalt ersetzen durch:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<div id="admincontainer"><div id="admin">{$BOX_CONTENT}<div></div>

Datei: index.html  (ganz unten am ende folgendes einfügen)

Code: PHP  [Auswählen]

{$box_ADMIN}

Datei: stylesheet.css

Code: CSS  [Auswählen]

#admincontainer {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:left;
    margin:0;
    height:190px;
    z-index:300;
    width:150px;

}

#admin {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:300;
    width:190px;
    font-size:9px;
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
}
#admin, #admin a, #admin a:link, #admin a:visited, #admin a:active{
 text-transform:none;
 font-size:9px;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#666666;
}

[ Für Gäste sind keine Dateianhänge sichtbar ]

[ Für Gäste sind keine Dateianhänge sichtbar ]

Viele Grüße

Armando

[EDIT Tomcraft 14.12.2010: Anleitung aktualisiert, Danke an Armando.]

Linkback: https://www.modified-shop.org/forum/index.php?topic=7499.0

[speedy]

Sehr praktisch, vielen Dank.

[Bcoola]

coole sache - Danke!

[armandogarcia]

Wichtige Änderung, bitte die DIVs in der box_admin.html einsetzen und nicht in der index.html

also box_admin.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<div id="admincontainer"><div id="admin"> {$BOX_CONTENT} <div> </div>

index.html

Code: PHP  [Auswählen]

{$box_ADMIN}

sonst kann es vorkommen dass bei kleinen Monitoren bzw. niedrigen Auflösungen in Firefox und z. B. Chrome, Links im Footer nicht angeklickt werden können weil die Adminbox über den Links erscheint.

[EDIT Tomcraft 14.12.2010: Anleitung in Beitrag 1 aktualisiert.]

[speedy]

Also ich finde die Adminbox à la Armando noch immer sehr praktisch.
Nur hätte ich schon wieder eine Idee... Kann man die Box umändern, sodass man diese beliebig verschieben kann, das wäre ja der Hammer. 

[noRiddle (revilonetz)]

Hi Speedy.
Wenn man die "jquery-ui.js" in "/templates/YOUR_TEMPLATE/javascript/" um den Code für draggable ergänzt, geht das auch.

http://jqueryui.com/demos/draggable/#default

Gruß,
noRiddle

[Ersin]

Hallo Armando,
finde dein kleines Adminbox Modul interessant.
Suche aber eigentlich eine Möglichkeit wie man den Warenkorb dazu bringt beim scrollen mit zu laufen.

Vielleicht kannst du mir ja dabei behilflich sein?

Mfg

Ersin

[noRiddle (revilonetz)]

Das kannst du doch ähnlich wie mit der Admin-Box machen, also mit CSS-Eigenschaft "position:fixed;".

Da keiner dein Template kennt, kann man deine Frage nur allgemein beantworten.

Grüße,
noRiddle

[Ersin]

Hallo noRiddle,
werde deinen Tipp mal ausprobieren.
Melde mich dann, wenn es geklappt hat.

Danke

Gruß

Ersin

[xtc-user09]

Hallo noRiddle,
werde deinen Tipp mal ausprobieren.
Melde mich dann, wenn es geklappt hat.

Danke

Gruß

Ersin

Hallo Ersin,

hat es geklappt die Warenkorbbox mitscrollen zu lassen?
Ich habe mal einen mitscrollenden Warenkorb per jquery gesehen, finde ihn aber leider nicht mehr. Weiß jmd. wo es das Script dafür gibt oder kennt jmd. einen Shop in dem es einen mitscrollenden Warenkorb gibt?

Viele Grüße!

[Ersin]

Hallo user 09,
der einfachste weg ist die box per css zu steuern.
Werde bei Gelegenheit meine Variante hier Posten .
Kannst du aktiv auf der Seite www.cashtel.biz sehen
wenn du einen Artikel in den Warenkorb legst.
Habe den Warenkorb so eingestellt das er erst zu sehen ist
Wenn ein Artikel im Warenkorb liegt.

Gruß Ersin

[Ersin]

Natürlich sollte ich nicht vergessen mich nochmal bei noRiddle zu bedanken,
Auf dessen CSS Code meine Version basiert.

Danke

[noRiddle (revilonetz)]

Mein Code ?
Hatte doch nur gesagt, daß man das mit position:fixed; machen kann.
Übrigens ist die Position deines Warenkorbes für kleinere Bildschirme ein Problem, den sieht man dann nämlich nicht mehr.
Dann vielleicht besser in der Art wie das Menu hier links ?
Kann man mit CSS3 auch noch animieren (Stichwort: transition) wie hier oben rechts das Fähnchen. (vom W3C-Validator auch bei CSS3-Prüfung leider moniert).

Gruß,
noRiddle

[Ersin]

Sorry, hast recht der war von armandogarcia.

Ein Danke an armandogarcia an dieser Stelle.

[Nils]

Hi,

bei mir läuft der footer immer direkt neben der Box.
Weiß jemand wie ich den wieder nach unten bekomme?

Edit:
Hm, mist. Fast immer kurz nachdem ich Fragen in Beiträgen erstelle(n möchte), fallen mir die Lösungen selbst kurz darauf ein. Ist zwar nur eine unsaubere Lösung, aber ich habs so "gelöst", dass ich die Box ganz nach rechts unten verschoben habe. Dann sieht man als eingeloggter Admin den Footer nicht mehr. Für den Nicht-Admin ist der Footer weiterhin sichtbar, sodass es hier mit der modified-Gemeinschaft auch keine Probleme gibt. 

MFG
Nils