MyBB.de Forum

Normale Version: Enhanced Account Switcher
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Klasse, danke Smile
Hallo zusammen,
ich wollte die Accounts im Header dropdown nebeneinander bringen, wie auf den Seiten zuvor hier beschrieben, aber es funktioniert nicht.
Weiß nicht genau warum.
Cache habe ich mehrmals geleert.

Hier meine Accountswitcher css
Code:
#accountswitcher_header {
   position: relative;
   float: right;
}

#accountswitcher_header_popup {
  padding: 0 30px 0 15px;
  position:absolute;
  top:0;
  display: none;
  opacity: 1;
}

#accountswitcher_header_popup ul {
  position: absolute;
  left: 0;
  padding-left: 10px;
  padding-right: 20px;
  min-width: 110px;
  width: 230px;
  margin-top:17px;
  line-height: 120%;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 15px;
}


.as_head_drop {
  list-style-type: none;
  white-space: nowrap;
  width: 100px;
  float: left;
}

}

[id*="profile_switch_"] > img {
   height: 32px;
   width: auto;
}

[id*="profile_link_"] {
   list-style-type: none;
}

[id*="profile_link_"] > a > img {
   height: 32px;
   width: auto;
}

.acclist_outer {
   text-align: center;
   float: left;
   border: 1px solid;
   border-color: #000;
   width: 100%;
}

.acclist_att {
   padding-left: 20px;
}

.acclist_att > img {
   height: 44px;
   width: auto;
}

.acclist_mast {
   padding-left: 30px;
}

.acclist_mast > img {
   height: 44px;
   width: auto;
}

.acclist_card_mast {
   float:left;
   width: 100%;
   padding-right: 0;
   border-bottom: 1px solid #000;
}

.acclist_card_mast > img {
   height: 44px;
   width: auto;
}

.acclist_card_att {
   float:left;
   width: 250px;
   text-align: center;
}

.acclist_card_hidden {
   text-align: center;
   padding-top: 30px;
   float: left;
   width: 250px;
   border: none;
}

.acclist_card_att > img {
   height: 100px;
   width: auto;
}

.profile_card_mast {
   padding: 5px;
   background: none;
   border: none;
}

.profile_card_att {
   padding: 5px;
   background: none;
   border: none;
}

.as_head_drop {
.as_head_drop {
list-style-type: none;
white-space: nowrap;
width: 80px;
float: left;
}


}

.as_head_drop > img {
   height: 22px;
   width: auto;
}

.as_head_userbit > img {
   height: 22px;
   width: auto;
}

.as_header {
   border-top: 1px solid;
   margin-top: 7px!important;
   padding-top: 7px!important;
   clear: both;
   min-width: 400px;
}

.as_header > img {
   height: 22px;
   width: auto;
}

.as_header > li > img {
   height: 22px;
   width: auto;
}

.as_side_user {
   list-style-type: none;
   white-space: nowrap;
   height: 24px;
}

.as_menu {
   display: block;
   overflow: auto;
   position: fixed;
   left: -300px;
   top: 0;
   width: 300px;
   height: 100%;
   z-index: 11;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 80px 0 0;
}

.as_menu ul {
   margin-top: 40px;
}

.as_menu ul li {
   display: inline-block;
   width: 100%;
   list-style: none;
   font-size: 12px;
   text-align: left;
   padding: 3px 0px;
}

.as_menu ul li img {
   height: 22px;
   width: auto;
}

.as_menu ul li:before {
   content: "";
   margin-right: 5px;
   color: rgba(255, 255, 255, 0.2);
}

.as_menu.isOpen {
   -webkit-transform: translate(300px;
   0);
   -moz-transform: translate(300px;
   0);
   -ms-transform: translate(300px;
   0);
   -o-transform: translate(300px;
   0);
   transform: translate(300px, 0);
}

.as_menu-arrow {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 10;
   background: rgba(255, 255, 255, 0.2);
   width: 10px;
   height: 100%;
   border: 5px solid transparent;
   -webkit-transition: opacity .4s ease .4s;
   -moz-transition: opacity .4s ease .4s;
   -ms-transition: opacity .4s ease .4s;
   -o-transition: opacity .4s ease .4s;
   transition: opacity .4s ease .4s;
}

