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
  Neue Seite erstellen - keine Reaktion Bastelwastel18 3 110 18.09.2020, 14:53
Letzter Beitrag: Bastelwastel18
  Bild in Hintergrund einer Ganzen Seite - Backstretch funsport 1 92 25.08.2020, 11:48
Letzter Beitrag: Thomas Saake
  Seite: www.foodextra.ch Reves84 1 134 01.08.2020, 14:31
Letzter Beitrag: barbara0701
  Mobirise-Nach einfügen von PopUp lädt die Seite nicht mehr auf den Server Thomas Saake 26 1.067 21.03.2020, 13:38
Letzter Beitrag: Martin73
  Rätsel: viele Menüs auf einer Seite stobi_de 7 394 04.03.2020, 16:12
Letzter Beitrag: Rancher
  Seite von der Publizierung ausschließen? stobi_de 4 328 29.02.2020, 09:35
Letzter Beitrag: barbara0701
  Seite wird im IE nicht korrekt angezeigt hansjuerg 14 657 18.02.2020, 11:17
Letzter Beitrag: hansjuerg
  Logo-Anzeige in Google stobi_de 4 427 22.12.2019, 21:58
Letzter Beitrag: stobi_de
  Seite immer mal wieder verschwunden Utz29 8 453 29.11.2019, 14:15
Letzter Beitrag: kfz-fotograf
  Seite mit Passwort schützen ganz einfach Hans Klawun 0 293 28.11.2019, 18:03
Letzter Beitrag: Hans Klawun



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!