Ankündigung

#1 2024-02-06 17:24:51

blair
Mitglied
2024-01-30
6

Link Farbe und Link Text ändern

Hallo Forum,

ich bin ein absoluter Neuling bei Piwigo.

Ich möchte gerne die Link Farbe und Link Text ändern.

In meinem themes simpleng baut sich mit zunehmender Album Tiefe ein Link auf

zb Startseite/Alben usw.

Ich möchte gerne die Wörter Startseite/Alben durch andere ersetzten und ich möchte gerne die Linkfarbe ändern.

Wie gehe ich dabei am besten vor?

Offline

#2 2024-02-06 19:23:56

Slim
Piwigo Team Moderators
2013-03-09
757

Re: Link Farbe und Link Text ändern

Hallo,

im Verzeichnis "SimpleNG" findes Du die Datei "theme.css".
Dort mußt Du dir die passenden einstellungen raussuchen und ggf. Änderungen in
der Datei mit einem Editor vornehmen.

Wenn man keinerlei Ahnung hat dann wird es nichts. Falls bei der änderung einiges
schief läuft nur das Original wieder reinkopieren.

Slim

Offline

#3 2024-02-06 21:05:20

drlecter
Piwigo Team Moderators
2016-03-17
1006

Re: Link Farbe und Link Text ändern

Alternativ kannst du auch mit dem Local Files Editor das direkt im Browser anpassen.
Wenn das Plugin installiert ist, unter Erscheinungsbilder bei SimpleNG auf die 3 Punkte klicken und CSS bearbeiten auswählen. Dann wird eine Datei zusätzlich angelegt.
Ein Browser mit Entwiklungstools ist hilfreich, da kann man ggf. direkt auch die Parameter ermitteln und testen, bevor man diese übernimmt.

Offline

#4 2024-02-07 16:11:32

blair
Mitglied
2024-01-30
6

Re: Link Farbe und Link Text ändern

vielen Ank für die beiden Antworten.

Ich habe mir die Datei angesehen.

themes/simpleng/css/style.less

Ich habe dort diese vielversprechenden Zeilen gefunden.


// Variables
// -------------------------

@textColor:      #eee;
@headingsColor:  #eee;
@linkColor:      #eee;
@linkColorHover: #fff;
@secondaryColor: #888;
@bodyBackground: #303030;
@blue:           #08c;

@dropdownBackground:           #2c2c2c;
@dropdownDividerTop:           #333;
@dropdownDividerBottom:        #333;
@dropdownLinkColor:            #999;
@dropdownLinkColorHover:       @white;
@dropdownLinkColorActive:      @white;
@dropdownLinkBackgroundActive: @secondaryColor;
@dropdownLinkBackgroundHover:  @dropdownLinkBackgroundActive;


Leider bewirkt eine Änderung der Farbwerte nichts

Ich habe den Wert für @linkColor:      #BDBDBD; geändert

Bin ich hier richtig? Reicht es aus diese Werte zu ändern, oder was muss ich machen, damit die Änderung angezeigt wird?

@Slim
den Local Files Editor habe ich mir auch angesehen. nur leider kann ich da keine css Datei einbinden um sie zu bearbeiten. Der Editor ist leer und ich sehe keine Möglichkeit dort eine Datei rein zu bekommen.

Sorry für meine vermeidlichen einfachen Frage...

Offline

#5 2024-02-07 16:24:05

Slim
Piwigo Team Moderators
2013-03-09
757

Re: Link Farbe und Link Text ändern

blair schrieb:

@Slim
den Local Files Editor habe ich mir auch angesehen. nur leider kann ich da keine css Datei einbinden um sie zu bearbeiten. Der Editor ist leer und ich sehe keine Möglichkeit dort eine Datei rein zu bekommen.

Du musst den Code aus der theme.css markieren und per Copy dort Einfügen.

Und ja, die Werte kann man Ändern und Abspeichern. Nur so werden die übernommen.

Slim

Offline

#6 2024-02-07 16:34:08

blair
Mitglied
2024-01-30
6

