Usr Pic - quadratisch statt rund / Farbe Hover Logout

welter · 5. Juni 2021

Hallo,

wo und wie kann ich einstellen das das UsrPic nicht rund sondern quadratisch dargestellt wird.

Ausserdem wurde ich gerne die "hover" Farbe in dem linken oberen Menü (logout etc, derzeit rot) auf die gleiche Farbe setzen wie in dem Menü darunter.

Ich habe bei der suche leider nichts passendes gefunden.

8NerdyBit · 5. Juni 2021

Hallo Welter,

ich bin zwar kein CSS Profi, aber die Zeile in der index.php schreit ganz laut

PHP

<img src="<?php echo $userpic; ?>" title="Profilbild" alt="Profilbild" style="position:top; border-radius:50%;">

In der Datei 'css/style-base_dynamic.php' .navuserbox:hover, .active suchen und den Farbcode auf #26a69a; stellen.

Code

.navuserbox:hover, .active {
background: #26a69a;
}

Sollte es sein,,, bis zum nächsten Update

Viel lSpaß!

welter · 5. Juni 2021

Vielen Dank Dennis

damit das Profilbild quadratisch angezeigt wird einfach den Radius auf 0% setzen.

Und die Farbe im Menü passt jetzt auch.

8NerdyBit · 5. Juni 2021

Zitat von welter

damit das Profilbild quadratisch angezeigt wird einfach den Radius auf 0% setzen.

So, oder einfach 'border-radius:50%;' gänzlich entfernen.

welter · 6. Juni 2021

Sorry wenn ich nochmal wegen den Profilbildern nerve. aber unsere Logos sind hat alle quadratisch.

Dank 8NERDYBIT konnte ich die Anzeige auf dem Desktop im Hauptmenü ändern.

Leider wurden auch die Profilbilder in der Mitspielerübersicht und wahrscheinlich auch in den Ranglisten auf rund geändert.

Ebenso in der mobil Version oben rechts im Hauptmenü und im Profilbereich. Die Ansicht in der m Version für die Mitspieler ist noch quadratisch ich hoffe für die Ranglisten auch.

Ich habe jetzt einigen Stunden gesucht aber leider nicht gefunden wo ich den Radius auf 0 setzten kann.

Würde mich freuen wenn mir jemand einen Hinweis geben kann.

Vielen Dank

8NerdyBit · 6. Juni 2021

Hallo welter

die Teilnehmerübersicht findest Du in "content/teilnehmer.ansicht.php

PHP

<img style="border:0px; width:28px !important; height:28px; padding:0px; margin:0px; border-radius:50%" src="<?php echo "img/userpic/".$row['userpic']; ?>" alt="userpic">

Hab aber gerade leider keine Zeit den Rest zusammen zu suchen, sorry...

welter · 6. Juni 2021

Vielen Dank.

Wieder ein Schritt weiter.

Die Ansicht in der m Version ist anscheinend woanders festgelegt. Also nicht in der

m/content/teilnehmer.ansicht.php

Horst · 6. Juni 2021

MAch es dir einfach und such mit notepad++ oder Phase5 Dateiübergreifend nach border-radius:50% und lass es mit ändern gleich überall auf border-radius:0% ändern oder sicherer in jeder Datei wo das gefunden wird selber machen!

Tags