Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


pfeil nach unten, farbe ändern
#1
Mobirise, Pfeil nach unten, Farbe ändern:

Hilfe, wie geht das?

Huh


https://forums.mobirise.com/discussion/1...-any-block
nach unten scrollen, selbe Frage ohne Antwort mit Bild

Danke
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Das geht relativ einfach über die Site Style Eigenschaften (der Pinsel). Hier ändert man die Primary-Farbe. Allerdings ändern sich dann auch andere Elemente des Styles (Links bei Hover). Nicht alle kann man selektiv wieder individuell ändern.
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Danke Martin,

leider passiert nichts...

unter Site Style hab ich bei Primary sowie Buttons und Links jede Farbe geändert. Nur die Schriftfarbe in der Menuleiste hat sich geändert, sonst nichts.

Mobirise 4.10.8, danach update auf 4.11.2

Hab noch ein anderes Projekt aufgemacht - da geht es auch nicht.

Und jetzt? Noch irgendwelche Ideen? 

:confused:
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
ich habe gerade keine Zeit das zu testen. Ich weiß aber, dass das nicht so einfach geht, denn das ist ja keine Grafik, sondern Unicode-Sonderzeichen. Das wird über JavaScript gesteuert.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Danke Tommy,

hoffe, Du findest was!

Ich meine auch die Farbe vom Kreis um den Pfeil. Hab teils dunkle Bildausschnitte im Hintergrund und der Pfeil geht völlig unter.

Bis später...
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
... also die Farbe wird hier definiert. Im "Statischen Style", der am Ende in der CSS-Datei "style.css" landet und mit dem neuen "Code Editor" auch editiert werden kann:

Zitat:/*! Scroll to top arrow */
#scrollToTop a i:before {
  content: '';
  position: absolute;
  height: 40%;
  top: 25%;
  background: #FFFF00;
  width: 2px;
  left: calc(50% - 1px); }
#scrollToTop a i:after {
  content: '';
  position: absolute;
  display: block;
  border-top: 2px solid #FFFF00;
  border-right: 2px solid #FFFF00;
  width: 40%;
  height: 40%;
  left: 30%;
  bottom: 30%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

Ich habe da mal aus dem #fff (weiß) ein #FFFF00 (gelb gemacht)


.jpg  Style.JPG (Größe: 189,32 KB / Downloads: 10)



.jpg  scrollToTop.JPG (Größe: 195,33 KB / Downloads: 8)



P.S.:

Die erste Angabe ist 20% Deckkraft in schwarz - die zweite Angabe ist bei "hover" 40% Deckkraft. Dort kannst Du die Farbe und die Deckkraft ändern.

Zitat:.mbr-arrow-up a {
background: rgba(0, 0, 0, 0.2);
border-radius: 3px;
color: #fff;
display: inline-block;
height: 60px;
width: 60px;
outline-style: none !important;
position: relative;
text-decoration: none;
transition: all 0.3s ease-in-out;
cursor: pointer;
text-align: center; }
.mbr-arrow-up a:hover {
background-color: rgba(0, 0, 0, 0.4); }
.mbr-arrow-up a i {
line-height: 60px; }
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
... ach Gott - das ist ja der Pfeil nach oben :D

... muss ich nachher nochmals gucken ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
Hey Tommy, klasse und danke!

Aber leider sieht mein Code Editor ganz anders aus. Hab eben für den Code Editor ein Update geladen und Mobirise neu gestartet. Mein Code Editor zeigt nur HTML Editor und CSS Editor. Kein: Static Styles, Dynamic Styles, Site Parameters.
Den Screenshot habe im Anhang hochgeladen.

Wie krieg ich diese Ansichten im Code Editor?
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
... OK, bei dem Pfeil nach unten ist das ebenso gemacht, nur die Farbe in dieser Class:

Zitat:.mbr-arrow a {
  color: #ffffff; }

und der runde Hintergrund in dieser Class:

Zitat:/*! Arrow Down */
.mbr-arrow {
  position: absolute;
  bottom: 45px;
  left: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: rgba(80, 80, 80, 0.5);
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .mbr-arrow > a {
    display: inline-block;
    text-decoration: none;
    outline-style: none;
    -webkit-animation: arrowdown 1.7s ease-in-out infinite;
    animation: arrowdown 1.7s ease-in-out infinite; }
    .mbr-arrow > a > i {
      position: absolute;
      top: -2px;
      left: 15px;
      font-size: 2rem; }

Klicke auf den kleinen blauen Pinsel (Style) unten rechts im Arbeitsfenster (über dem roten "+" Button), dann auf den Button unten "Edit in Code Editor"


.jpg  Style-Editor.JPG (Größe: 278,58 KB / Downloads: 17)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Top Service!  thumbs up   

Danke nochmal Tommy!

Werds jetzt probieren...
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
@Tommy: Was passiert, wenn man auf "Edit in Code Editor" klickt? Bei mir geht da nichts auf!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
Hast Du denn das neueste Update vom Code-Editor und auch die neueste Mobirise-Version 4.11.2?

... dann öffnet sich der neue "Style Editor", der ein Teil vom neuen "Code Editor" ist.

Das sieht dann so aus:


.jpg  Style.JPG (Größe: 189,32 KB / Downloads: 15)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Moin.
Ich gucke auch gerade ein bisschen sparsam.
Ich habe 4.11.2. Auch das Update vom Code Editor geladen.
Alles aktiviert.
Aber bei mir ist auch nur der altbekannte HTML und CSS Editor zu sehen.  :confused:
Man kann aber jetzt einen Namen vergeben.
Gruß
Thomas

Mobirise 4.12.1 + Code Editor

Ich bin nicht doof. Ich denke nur anders.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#14
Thomas, wir werden alt, gelle???

Siehe hier, wo es grün ist, Pfeil, klicke da mal...
Tschüßßßiii


.jpg  edi-in-edi.jpg (Größe: 36,81 KB / Downloads: 14)
Mit freundlichen Grüßen
Claus aus dem hohen Norden

...am achten Tag schuf Gott den Rechtsanwalt
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#15
Du hast ja sowas von recht....  :D
Habe ich nicht gesehen.
Gruß
Thomas

Mobirise 4.12.1 + Code Editor

Ich bin nicht doof. Ich denke nur anders.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Photo Block mit steps - Anzahl steps ändern? Utz29 6 157 29.01.2020, 18:06
Letzter Beitrag: Utz29
  Pfeil hinzufügen cxx 9 222 17.01.2020, 13:04
Letzter Beitrag: c-laus
  Mobirise-Tab Farbe Footer ändern Thomas Saake 5 194 17.12.2019, 12:01
Letzter Beitrag: Thomas Saake
  Größe Formularfeld ändern kfz-fotograf 4 179 08.12.2019, 05:33
Letzter Beitrag: Tommy Herrmann
  Mobirise-Animierten Text nach unten verschieben Thomas Saake 6 223 30.11.2019, 13:47
Letzter Beitrag: Thomas Saake
  Bildgröße ändern Peter Pfaff 3 161 11.11.2019, 18:35
Letzter Beitrag: Tommy Herrmann
  Parallax-Effekt ändern? stobi_de 3 192 23.10.2019, 10:42
Letzter Beitrag: stobi_de
  Logo in der Mobilien Ansicht ändern jomini 5 300 18.10.2019, 11:54
Letzter Beitrag: jomini
  links immer in der selben farbe Utz29 6 282 20.09.2019, 20:07
Letzter Beitrag: Utz29
  Typo3 nach Mobi stobi_de 3 351 02.09.2019, 15:54
Letzter Beitrag: Wolfgang Z



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!