Memberpages_XH

[aceaccis]

Hi @ all,

one question I tried to modify the .css of the Plugin Memberpages.

I would change the design of the button. I did it already on the registration part.

login.png

error.png

But I'm not able to find the css part of the logout buttons -->

logout.png

anybody there who changed this already ?

Thanks Chris

[frase]

But I'm not able to find the css part of the logout buttons -->

Das Problem ist, dass hier keinerlei Klasse angegeben ist, weder für das Formular, noch für den Button.

Versuch:
In der Datei:
..\plugins\memberpages\index.php
(ca.) die Zeile 676 ändern:

Code: Select all

. tag('input type="submit" class="logoutBtn" value="'.$plugin_tx['memberpages']['log_out'].'"')."\n"

Dadurch erhält der Button die Klasse "logoutBtn" und kann im CSS gestyled werden.

[cmb]

These buttons have the CSS class .submit, so you can style all such buttons:

Code: Select all

.submit {}

If you want only the buttons on the logout form to be affected, it is probably best to wrap the call to memberslogin() into a <div> with an appropriate class, e.g.

Code: Select all

<div class="my_memberslogin"><?php echo memberslogin()?></div>

and use

Code: Select all

.my_memberslogin .submit {}

[cmb]

Das Problem ist, dass hier keinerlei Klasse angegeben ist, weder für das Formular, noch für den Button.

Upps, stimmt natürlich. Allerdings kann der Button per CSS 2.1 Selektor angesprochen werden:

Code: Select all

button[type="submit"] {}

Das Wrappen wie weiter oben beschrieben kann dann immer noch verwendet werden. Dann ist keine Änderung am Quellcode erforderlich.

[frase]

Das Wrappen wie weiter oben beschrieben kann dann immer noch verwendet werden. Dann ist keine Änderung am Quellcode erforderlich

Und das ist wirklich besser.

Wenn wie von Christoph beschrieben, dann:

Code: Select all

.my_memberslogin input[type="submit"]{...}

Es ist nämlich auch kein <button> vorhanden.
leider werden damit alle Submit-Buttons im Plugin formatiert.

[cmb]

Es ist nämlich auch kein <button> vorhanden.

Hm, bei mir wird "Logout" und "Control-Panel" als <button> ausgegeben.

[aceaccis]

Hi,

danke euch , damit kann ich leben .

Es ist nämlich auch kein <button> vorhanden.
leider werden damit alle Submit-Buttons im Plugin formatiert.

Hat super funktioniert .

geht.png

Danke und Gruß

Chris

[lck]

But I'm not able to find the css part of the logout buttons

Another way, add to memberpages stylesheet.css e.g.:

Code: Select all

input[value="memberslogout"] ~ button,
input[value="memberspanel"] ~ button {
    background-color: #EEEEEE;
    border: none;
    color: #212121;
    font-size: 1.2em;
    line-height: 2em;
    margin: 0.4em 0;
    outline: none;
    padding: 0;
    width: 10em;
} 

[aceaccis]

Hi Ick,

habe mal versucht deine Class auf den Button der Suche anzuwenden nur der ignoriert das vehement woran mag das liegen ?

Hier mein css part :

Code: Select all

input[value="Suchen"] ~ button {
    background-color: #EEEEEE;
    border: none;
    color: #212121;
    font-size: 1.2em;
    line-height: 2em;
    margin: 0.4em 0;
    outline: none;
    padding: 0;
    width: 10em;
} 

so sehe ich Ihn im Inspektor :

Code: Select all

<input type="submit" class="submit" value="Suchen">

Danke und Gruß

Chris

[frase]

input[value="Suchen"] ~ button {

Streiche mal das "~ button" raus.