.as_menu-right {
   display: block;
   padding: 0;
   overflow: auto;
   position: fixed;
   right: -300px;
   top: 0;
   padding-top: 80px;
   width: 300px;
   height: 100%;
   z-index: 11;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.as_menu-right ul {
   margin-top: 40px
}

.as_menu-right ul li {
   display: inline-block;
   width: 100%;
   list-style: none;
   font-size: 12px;
   padding: 3px 0;
   text-align: left
}

.as_menu-right ul li img {
   height: 22px;
   width: auto;
}

.as_menu-right ul li:before {
   content: "";
   margin-right: 5px;
   color: rgba(255, 255, 255, 0.2)
}

.as_menu-right.isOpen {
   -webkit-transform: translate(-300px; 0);
   -moz-transform: translate(-300px; 0);
   -ms-transform: translate(-300px; 0);
   -o-transform: translate(300px; 0);
   transform: translate(-300px, 0)
}

.as_menu-arrow-right {
   position: fixed;
   right: 0;
   top: 0;
   z-index: 10;
   background: rgba(255, 255, 255, 0.2);
   width: 10px;
   height: 100%;
   border: 5px solid transparent;
   -webkit-transition: opacity .4s ease .4s;
   -moz-transition: opacity .4s ease .4s;
   -ms-transition: opacity .4s ease .4s;
   -o-transition: opacity .4s ease .4s;
   transition: opacity .4s ease .4s
}

Profile Link tpl
Code:
<li style="list-style-type: none; display: inline;"><li id="profile_link_{$userUid}">{$userAvatar}&nbsp;{$attachedUser}</li>

Profile switsch
Code:
<li style="list-style-type: none; display: inline;"><a id="profile_switch_{$userUid}" href="#switch" class="switchlink">{$userAvatar}&nbsp;{$attachedUser}</a></li>
Für das Dropdown im Header brauchst du die beiden Templates nicht ändern, diese sind nur für die Accounts auf den Profilseiten zuständig.

In deinem Stylesheet hast du die Klasse .as_head_drop mehrmals drin, das müsstest du etwas aufräumen.
Ahh okay.. nicht gesehen.

Bearbeitet:
Code:
#accountswitcher_header {
    position: relative;
    float: right;
}

#accountswitcher_header_popup {
   padding: 0 30px 0 15px;
   position:absolute;
   top:0;
   display: none;
   opacity: 1;
}

#accountswitcher_header_popup ul {
   position: absolute;
   left: 0;
   padding-left: 10px;
   padding-right: 20px;
   min-width: 110px;
   width: 230px;
   margin-top:17px;
   line-height: 120%;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 15px;
}

.as_head_drop {
   list-style-type: none;
   white-space: nowrap;
   width: 100px;
   float: left;
}

}

[id*="profile_switch_"] > img {
    height: 32px;
    width: auto;
}

[id*="profile_link_"] {
    list-style-type: none;
}

[id*="profile_link_"] > a > img {
    height: 32px;
    width: auto;
}

.acclist_outer {
    text-align: center;
    float: left;
    border: 1px solid;
    border-color: #000;
    width: 100%;
}

.acclist_att {
    padding-left: 20px;
}

.acclist_att > img {
    height: 44px;
    width: auto;
}

.acclist_mast {
    padding-left: 30px;
}

.acclist_mast > img {
    height: 44px;
    width: auto;
}

.acclist_card_mast {
    float:left;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #000;
}

.acclist_card_mast > img {
    height: 44px;
    width: auto;
}

.acclist_card_att {
    float:left;
    width: 250px;
    text-align: center;
}

.acclist_card_hidden {
    text-align: center;
    padding-top: 30px;
    float: left;
    width: 250px;
    border: none;
}

.acclist_card_att > img {
    height: 100px;
    width: auto;
}

.profile_card_mast {
    padding: 5px;
    background: none;
    border: none;
}

.profile_card_att {
    padding: 5px;
    background: none;
    border: none;
}

.as_head_drop > img {
    height: 22px;
    width: auto;
}

.as_head_userbit > img {
    height: 22px;
    width: auto;
}

.as_header {
    border-top: 1px solid;
    margin-top: 7px!important;
    padding-top: 7px!important;
    clear: both;
    min-width: 400px;
}

.as_header > img {
    height: 22px;
    width: auto;
}

.as_header > li > img {
    height: 22px;
    width: auto;
}

.as_side_user {
    list-style-type: none;
    white-space: nowrap;
    height: 24px;
}

.as_menu {
    display: block;
    overflow: auto;
    position: fixed;
    left: -300px;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 11;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 0 0;
}

.as_menu ul {
    margin-top: 40px;
}

.as_menu ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    font-size: 12px;
    text-align: left;
    padding: 3px 0px;
}

.as_menu ul li img {
    height: 22px;
    width: auto;
}

.as_menu ul li:before {
    content: "";
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.2);
}

.as_menu.isOpen {
    -webkit-transform: translate(300px;
    0);
    -moz-transform: translate(300px;
    0);
    -ms-transform: translate(300px;
    0);
    -o-transform: translate(300px;
    0);
    transform: translate(300px, 0);
}

.as_menu-arrow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.2);
    width: 10px;
    height: 100%;
    border: 5px solid transparent;
    -webkit-transition: opacity .4s ease .4s;
    -moz-transition: opacity .4s ease .4s;
    -ms-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s;
}

.as_menu-right {
    display: block;
    padding: 0;
    overflow: auto;
    position: fixed;
    right: -300px;
    top: 0;
    padding-top: 80px;
    width: 300px;
    height: 100%;
    z-index: 11;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.as_menu-right ul {
    margin-top: 40px
}

.as_menu-right ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    font-size: 12px;
    padding: 3px 0;
    text-align: left
}

.as_menu-right ul li img {
    height: 22px;
    width: auto;
}

.as_menu-right ul li:before {
    content: "";
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.2)
}

