Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Logo auf die rechte Seite?
#1
Ein Kunde wünscht das Logo auf der rechten Seite des Bildschirms.
Haben wir da was von der Stange?

ich sehe gerade auch nicht, wie man das einfach umbauen kann.
https://www.afripix.de/BergischesTeam/
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
das sollte so ähnlich funktionieren:

Code:
.navbar-brand {
  height: auto;
  max-width: 400px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

https://codepen.io/allurewebsolutions/pen/apBopo
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Moin,

Hier ist meine Testseite zu meinen Ausführungen:

http://www.mobirise-tutorials.com/Reverse-Brand/


... vielleicht nutzt Dir die Bootstrap-Class:

flex-row-reverse

etwas.

Zitat:<div class="menu-content-top flex-row-reverse" id="topLine">

https://getbootstrap.com/docs/4.0/utilit...#direction

Das sieht dann so aus:


.jpg  row-reverse.JPG (Größe: 127,95 KB / Downloads: 13)



.jpg  Code.JPG (Größe: 154,21 KB / Downloads: 8)




... und hier noch zusätzlich mit einer etwas geänderten CSS für das Logo (ganz rechts)

Zitat:.navbar-logo {
      font-size: 4rem;
      transition: font-size 0.25s;
      & img {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 3px;
        margin-right: 20px;

      }
      .mbr-iconfont {
        transition: font-size 0.25s;
      }
}


.jpg  Logo-Rechts.JPG (Größe: 138,73 KB / Downloads: 11)




... wenn ich den Firmen-Namen anschalte, dann steht dieser, durch das "reverse" / "umkehren", bereits richtig (links neben dem Logo), allerdings weiß ich gerade nicht mit welcher CSS man den Firmen-Namen nun noch an das Logo dichter ran schieben könnte ...


.jpg  Firmen-Name.JPG (Größe: 141,92 KB / Downloads: 6)



... man muss natürlich auch immer alle Bildschirmgrößen dabei in Betracht ziehen. Im Moment passt es so auch am Handy.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Hi Tommy,
wenn ich Dich nicht hätte....

https://www.afripix.de/BergischesTeam/index.php

So ganz noch nicht.
Ich habe den text in die Grafik mit aufgenommen.
Aber am Handy gehts noch nicht.
Das Logo ist nun bei mir auch Sticky?
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
thumbs up

dachte ich mir, dass Du Firmen-Name und Logo als ein Bild machst :D
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
  Seite wird im IE nicht korrekt angezeigt hansjuerg 14 206 18.02.2020, 12:17
Letzter Beitrag: hansjuerg
  Logo-Anzeige in Google stobi_de 4 158 22.12.2019, 22:58
Letzter Beitrag: stobi_de
  Seite immer mal wieder verschwunden Utz29 8 172 29.11.2019, 15:15
Letzter Beitrag: kfz-fotograf
  Seite mit Passwort schützen ganz einfach Hans Klawun 0 126 28.11.2019, 19:03
Letzter Beitrag: Hans Klawun
  Problem mit gesicherter Seite nof15us 5 201 13.11.2019, 10:10
Letzter Beitrag: nof15us
  Die Eier-Seite stobi_de 3 158 01.11.2019, 10:55
Letzter Beitrag: barbara0701
  Mobirise lädt meine Seite nicht Manuel 39 639 26.10.2019, 18:03
Letzter Beitrag: Manuel
Exclamation Logo in der mobilen Ansicht zu groß! realjustinde 9 343 21.10.2019, 19:26
Letzter Beitrag: Martin73
  Logo in der Mobilien Ansicht ändern jomini 5 291 18.10.2019, 11:54
Letzter Beitrag: jomini
  einzelne Seite sperren Manuel 9 333 16.10.2019, 10:38
Letzter Beitrag: Tommy Herrmann



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!