Photo Station Anpassung Photostation 5

[Astra76]

Hallo zusammen.

Ich brauche eure Hilfe. Wir benutzen die Photostation für unsere Kunden zur Ansicht- und Downloadmöglichkeit. Nun nach dem Update auf die 3.2 kann ich unser Firmenlogo nicht mehr wie gewollt in die PS Seite einbauen. Siehe Bild wie die Seite bisher ausgesehen hat und wie die neue PS5 aussieht. Klar die Farben usw.. kann ich selber anpassen. Aber wie mache ich das mit unserem Firmenbanner.

Danke für die Hilfe

 

[bohne]

Hallo Atra76,

in der PhotoStation findest Du unter "Thema" ganz oben, den Punkt "Logo Bild". Hier kannst entweder ein eigenes auswählen (zuerst hochladen) oder das Logo-Bild ausblenden.

Gruß bohne

 

[Astra76]

Hallo bohne

Das habe ich auch gesehen und gleich mal ausprobiert, leider ohne Erfolg. Wenn ich unser Firmenlogo (Banner für PS) hochlade, wird dieses abgehackt. Siehe Bild anbei. Das Logo ist 800 x 185 Pixel Querformat.

Gruß Jan

 

[Astra76]

Habe eben Nachricht von Synology bekommen. Das Logo wird nur noch im Format 500x35 Pixel unterstützt. Mehr geht nicht. Ist halt das neue Design meine Synology. es ist keine eigene Modifizierung mit Bilder die größer sind möglich. Habe auf der Startseite der PS (Anmeldeseite) einfach hintenrum das ("Smily-Bild" ersetzt durch unser Banner"). Klappt. Die alte PS4 war in diesem Punkt einfach besser. Dort konnte man viel mehr selber modifizieren.

 

[spacelord_de]

Du kannst das unter CSS-Anpassung einrichten:

.syno-blog-header, .syno-header-logo 
{
height:100px;
background-image:none;
}

Bei Höhe einfach deine Logohöhe eingeben und eventuell noch mit background-color eine Farbe anlegen.

Solltest du noch Fragen haben die hier nicht beantwortet werden/wurden, schick mir eine Private Nachricht.
Da ich erst in 2 Wochen wieder da bin, werde ich nicht mehr alle Beiträge durchgehen, aber vielleicht kann ich mehr helfen, da ich mich intensiv mit der Anpassung (siehe Beitrag) beschäftigt habe.

 

[danzbox]

Hi Spacelord,

vielen Dank für die Info. Es war genau so wie ich es mir gedacht habe. Habe damit auch schon rumgespielt, aber bin leider sehr unbedarft auf diesem Gebiet.
Ich habe es jetzt geschafft zumindest auch Logos einzubinden, die 800px breit sind wie auf der DSM3.1:
.syno-header-logo {
max-width: 800px;
}
Aber wie bekomme ich das Logo noch zentriert. Das müsste doch eine Anweisung sein, die den .syno-header-logo horizontal zentriert in .syno-blog-header positioniert.
Da im CSS float: left; steht dachte ich ich könnte einfach float: center; schreiben. Das will aber nicht...

 

[DonCarlos]

Ich wäre um ein paar Tipps für die CSS Anpassung auch nicht verlegen

 

[grueni_fa]

Hi Spacelord,

vielen Dank für die Info. Es war genau so wie ich es mir gedacht habe. Habe damit auch schon rumgespielt, aber bin leider sehr unbedarft auf diesem Gebiet.
Ich habe es jetzt geschafft zumindest auch Logos einzubinden, die 800px breit sind wie auf der DSM3.1:
.syno-header-logo {
max-width: 800px;
}
Aber wie bekomme ich das Logo noch zentriert. Das müsste doch eine Anweisung sein, die den .syno-header-logo horizontal zentriert in .syno-blog-header positioniert.
Da im CSS float: left; steht dachte ich ich könnte einfach float: center; schreiben. Das will aber nicht...

Eventuell mal so probieren:
.syno-header-logo {
max-width: 800px;
width:800px; /* oder die gewünschte Breite */
text-align:center;
}

 

[danzbox]

Geht leider auch nicht:
Momentan steht da:

.syno-blog-header, .syno-header-logo
{
height:180px;
background-image:none;
}
.syno-header-logo {
max-width: 800px;
width:800px;
text-align: center;
}

Hat aber keine Auswirkung auf die Position

 

[julius123]

Weis jemand, wie ich auf der Anmeldeseite in dem Folder (leer) in der Mitte ein Foto reinbekomme?

 

[bohne]

Indem Du ein "Öffentliches Album" erstellst und ein Foto in dieses Album lädst.

 

[julius123]

Danke!

 

[drago]

hallo.

wie genau funktioniert das mit der CSS anpassung? ich möchte ebenfalls die photostation etwas modifizieren.

 

[DonCarlos]

Hi.
du muss die datei /usr/syno/synoman/phpsrc/photo/css/photo_style.css unter dem punkt ".syno-header-logo" anpassen:
lösche:
"float: left;"
und schreibe
"position: relative;
left: 31%;"
(ohne Anführungszeichen natürlich!)
den Wert von "margin-left: 8px;" kannst du auf "margin-left: 0px;" setzen!

Speichern und fertig!

Den Wert mit 31% habe ich von meinem Logo abhängig gemacht. Vllt musst du da einen etwas anderen Wert nehmen. Probiers mal aus!

(Alle Angaben natürlich auf eigene Gefahr!)
Viel Glück!

 

[felix007]

Hallo,

könnt Ihr mir sagen, mit welchem Code ich den Punkt "Diaschau" ausblenden kann ?
Ich finde nur den Punkt um das ganze Management auszublenden (.album-management)
So verliere ich aber auch den Punkt MAP, den ich gerne behalten würde.

Sollte doch sonst genau wie bei dem logo gehen:

.syno-blog-header, .syno-header-logo
{
height:100px;
background-image:none;
}


Danke Felix

 

[DerZock]

Versuchs mal dieser CSS Anweisung:

.icon-slideShow {
display:none;
}

 

[DKeppi]

Sofern ihr CSS Anpassungen habt die funktionieren, bitte auch hier in meinem Wiki-Eintrag ergänzen (mit Screenshots)

DANKE!!!

 

[jahlives]

Wegen dem Zentrieren: Mal beim Element ein margin-left: auto und margin-right: auto probiert? Wenn die Breite des Elements defniert ist sollte es mit margin eigentlich immer möglich sein, das Element zu Zentieren

 

[jemue]

Verwenigung von CSS

Evtl. mal was prinzipelles zu CSS.
Wenn man sich mit HTML und seiner Umschreibung der Layouts befasst und/oder es ermöglichen will, sollte man sich auch die Zeit nehmen und sich etwas intensiver mit CSS befassen. Um CSS kommt man heute bei einer Homepage (so auch beim Layout der Photostadion) nicht mehr drum rum.

Zum Beispiel in Firefox das kleine Hilfstool Firebug zu verwenden, hilft Leben zu retten.

 

[DKeppi]

Zum Beispiel in Firefox das kleine Hilfstool Firebug zu verwenden, hilft Leben zu retten.

Stimmt!
Mit diesem Tool habe ich meine gewünschten CSS Feldnamen gefunden und danach die Anpassungen vorgenommen
Hilft enorm!!!