Photo Station Anpassung Photostation 5

Status
Für weitere Antworten geschlossen.

Astra76

Benutzer
Mitglied seit
30. Mrz 2009
Beiträge
13
Punkte für Reaktionen
0
Punkte
0
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 HilfePhotostation.jpg
 

bohne

Benutzer
Mitglied seit
05. Jan 2011
Beiträge
1.701
Punkte für Reaktionen
3
Punkte
58
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

Benutzer
Mitglied seit
30. Mrz 2009
Beiträge
13
Punkte für Reaktionen
0
Punkte
0
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

Bildschirmfoto 2011-09-07 um 07.00.45.png
 

Astra76

Benutzer
Mitglied seit
30. Mrz 2009
Beiträge
13
Punkte für Reaktionen
0
Punkte
0
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

Benutzer
Mitglied seit
26. Okt 2010
Beiträge
93
Punkte für Reaktionen
0
Punkte
0
Du kannst das unter CSS-Anpassung einrichten:

Rich (BBCode):
.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

Benutzer
Mitglied seit
02. Nov 2007
Beiträge
110
Punkte für Reaktionen
0
Punkte
16
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...
 
Zuletzt bearbeitet:

DonCarlos

Benutzer
Mitglied seit
02. Jan 2010
Beiträge
7
Punkte für Reaktionen
0
Punkte
0
Ich wäre um ein paar Tipps für die CSS Anpassung auch nicht verlegen :)
 

grueni_fa

Benutzer
Mitglied seit
16. Mai 2011
Beiträge
148
Punkte für Reaktionen
0
Punkte
16
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

Benutzer
Mitglied seit
02. Nov 2007
Beiträge
110
Punkte für Reaktionen
0
Punkte
16
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

Benutzer
Mitglied seit
27. Mai 2011
Beiträge
20
Punkte für Reaktionen
0
Punkte
1
Weis jemand, wie ich auf der Anmeldeseite in dem Folder (leer) in der Mitte ein Foto reinbekomme?
 

bohne

Benutzer
Mitglied seit
05. Jan 2011
Beiträge
1.701
Punkte für Reaktionen
3
Punkte
58
Indem Du ein "Öffentliches Album" erstellst und ein Foto in dieses Album lädst.
 

drago

Benutzer
Mitglied seit
17. Jun 2008
Beiträge
322
Punkte für Reaktionen
0
Punkte
16
hallo.

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

DonCarlos

Benutzer
Mitglied seit
02. Jan 2010
Beiträge
7
Punkte für Reaktionen
0
Punkte
0
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

Benutzer
Mitglied seit
08. Jan 2011
Beiträge
14
Punkte für Reaktionen
0
Punkte
0
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

Benutzer
Mitglied seit
25. Dez 2009
Beiträge
99
Punkte für Reaktionen
0
Punkte
12
Versuchs mal dieser CSS Anweisung:

Rich (BBCode):
.icon-slideShow {
display:none;
}
 

DKeppi

Benutzer
Mitglied seit
01. Apr 2011
Beiträge
3.207
Punkte für Reaktionen
62
Punkte
114
Sofern ihr CSS Anpassungen habt die funktionieren, bitte auch hier in meinem Wiki-Eintrag ergänzen (mit Screenshots)

DANKE!!!
 

jahlives

Benutzer
Mitglied seit
19. Aug 2008
Beiträge
18.275
Punkte für Reaktionen
4
Punkte
0
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

Benutzer
Mitglied seit
11. Jan 2009
Beiträge
615
Punkte für Reaktionen
0
Punkte
42
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

Benutzer
Mitglied seit
01. Apr 2011
Beiträge
3.207
Punkte für Reaktionen
62
Punkte
114
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!!!
 
Status
Für weitere Antworten geschlossen.
 

Kaffeautomat

Wenn du das Forum hilfreich findest oder uns unterstützen möchtest, dann gib uns doch einfach einen Kaffee aus.

Als Dankeschön schalten wir deinen Account werbefrei.

:coffee:

Hier gehts zum Kaffeeautomat