.as_menu-right.isOpen {
    -webkit-transform: translate(-300px; 0);
    -moz-transform: translate(-300px; 0);
    -ms-transform: translate(-300px; 0);
    -o-transform: translate(300px; 0);
    transform: translate(-300px, 0)
}

.as_menu-arrow-right {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.2);
    width: 10px;
    height: 100%;
    border: 5px solid transparent;
    -webkit-transition: opacity .4s ease .4s;
    -moz-transition: opacity .4s ease .4s;
    -ms-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4sease .4s
}

Wie im Anhang zu sehen hat die Bearbeitung aber nichts gebracht.
Unter der Klasse .as_head_drop hast du eine schließende Klammer } zu viel. Die müsstest du noch löschen.
Nach dem Abspeichern erneuere den Browsercache mit Strg+F5., sonst passiert nichts. Wink
Ich habe deine Werte mal in mein Testforum eingesetzt und es wird dort nebeneinander angezeigt.
Eine neue Version wurde veröffentlicht: Enhanced Account Switcher 2.1.8
Enhanced Account Switcher v2.1.8
  • Sidebar aktualisiert
  • Template accountswitcher_sidebar aktualisiert
  • Stylesheet accountswitcher.css aktualisiert
  • Gesamt-Postcount Funktion hinzugefügt, damit dieser auch außerhalb des Postbit verfügbar ist
  • Funktion zum Speichern der Zustimmung der Nutzungsbedingungen für angehängte Accounts hinzugefügt (wenn Plugin "Einverständnis Nutzungsbedingungen" ab v1.5 installiert ist)
  • Variable zur Kennzeichnung des Masteraccounts hinzugefügt
  • Mehrere Bugs und Tippfehler beseitigt
Upgrade
  1. Inhalt des Upload Ordners in das Foren-Hauptverzeichnis hochladen.
  2. Enhanced Account Switcher im ACP deaktivieren und wieder aktivieren
  3. Im ACP unter Templates & Style -> Templates -> Finde aktualisierte Templates ausführen. Falls accountswitcher-Templates aufgeführt werden (accountswitcher_sidebar), diese zurücksetzen (und ggf. die eigenen Änderungen wieder einfügen.)
  4. Im Stylesheet accountswitcher.css überprüfen, ob die neuen Klassen hinzugefügt wurden. Falls sie nicht vorhanden sind, die folgenden dort hinzufügen:
    Code:
    .as_sidenav {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 10000;
       top: 0;
       left: 0;
       background-color: #111;
       overflow-x: hidden;
       transition: 0.5s;
       padding-top: 60px;
    }

    .as_sidenav a {
       padding: 8px 8px 8px 20px;
       text-decoration: none;
       font-size: 15px;
       color: #ccc;
       display: inline-block;
       transition: 0.3s;
    }

    .as_sidenav a:hover {
       color: #f1f1f1;
    }

    .as_sidenav .closebtn {
       position: absolute;
       top: 0;
       right: 25px;
       font-size: 36px;
       margin-left: 50px;
    }

    .as_sidenav ul {
       margin-top: 40px;
    }

    .as_sidenav ul li {
       display: inline-block;
       width: 100%;
       list-style: none;
       font-size: 15px;
       text-align: left;
       padding: 3px 0px;
    }

    .as_sidenav ul li img {
       height: 22px;
       width: auto;
    }

    .as_sidenav ul li:before {
       content: "";
       margin-right: 5px;
       color: rgba(255, 255, 255, 0.2);
    }

    @media screen and (max-height: 450px) {
     .as_sidenav {padding-top: 15px;}
     .as_sidenav a {font-size: 15px;}
    }

  5. Browsercache erneuern (zB Strg+F5), damit die Stylesheets neu geladen werden und zB die Sidebar wieder korrekt angezeigt wird.
Hallo und guten Tag.

Ich habe da mal eine Frage zur Versendung der PMs bzw. zur Informierung über PMs.
Und zwar scheint wohl folgendes vorzuliegen:
- Ist man mit dem Hauptaccount online, sieht man ob jemand eine PM an einen der Nebenaccounts geschickt hat.
- Ist man mit einem Nebenaccount eingeloggt, sieht man ob jemand eine PM an den Hauptaccount geschickt hat.
- Ist man mit einem Nebenaccount eingeloggt, kann man NICHT sehen, ob jemand an einen der anderen Nebenaccounts eine PM geschickt hat.

Kann man diesen Umstand (in Rot) irgendwie beheben?
Oder ist es eine Falscheinstellung, die ich selbst vorgenommen habe? Ggf. eine Fehlfunktion?

Vielen Dank im Voraus für eure Hilfe.

MfG
Santhony
Es sollte zu sehen sein, zumindest habe ich gerade noch mal getestet und es ist auch zu sehen.
Falsch einstellen kann man da auch nichts.
Eine alte Version hatte mal ein ähnliches Problem, das wurde aber bereits mit 2.1.2 behoben. Von daher, so lange du keine recht alte Plugin-Version verwendest, wüsste ich im Moment nicht, warum es bei dir nicht angezeigt wird.
Hallo Waldo.

Ich benutze 2.1.7.
Daran kann es also leider nicht liegen. öö