Re: Link Farbe und Link Text ändern

ok ich denke ich bin noch am falschen Ort/Datei

ist der Pfad richtig?
themes/simpleng/css/style.less

Den Inhalt dieser Datei paste ich in den Local Files Editor.

Der erzeugt eine simpleng-rules.css die im Verzeichnis /local/css liegt

Muss ich die Datei dann verschieben/kopieren? In welchem Verzeichnis liegt denn die Installation?

Das verwirrt mich etwas...

Offline

#7 2024-02-07 17:01:31

Slim
Piwigo Team Moderators
2013-03-09
757

Re: Link Farbe und Link Text ändern

Also so wird es nichts.

Ich rede hier von der "themes.css" und nicht von einer "less Datei".

Wenn man einzelne Code-Fragmente (geändert) aus der "themes.css" in den LocalFilesEditor einfügt
und das abspeichert, wird es nach einem Neustart übernommen.

Ein bisschen sollte man sich schon auskennen.

Offline

#8 2024-02-07 18:55:02

Schneider-Fotografie
Mitglied
Berlin
2023-03-29
17

Re: Link Farbe und Link Text ändern

Hier in diesem Ordner ist die theme.css zu finden.

/themes/simpleng/

Mach dir vorher eine Kopie von der Datei!

Gruß
Olaf

Beitrag geändert von Schneider-Fotografie (2024-02-07 18:56:37)

Offline

#9 2024-02-10 18:17:02

blair
Mitglied
2024-01-30
6

Re: Link Farbe und Link Text ändern

vielen Dank für eure Antworten

Ich bin ein ganzes Stück weiter gekommen und habe einiges gelernt

Kann ich auch die Wörter "Startseite" und Alben" gegen andere Begriffe tauschen
Es baut sich ja ein Link auf der so aussieht

Startseite/Alben/individueller Alben Name

Ich habe keine Datei gefunden wo die Wörter Startseite/Alben/Alben definiert sind.

Da bräuchte ich noch mal einen Tipp, aber bitte nicht wieder mit mir meckern :-)

Beitrag geändert von blair (2024-02-10 18:17:30)

Offline

#10 2024-02-10 18:45:01

Slim
Piwigo Team Moderators
2013-03-09
757

Re: Link Farbe und Link Text ändern

Hallo,

mit dem "LocalFilesEditor" bekommst Du auch das hin.

Füge im schalter "sprachen" folgendes ein

Code:

$lang['Albums'] = 'Alben';
$lang['Home'] = 'Home';

Das Home u. Alben kannst natürlich gegen Deine ersetzen.

HINWEIS! Alles was Du im "LocalFilesEditor" hinterlegst wird ausgeführt egal was in den
Themen oder Plugins hinterlegt ist.

Slim

Offline

#11 2024-02-10 18:53:55

blair
Mitglied
2024-01-30
6

Re: Link Farbe und Link Text ändern

@Slim

perfekt funktioniert super :-)
danke dir

Offline

#12 2024-02-13 14:30:19

blair
Mitglied
2024-01-30
6

Re: Link Farbe und Link Text ändern

Ich habe jetzt auch schon einige Farb-Änderungen mit dem LocalFilesEditor.

Nur habe ich bisher eine Änderung nicht machen können, und zwar würde ich gerne auch den Mouseover Effekt bei den Links (Startseite etc.)  ändern.

Hat jemand für mich einen Tipp, wo oder wie ich diese Einstellung vornehmen kann.

Offline

#13 2024-02-14 15:23:16

drlecter
Piwigo Team Moderators
2016-03-17
1006

Re: Link Farbe und Link Text ändern

Nimm den Chrome oder so, wo du die Entwicklertools hast. Dann siehst du in den Entwickertools die entsprechenden Einstellungen vom CSS. Zum testen kannst du dann auch direkt mit den Werten rumspielen.

Offline

Brett Fußzeile

Unterstützt von FluxBB

github twitter newsletter Spenden Piwigo.org © 2002-2024 · Kontakt